:root{--background:#e6f0dd;--surface:#fff;--surface-soft:#f5faf0;--surface-muted:#eef6e9;--border:#c9dbce;--border-strong:#9cbcb0;--text:#263238;--muted:#60746d;--primary:#659287;--primary-dark:#456b62;--secondary:#9cbcb0;--accent:#d79a2b;--cta-red:#b4232a;--cta-red-dark:#8f1f25;--danger:#b3261e;--success:#276749;--warning-bg:#fff7e3;--danger-bg:#fff2ef;--success-bg:#e6f4ec;--shadow:0 18px 48px #2632381a}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%;overflow-x:hidden}body{background:var(--background);color:var(--text);letter-spacing:0;min-height:100%;margin:0;font-family:Arial,Yu Gothic,Meiryo,Hiragino Sans,Noto Sans JP,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline-offset:3px;outline:3px solid #d79a2bc2}#main-content:focus{outline:none}.skip-link{background:var(--text);color:#fff;z-index:100;border-radius:8px;padding:10px 14px;font-weight:900;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}h1,h2,h3,p,span,strong,small{overflow-wrap:anywhere}.site-header{border-bottom:1px solid var(--border);z-index:10;background:#e6f0ddeb;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.site-brand,.app-brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.site-brand strong,.app-brand strong{font-size:18px;line-height:1.1;display:block}.site-brand small,.app-brand small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-size:11px;font-weight:700;display:block}.brand-mark{background:var(--surface);border:2px solid #a9c3bb;border-radius:8px;width:58px;height:58px;position:relative}.brand-mark.compact{width:42px;height:42px}.brand-stroke{transform-origin:0;border-radius:999px;height:6px;display:block;position:absolute}.brand-mark.compact .brand-stroke{height:4px}.brand-stroke-gold{background:var(--accent);width:38px;top:35px;left:14px;transform:rotate(-46deg)}.brand-stroke-green{background:var(--primary);width:34px;top:38px;left:19px;transform:rotate(38deg)}.brand-mark.compact .brand-stroke-gold{width:28px;top:25px;left:10px}.brand-mark.compact .brand-stroke-green{width:25px;top:27px;left:14px}.brand-sun{background:var(--cta-red);border-radius:999px;width:18px;height:18px;position:absolute;top:11px;right:12px}.brand-mark.compact .brand-sun{width:13px;height:13px;top:8px;right:9px}.site-nav,.header-actions,.hero-actions,.auth-actions{align-items:center;gap:10px;display:flex}.site-nav{color:var(--muted);flex-wrap:wrap;justify-content:center;max-width:100%;font-size:14px}.site-nav a{white-space:nowrap;border-radius:999px;align-items:center;min-height:40px;padding:8px 10px;display:inline-flex}.site-nav a:hover{color:var(--primary-dark);background:#dbead7}.btn{text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:10px 16px;font-weight:800;line-height:1.2;display:inline-flex}.btn-sm{min-height:40px;padding:7px 10px}.btn-lg{min-height:50px;padding:13px 18px}.btn-primary{background:var(--primary);color:#fff}.btn-soft{color:var(--primary-dark);background:#dbead7}.btn-cta{background:var(--cta-red);color:#fff}.btn-cta:hover{background:var(--cta-red-dark)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:#ffffffc7}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#f2b8b5}.badge{text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.badge-primary{color:var(--primary-dark);background:#dbead7}.badge-free,.badge-paid{background:var(--success-bg);color:var(--success)}.badge-pending{background:var(--warning-bg);color:#62460a}.badge-muted{background:var(--surface-muted);color:var(--muted)}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px}.card{padding:18px}.panel{padding:20px}.alert{border-radius:8px;align-items:flex-start;gap:10px;padding:12px;line-height:1.55;display:flex}.alert strong{margin-bottom:2px;display:block}.alert-info{color:#31505a;background:#e7f4f6;border:1px solid #b7d7df}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #b8d8c4}.alert-warning{background:var(--warning-bg);color:#62460a;border:1px solid #ead39a}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #f2b8b5}.field{gap:7px;display:grid}.field>span:first-child{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.field small{color:var(--muted)}.input-shell{position:relative}.input-icon{color:var(--muted);pointer-events:none;align-items:center;height:100%;display:flex;position:absolute;top:0;left:12px}.input,.textarea{border:1px solid var(--border-strong);color:var(--text);background:#fff;border-radius:8px;width:100%;min-height:46px;padding:11px 12px}.with-icon .input{padding-left:42px}.textarea{resize:vertical;min-height:120px}.input:focus,.textarea:focus{border-color:var(--primary);outline:3px solid #65928733}.empty-state{border:1px dashed var(--border-strong);text-align:center;background:#ffffffb8;border-radius:8px;place-items:center;padding:28px;display:grid}.empty-state h2{margin:10px 0 0;font-size:24px}.empty-state p{color:var(--muted);max-width:560px;margin:8px 0 16px;line-height:1.55}.empty-icon{color:var(--primary)}.loading-state{color:var(--muted);align-items:center;gap:10px;min-height:34px;display:inline-flex}.loading-dot{background:var(--primary);border-radius:999px;width:10px;height:10px;animation:1s ease-in-out infinite pulse}.price-tag{text-align:right;gap:2px;display:grid}.price-tag strong{font-size:22px}.price-tag span{color:var(--muted);font-size:12px}.hero-section{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;gap:clamp(24px,5vw,56px);min-height:calc(100vh - 72px);padding:clamp(42px,8vw,92px) clamp(18px,6vw,72px);display:grid}.hero-copy{max-width:780px}.eyebrow{color:var(--primary-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:900}h1{max-width:1020px;margin:14px 0 0;font-size:clamp(42px,7vw,78px);line-height:1}h2{margin:0;font-size:clamp(26px,4vw,42px);line-height:1.1}.hero-lead,.section-heading p{color:var(--muted);margin:20px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.6}.hero-actions{flex-wrap:wrap;margin-top:28px}.hero-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:clamp(18px,4vw,28px);display:grid}.panel-row{border-bottom:1px solid var(--border);gap:8px;padding-bottom:16px;display:grid}.panel-row span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.panel-row strong{color:var(--primary-dark);font-size:16px}.kana-sample{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,1fr);align-items:center;gap:12px;padding:18px;display:grid}.kana-sample span{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:92px;font-size:clamp(34px,6vw,58px);font-weight:900;display:flex}.panel-grid,.feature-grid,.metric-grid,.dashboard-grid,.mini-list{gap:12px;display:grid}.panel-grid{grid-template-columns:repeat(4,1fr)}.panel-grid span{color:var(--primary-dark);text-align:center;background:#edf6ef;border-radius:8px;padding:12px 8px;font-size:13px;font-weight:900}.content-band{border-top:1px solid var(--border);background:#ffffff85;padding:clamp(34px,6vw,76px) clamp(18px,6vw,72px)}.white-band{background:var(--surface-soft)}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;max-width:1120px;display:flex}.section-heading>div:first-child{max-width:780px}.section-action{flex:none}.feature-grid{margin-top:28px}.feature-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{border:1px solid var(--border);border-radius:8px;gap:12px;min-height:180px;padding:20px;display:grid}.feature-card.white{background:#fff}.feature-card.soft{background:var(--surface-muted)}.feature-card span{font-size:19px;font-weight:900}.feature-card p,.info-card p,.muted-text{color:var(--muted);margin:0;line-height:1.55}.feature-card:hover{border-color:var(--primary);transition:border-color .16s,transform .16s;transform:translateY(-2px)}.info-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.info-card{gap:10px;display:grid}.info-card svg{color:var(--primary)}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:flex-start;gap:24px;padding:28px clamp(18px,6vw,72px);display:flex}.site-footer strong{color:var(--text)}.site-footer p{margin:6px 0 0}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.auth-page{padding:clamp(28px,6vw,72px) clamp(18px,6vw,72px)}.auth-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);gap:24px;max-width:1120px;margin:0 auto;padding:clamp(18px,4vw,32px);display:grid}.auth-copy{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;flex-direction:column;justify-content:center;padding:clamp(18px,4vw,30px);display:flex}.auth-copy svg{color:var(--primary)}.auth-copy h1{font-size:clamp(34px,5vw,54px)}.auth-copy p:last-child{color:var(--muted);font-size:17px;line-height:1.6}.auth-form{align-content:center;gap:14px;display:grid}.auth-actions{flex-wrap:wrap}.auth-switch{color:var(--muted);margin:0}.auth-switch a{color:var(--primary-dark);font-weight:900}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{border-right:1px solid var(--border);background:#fbfdf9;flex-direction:column;gap:18px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.app-nav{gap:4px;display:grid}.app-nav a{color:var(--text);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.app-nav a:hover{color:var(--primary-dark);background:#dbead7}.app-logout{margin-top:auto}.app-main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.app-topbar{border-bottom:1px solid var(--border);z-index:5;background:#e6f0ddeb;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex;position:sticky;top:0}.app-topbar .eyebrow{margin-bottom:4px}.app-content{padding:clamp(18px,4vw,34px)}.dashboard-page{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{gap:10px;display:grid}.metric-card svg{color:var(--primary)}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{font-size:32px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-heading h2{margin-top:10px;font-size:24px}.mini-list span{background:var(--surface-muted);border-radius:8px;padding:11px 12px}@keyframes pulse{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media (max-width:1100px){.feature-grid.two-up,.feature-grid.three-up,.info-strip,.metric-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.site-header{flex-direction:column;align-items:stretch}.site-brand{max-width:100%}.site-nav{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.hero-section,.auth-panel,.app-shell{grid-template-columns:1fr}.hero-section{min-height:auto}.section-heading,.site-footer,.app-topbar{flex-direction:column;align-items:flex-start}.section-action{width:100%}.app-sidebar{border-bottom:1px solid var(--border);border-right:0;height:auto;position:static}.app-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.site-header{gap:12px}.header-actions,.hero-actions,.auth-actions{flex-wrap:wrap;align-items:stretch;width:100%}.header-actions .btn,.hero-actions .btn,.auth-actions .btn{flex:100%}.kana-sample,.panel-grid,.feature-grid.two-up,.feature-grid.three-up,.info-strip,.metric-grid,.dashboard-grid,.app-nav{grid-template-columns:1fr}.price-tag{text-align:left}h1{font-size:clamp(36px,13vw,48px)}}.link-button{color:var(--primary-dark);background:0 0;border:0;justify-self:start;padding:0;font-weight:900}.link-button:hover{text-decoration:underline}.link-button:disabled{color:var(--muted);cursor:not-allowed;text-decoration:none}.standalone-state{align-content:center;min-height:100vh}.app-topbar span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.landing-alert{max-width:720px;margin-top:22px}.landing-hero-panel{justify-content:center;align-self:stretch}.landing-stat-grid,.landing-menu-grid,.package-preview-grid,.news-schedule-grid,.stack-list{gap:14px;display:grid}.landing-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stat{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;gap:4px;padding:14px;display:grid}.hero-stat strong{color:var(--primary-dark);font-size:28px;line-height:1}.hero-stat span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.landing-menu-grid{margin-top:28px}.landing-menu-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-menu-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:14px;min-height:226px;padding:20px;display:grid}.menu-card:hover,.list-card:hover,.package-card:hover{border-color:var(--primary);transition:border-color .16s,transform .16s;transform:translateY(-2px)}.menu-card-header,.menu-meta,.package-card-top,.package-card-footer,.date-pill{align-items:center;gap:10px;display:flex}.menu-card-header,.menu-meta,.package-card-footer{justify-content:space-between}.menu-icon{background:var(--surface-muted);border:1px solid var(--border);color:var(--primary-dark);border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.menu-card>strong{font-size:24px}.menu-card p,.package-card p,.list-card p,.schedule-card p,.landing-cta-band p{color:var(--muted);margin:0;line-height:1.55}.menu-meta{border-top:1px solid var(--border);color:var(--primary-dark);margin-top:auto;padding-top:12px;font-weight:900}.package-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.package-card{gap:12px;min-height:240px;display:grid}.package-card h3,.list-card h3,.schedule-card h3{margin:0;font-size:21px;line-height:1.2}.package-card-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.package-card-footer strong{font-size:20px}.news-schedule-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.news-schedule-grid .section-heading{display:block}.stack-list{margin-top:22px}.list-card,.schedule-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px}.list-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.list-card svg{color:var(--primary);flex:none}.list-card h3,.schedule-card h3{margin-top:10px}.schedule-card{gap:14px;display:grid}.date-pill{background:var(--surface-soft);border:1px solid var(--border);color:var(--primary-dark);border-radius:8px;justify-content:flex-start;padding:10px 12px;font-weight:900}.landing-cta-band{background:var(--primary-dark);color:#fff;justify-content:space-between;align-items:center;gap:24px;display:flex}.landing-cta-band h2{max-width:820px}.landing-cta-band p{color:#ffffffd1;max-width:820px;margin-top:14px}.landing-cta-band .eyebrow{color:#dcebe7;margin-top:0}@media (max-width:1100px){.landing-menu-grid.three-up,.package-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.landing-stat-grid,.landing-menu-grid.two-up,.landing-menu-grid.three-up,.package-preview-grid,.news-schedule-grid{grid-template-columns:1fr}.landing-cta-band{flex-direction:column;align-items:stretch}.landing-cta-band .btn{width:100%}}.kana-page{min-height:100vh}.kana-hero,.kana-study-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);align-items:center;gap:clamp(22px,5vw,54px);padding:clamp(38px,7vw,78px) clamp(18px,6vw,72px);display:grid}.kana-hero h1,.kana-study-hero h1{margin:12px 0 0;font-size:clamp(46px,8vw,82px)}.kana-hero p,.kana-study-hero p{color:var(--muted);max-width:760px;margin:18px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.6}.kana-hero-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(5,1fr);gap:10px;padding:clamp(16px,3vw,24px);display:grid}.kana-hero-card span{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;min-height:82px;font-size:clamp(34px,5vw,54px);font-weight:900;display:flex}.kana-page-alert{margin:0 clamp(18px,6vw,72px) 24px}.kana-overview-band,.kana-chart-band{border-bottom:1px solid var(--border)}.kana-overview-grid,.kana-benefit-band,.kana-section-stack{gap:16px;display:grid}.kana-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.kana-overview-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:16px;padding:22px;display:grid}.kana-overview-card:hover{border-color:var(--primary);transition:border-color .16s,transform .16s;transform:translateY(-2px)}.kana-overview-top{justify-content:space-between;align-items:center;display:flex}.kana-overview-card h2{font-size:34px}.kana-overview-card p,.kana-benefit-card p,.kana-study-summary p,.kana-section-heading p,.kana-mobile-cta p{color:var(--muted);margin:0;line-height:1.55}.kana-overview-sample{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.kana-overview-sample span{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;min-height:70px;font-size:38px;font-weight:900;display:flex}.kana-benefit-band{grid-template-columns:repeat(3,minmax(0,1fr))}.kana-benefit-card{gap:10px;display:grid}.kana-benefit-card svg,.back-link,.kana-detail-link{color:var(--primary-dark)}.back-link{align-items:center;gap:8px;margin-bottom:14px;font-weight:900;display:inline-flex}.kana-study-summary{background:var(--primary);box-shadow:var(--shadow);color:#fff;border-radius:8px;gap:8px;padding:clamp(22px,5vw,34px);display:grid}.kana-study-summary span{font-size:clamp(58px,10vw,96px);font-weight:900;line-height:.95}.kana-study-summary strong{font-size:24px}.kana-study-summary p{color:#ffffffdb}.kana-section-stack{margin-top:28px}.kana-study-section{border:1px solid var(--border);background:#ffffffad;border-radius:8px;padding:clamp(14px,3vw,22px)}.kana-section-heading{margin-bottom:16px}.kana-section-heading h2{margin-top:10px;font-size:clamp(26px,4vw,38px)}.kana-scroll{padding-bottom:4px;overflow-x:auto}.kana-table{gap:8px;min-width:560px;display:grid}.kana-table-header,.kana-table-row{grid-template-columns:repeat(5,minmax(96px,1fr));gap:8px;display:grid}.kana-table-header span{background:var(--cta-red);color:#fff;text-align:center;border-radius:8px;padding:12px;font-weight:900}.kana-cell{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-height:132px;overflow:hidden}.kana-cell[open]{border-color:var(--primary);box-shadow:0 10px 24px #26323814}.kana-cell summary{cursor:pointer;place-items:center;gap:4px;min-height:130px;padding:14px 10px;list-style:none;display:grid}.kana-cell summary::-webkit-details-marker{display:none}.kana-character{color:var(--text);font-size:46px;font-weight:900;line-height:1}.kana-romaji{color:var(--muted);font-size:16px;font-weight:900}.kana-detail{border-top:1px solid var(--border);color:var(--muted);gap:6px;padding:10px 12px 12px;font-size:13px;line-height:1.45;display:grid}.kana-detail strong{color:var(--text)}.kana-detail-link{align-items:center;gap:4px;margin-top:2px;font-weight:900;display:inline-flex}.kana-cell-empty{color:#9aaaa5;background:#ffffff73;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.kana-mobile-cta{background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:clamp(34px,6vw,70px) clamp(18px,6vw,72px);display:flex}.kana-mobile-cta h2{margin-top:12px}.kana-mobile-cta p{max-width:820px;margin-top:12px}@media (max-width:980px){.kana-hero,.kana-study-hero,.kana-overview-grid,.kana-benefit-band{grid-template-columns:1fr}.kana-mobile-cta{flex-direction:column;align-items:stretch}}@media (max-width:640px){.kana-hero-card span,.kana-overview-sample span{min-height:58px}.kana-hero-card span{font-size:32px}.kana-overview-sample span{font-size:30px}}.kotoba-page{min-height:100vh}.kotoba-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:clamp(24px,5vw,56px);padding:clamp(38px,7vw,78px) clamp(18px,6vw,72px);display:grid}.kotoba-hero h1{margin:12px 0 0;font-size:clamp(46px,8vw,82px)}.kotoba-hero p{color:var(--muted);max-width:800px;margin:18px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.6}.kotoba-hero-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:clamp(18px,4vw,28px);display:grid}.kotoba-hero-card div{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;gap:6px;padding:18px;display:grid}.kotoba-hero-card span{font-size:clamp(40px,7vw,68px);font-weight:900;line-height:1.05}.kotoba-hero-card small,.kotoba-result-summary span,.kotoba-romaji{color:var(--muted);font-weight:800}.kotoba-hero-card strong{color:var(--primary-dark);font-size:20px}.kotoba-page-alert{margin:0 clamp(18px,6vw,72px) 24px}.kotoba-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.kotoba-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:8px;padding:18px;display:grid}.kotoba-stat-card svg{color:var(--primary)}.kotoba-stat-card span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900}.kotoba-stat-card strong{color:var(--primary-dark);font-size:30px}.kotoba-browser{gap:18px;margin-top:28px;display:grid}.kotoba-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(260px,1fr) minmax(220px,.42fr) auto;align-items:end;gap:14px;padding:16px;display:grid}.kotoba-clear-button{min-width:112px}.kotoba-result-summary{align-items:baseline;gap:8px;display:flex}.kotoba-result-summary strong{color:var(--primary-dark);font-size:30px}.kotoba-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.kotoba-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:14px;min-height:320px;padding:18px;display:grid}.kotoba-card:hover{border-color:var(--primary);transition:border-color .16s,transform .16s;transform:translateY(-2px)}.kotoba-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.kotoba-main{background:var(--surface-soft);border:1px solid var(--border);text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:108px;padding:14px;display:flex}.kotoba-main ruby,.kotoba-main>span{color:var(--text);font-size:clamp(34px,5vw,54px);font-weight:900;line-height:1.05}.kotoba-main rt{color:var(--muted);padding-bottom:4px;font-size:15px;font-weight:800}.kotoba-detail-list{gap:10px;margin:0;display:grid}.kotoba-detail-list div{border-bottom:1px solid var(--border);gap:4px;padding-bottom:9px;display:grid}.kotoba-detail-list div:last-child{border-bottom:0;padding-bottom:0}.kotoba-detail-list dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.kotoba-detail-list dd{margin:0;font-size:18px;font-weight:800}.kotoba-example{color:#31505a;background:#e7f4f6;border:1px solid #b7d7df;border-radius:8px;align-items:flex-start;gap:10px;margin-top:auto;padding:12px;line-height:1.55;display:flex}.kotoba-example svg{flex:none;margin-top:2px}@media (max-width:1100px){.kotoba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.kotoba-hero,.kotoba-stat-grid,.kotoba-toolbar{grid-template-columns:1fr}.kotoba-toolbar{align-items:stretch}}@media (max-width:680px){.kotoba-grid{grid-template-columns:1fr}.kotoba-card{min-height:auto}}.catalog-page,.package-detail-page{min-height:100vh}.catalog-hero,.package-detail-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:clamp(24px,5vw,56px);padding:clamp(38px,7vw,78px) clamp(18px,6vw,72px);display:grid}.catalog-hero h1,.package-detail-hero h1{margin:12px 0 0;font-size:clamp(48px,8vw,88px)}.catalog-hero p,.package-detail-hero p,.package-detail-note p{color:var(--muted);max-width:820px;margin:18px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.6}.catalog-hero-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:clamp(18px,4vw,28px);display:grid}.catalog-stat-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;gap:8px;padding:16px;display:grid}.catalog-stat-card svg{color:var(--primary)}.catalog-stat-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.catalog-stat-card strong{color:var(--primary-dark);font-size:clamp(22px,3vw,30px);line-height:1.2}.catalog-page-alert{margin:0 clamp(18px,6vw,72px) 24px}.catalog-level-row{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.catalog-level-row span{background:var(--surface);border:1px solid var(--border);color:var(--primary-dark);border-radius:8px;padding:10px 14px;font-weight:900}.catalog-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.catalog-package-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:14px;min-height:430px;padding:20px;display:grid}.catalog-package-card:hover{border-color:var(--primary);transition:border-color .16s,transform .16s;transform:translateY(-2px)}.catalog-package-top,.catalog-package-footer,.catalog-benefits span,.package-detail-list span,.package-detail-card-heading{align-items:center;gap:10px;display:flex}.catalog-package-top,.catalog-package-footer{justify-content:space-between}.catalog-package-card h3{margin:0;font-size:26px;line-height:1.16}.catalog-package-card p,.catalog-subtitle,.package-buy-panel p{color:var(--muted);margin:0;line-height:1.55}.catalog-subtitle{margin-top:6px;font-weight:800}.catalog-benefits,.package-detail-list{gap:9px;display:grid}.catalog-benefits span,.package-detail-list span{color:var(--muted);font-weight:800;line-height:1.35}.catalog-benefits svg,.package-detail-list svg,.package-detail-card-heading svg{color:var(--primary);flex:none}.catalog-package-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.catalog-price{gap:2px;display:grid}.catalog-price span,.package-buy-panel>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.catalog-price strong{color:var(--text);font-size:24px}.catalog-action-disabled{pointer-events:none}.package-detail-level{margin-left:8px}.package-buy-panel{box-shadow:var(--shadow);gap:14px;display:grid}.package-buy-panel strong{color:var(--primary-dark);font-size:clamp(34px,5vw,48px);line-height:1}.package-detail-grid-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.package-detail-card{gap:16px;display:grid}.package-detail-card-heading h2{font-size:26px}.package-detail-note{display:grid}.package-detail-note>div{max-width:900px}@media (max-width:1100px){.catalog-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.catalog-hero,.package-detail-hero,.package-detail-grid-band{grid-template-columns:1fr}}@media (max-width:680px){.catalog-package-grid{grid-template-columns:1fr}.catalog-package-card{min-height:auto}.catalog-package-footer{flex-direction:column;align-items:stretch}.catalog-package-footer .btn{width:100%}}.private-page-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.private-page-heading h1{margin:0;font-size:clamp(34px,5vw,56px)}.private-page-heading p:last-child{color:var(--muted);max-width:780px;margin:10px 0 0;font-size:17px;line-height:1.55}.private-dashboard,.profile-page{gap:18px;display:grid}.private-dashboard-grid{align-items:start}.private-panel{min-height:320px}.private-list{gap:10px;display:grid}.private-list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:0 0 12px;display:flex}.private-list-item:last-child{border-bottom:0;padding-bottom:0}.private-list-item div,.progress-row div:first-child{gap:4px;display:grid}.private-list-item strong,.progress-row strong{font-size:16px}.private-list-item span,.progress-row span,.schedule-summary-card span{color:var(--muted);font-size:13px;font-weight:800}.progress-row{border-bottom:1px solid var(--border);gap:10px;padding-bottom:12px;display:grid}.progress-row:last-child{border-bottom:0;padding-bottom:0}.progress-meter{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.progress-meter span{background:var(--primary);border-radius:inherit;height:100%;display:block}.schedule-summary-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;gap:10px;padding:18px;display:grid}.schedule-summary-card svg{color:var(--primary)}.schedule-summary-card strong{font-size:22px}.schedule-summary-card p{color:var(--muted);margin:0;line-height:1.45}.quick-start-panel{background:var(--primary-dark);color:#fff;justify-content:space-between;align-items:center;gap:24px;display:flex}.quick-start-panel h2{margin-top:10px;font-size:clamp(26px,4vw,38px)}.quick-start-panel p{color:#ffffffd1;max-width:760px;margin:10px 0 0;line-height:1.55}.quick-start-actions,.profile-actions,.profile-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-hero-card{background:var(--primary);color:#fff;align-items:center;gap:20px;padding:clamp(18px,4vw,28px);display:flex}.profile-hero-card h2{color:#fff;font-size:clamp(28px,4vw,42px)}.profile-avatar{background:var(--cta-red);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:90px;height:90px;font-size:42px;font-weight:900;display:flex}.profile-badge-row{margin-top:12px}.profile-badge-row span{background:#ffffff26;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-weight:800;display:inline-flex}.profile-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.76fr);align-items:start;gap:18px;display:grid}.profile-side-stack,.profile-form{gap:14px;display:grid}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-wide-field{grid-column:1/-1}.profile-detail-list{gap:14px;margin:0;display:grid}.profile-detail-list div{border-bottom:1px solid var(--border);gap:6px;padding-bottom:12px;display:grid}.profile-detail-list div:last-child{border-bottom:0;padding-bottom:0}.profile-detail-list dt{color:var(--primary-dark);text-transform:uppercase;align-items:center;gap:7px;font-size:13px;font-weight:900;display:flex}.profile-detail-list dd{color:var(--text);margin:0;line-height:1.45}.point-grid,.progress-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.point-grid div,.progress-summary-grid div{background:#def7ef;border:1px solid #c6eadd;border-radius:8px;gap:6px;padding:12px;display:grid}.point-grid svg{color:var(--primary-dark)}.point-grid strong,.progress-summary-grid strong{font-size:26px;line-height:1}.point-grid span,.progress-summary-grid span{color:var(--muted);font-size:12px;font-weight:900}@media (max-width:980px){.private-page-heading,.quick-start-panel,.profile-hero-card{flex-direction:column;align-items:stretch}.profile-grid,.profile-form-grid{grid-template-columns:1fr}}@media (max-width:640px){.private-list-item,.quick-start-actions,.profile-actions{flex-direction:column;align-items:stretch}.private-list-item .btn,.quick-start-actions .btn,.profile-actions .btn{width:100%}.point-grid,.progress-summary-grid{grid-template-columns:1fr}}.checkout-page{gap:18px;display:grid}.checkout-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:18px;display:grid}.checkout-main-panel,.payment-sandbox-panel,.checkout-form{gap:16px;display:grid}.checkout-package-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.checkout-package-icon{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.checkout-package-card div:nth-child(2){gap:5px;display:grid}.checkout-package-card div:nth-child(2) strong{font-size:20px}.checkout-package-card span,.checkout-total-line span,.sandbox-status-row span,.sandbox-invoice-id span,.sandbox-total span,.sandbox-placeholder p,.payment-sandbox-header p{color:var(--muted);line-height:1.45}.checkout-point-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.checkout-total-card{border:1px solid var(--border);background:#fbfdf9;border-radius:8px;gap:10px;padding:16px;display:grid}.checkout-total-line,.checkout-grand-total{justify-content:space-between;align-items:center;gap:16px;display:flex}.checkout-total-line strong{font-size:16px}.checkout-grand-total{border-top:1px solid var(--border);padding-top:12px}.checkout-grand-total span{color:var(--text);font-weight:900}.checkout-grand-total strong{color:var(--primary-dark);font-size:30px}.payment-sandbox-panel{background:#f9fbfd;border-color:#c7d4df}.payment-sandbox-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.payment-sandbox-header svg{color:var(--primary);flex:none}.payment-sandbox-header h2{margin-top:10px;font-size:30px}.payment-sandbox-header p{margin:10px 0 0}.sandbox-invoice{gap:14px;display:grid}.sandbox-status-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sandbox-invoice-id,.sandbox-total,.sandbox-method-list,.sandbox-paid-state,.sandbox-placeholder{border:1px solid var(--border);background:#fff;border-radius:8px;gap:10px;padding:16px;display:grid}.sandbox-invoice-id strong{font-size:20px}.sandbox-total{color:#fff;background:#101820;border-color:#101820}.sandbox-total span{color:#ffffffb3}.sandbox-total strong{font-size:36px}.sandbox-method-list span{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:9px;font-weight:800;display:flex}.sandbox-method-list span:last-child{border-bottom:0;padding-bottom:0}.sandbox-method-list svg,.sandbox-paid-state svg,.sandbox-placeholder svg{color:var(--primary)}.sandbox-paid-state,.sandbox-placeholder{text-align:center;justify-items:center}.sandbox-paid-state strong,.sandbox-placeholder strong{font-size:22px}.checkout-empty-panel{gap:14px;display:grid}.checkout-empty-panel h1{margin:0;font-size:clamp(34px,5vw,52px)}.checkout-empty-panel p{color:var(--muted);margin:0;line-height:1.55}@media (max-width:1100px){.checkout-grid{grid-template-columns:1fr}}@media (max-width:680px){.checkout-package-card,.checkout-point-row,.payment-sandbox-header{grid-template-columns:1fr}.checkout-package-card{align-items:stretch}.checkout-point-row .btn,.sandbox-invoice .btn,.sandbox-invoice .btn-soft,.sandbox-paid-state .btn{width:100%}}.orders-page,.order-detail-page,.my-packages-page{gap:18px;display:grid}.order-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.orders-table-panel,.order-detail-panel,.my-package-section{gap:16px;display:grid}.orders-toolbar{grid-template-columns:minmax(180px,.32fr) minmax(260px,.68fr);align-items:end;gap:14px;width:100%;max-width:760px;margin-left:auto;display:grid}.order-list,.order-item-list,.pending-package-list{gap:12px;display:grid}.order-card-row,.pending-package-card{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,.9fr) minmax(220px,1fr) minmax(130px,.42fr) auto;align-items:center;gap:16px;padding:0 0 14px;display:grid}.order-card-row:last-child,.pending-package-card:last-child{border-bottom:0;padding-bottom:0}.order-card-row h2,.pending-package-card h3{margin:8px 0 4px;font-size:21px;line-height:1.15}.order-card-row span,.order-row-total span,.pending-package-card span,.pending-package-total span,.order-discount-note span,.my-package-card span{color:var(--muted);line-height:1.45}.order-card-row>div,.pending-package-card>div,.order-row-total,.pending-package-total{gap:4px;display:grid}.order-row-total strong,.pending-package-total strong{font-size:22px}.order-detail-grid{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);align-items:start;gap:18px;display:grid}.order-item-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.order-item-card div:nth-child(2){gap:4px;display:grid}.order-item-card div:nth-child(2) strong{font-size:18px}.order-item-card div:nth-child(2) span{color:var(--muted)}.order-total-card{border:1px solid var(--border);background:#fbfdf9;border-radius:8px;gap:10px;padding:16px;display:grid}.order-discount-note{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;gap:7px;padding:14px;display:grid}.my-package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.my-package-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:13px;min-height:280px;padding:18px;display:grid}.my-package-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.my-package-card h3{margin:0;font-size:24px;line-height:1.15}.my-package-card p{color:var(--muted);margin:0;line-height:1.55}.my-package-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.pending-package-card{grid-template-columns:minmax(260px,1fr) minmax(130px,.36fr) auto}@media (max-width:1100px){.order-summary-grid,.order-detail-grid,.my-package-grid{grid-template-columns:1fr}}@media (max-width:820px){.orders-toolbar,.order-card-row,.pending-package-card,.order-item-card{grid-template-columns:1fr}.orders-toolbar{max-width:none;margin-left:0}.order-card-row .btn,.pending-package-card .btn,.my-package-actions .btn{width:100%}}.paid-content-page{gap:18px;display:grid}.free-learning-grid,.paid-package-grid,.learn-detail-grid,.exam-card-grid{gap:16px;display:grid}.free-learning-grid,.learn-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.free-learning-card,.paid-section-panel,.material-reader-panel,.question-practice-panel,.locked-access-panel{gap:16px;display:grid}.free-learning-card h2,.paid-section-panel h2,.material-reader-panel h2,.question-practice-panel h2,.locked-access-panel h2{font-size:clamp(24px,3vw,34px)}.free-learning-card p,.paid-package-card p,.study-reader p,.study-article p,.locked-access-panel p,.exam-access-card p{color:var(--muted);margin:0;line-height:1.55}.paid-package-grid,.exam-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.paid-package-card,.exam-access-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;gap:12px;min-height:250px;padding:18px;display:grid}.paid-package-card:hover,.exam-access-card:hover,.content-link-row:hover{border-color:var(--primary);transition:border-color .16s,transform .16s;transform:translateY(-2px)}.paid-package-card h3,.exam-access-card h3{margin:0;font-size:24px;line-height:1.18}.content-link-list{gap:10px;display:grid}.content-link-row{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.content-link-row>div{gap:6px;display:grid}.content-link-row strong{font-size:18px}.content-link-row span:last-child{color:var(--muted);font-size:13px;font-weight:800}.study-reader{gap:18px;display:grid}.study-article,.json-row-block{border:1px solid var(--border);background:#fbfdf9;border-radius:8px;gap:12px;padding:16px;display:grid}.study-article h3,.json-row-block h3{margin:0;font-size:22px}.study-article p{font-size:16px}.json-row-list{gap:8px;display:grid}.json-row-list span{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;padding:10px 12px;line-height:1.45}.question-progress-row,.question-action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.question-progress-row span{color:var(--muted);font-weight:800}.question-media-image{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:8px;width:fit-content;max-width:min(100%,520px);max-height:280px;padding:10px;display:block}.answer-option-list{gap:10px;display:grid}.answer-option{border:1px solid var(--border-strong);color:var(--text);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:12px;min-height:54px;padding:12px 14px;display:flex}.answer-option:hover,.answer-option.selected{border-color:var(--primary);background:#dbead7}.answer-option span{background:var(--primary);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:inline-flex}.locked-access-panel{background:var(--warning-bg);border-color:#ead39a}.locked-access-panel>svg{color:#62460a}.locked-package-list{gap:10px;display:grid}.locked-package-list>div{background:#fff;border:1px solid #ead39a;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(120px,auto) auto;align-items:center;gap:10px;padding:12px;display:grid}.locked-package-list span{color:var(--muted);font-weight:800}.back-link{color:var(--primary-dark);justify-self:start;align-items:center;gap:8px;font-weight:900;display:inline-flex}.back-link:hover{text-decoration:underline}@media (max-width:1100px){.paid-package-grid,.exam-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.free-learning-grid,.learn-detail-grid,.paid-package-grid,.exam-card-grid,.content-link-row,.locked-package-list>div{grid-template-columns:1fr}.content-link-row .btn,.content-link-row .btn-soft,.locked-package-list .btn,.question-action-row .btn{width:100%}}.public-info-page,.news-detail-page{gap:18px;display:grid}.public-info-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);align-items:center;gap:clamp(22px,5vw,52px);padding:clamp(38px,7vw,78px) clamp(18px,6vw,72px) clamp(20px,4vw,42px);display:grid}.public-info-hero h1{margin:14px 0 0;font-size:clamp(44px,8vw,82px)}.public-info-hero p,.public-info-hero-card p,.news-index-card p,.news-body-copy p,.exam-schedule-card p,.selected-schedule-panel p{color:var(--muted);margin:0;line-height:1.58}.public-info-hero>div:first-child>p{max-width:820px;margin-top:18px;font-size:clamp(17px,2vw,21px)}.public-info-hero-card{box-shadow:var(--shadow);gap:10px;display:grid}.public-info-hero-card svg{color:var(--primary)}.public-info-hero-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.public-info-hero-card strong{color:var(--primary-dark);font-size:clamp(42px,7vw,64px);line-height:1}.public-info-alert{margin:0 clamp(18px,6vw,72px)}.public-info-band{border-top:0;padding-top:clamp(20px,4vw,42px)}.news-category-row{flex-wrap:wrap;gap:10px;padding:0 clamp(18px,6vw,72px);display:flex}.news-category-chip,.schedule-filter-button{border:1px solid var(--border-strong);color:var(--primary-dark);background:#fff;border-radius:999px;min-height:40px;padding:9px 14px;font-weight:900}.news-category-chip.active,.schedule-filter-button.active,.news-category-chip:hover,.schedule-filter-button:hover{background:var(--primary);border-color:var(--primary);color:#fff}.news-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.news-index-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:0;display:grid;overflow:hidden}.news-index-card:hover,.exam-schedule-card:hover{border-color:var(--primary);transition:border-color .16s,transform .16s;transform:translateY(-2px)}.news-index-thumb{background:var(--surface-muted);color:var(--primary-dark);justify-content:center;align-items:center;min-height:178px;display:flex;position:relative}.news-index-thumb img,.news-detail-cover img{object-fit:cover;width:100%;height:100%;display:block}.news-index-body{gap:12px;padding:18px;display:grid}.news-index-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.news-index-meta span{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.news-index-card h2{font-size:24px;line-height:1.18}.news-read-more{color:var(--primary-dark);align-items:center;gap:8px;margin-top:auto;font-weight:900;display:inline-flex}.news-detail-page{padding:clamp(22px,5vw,48px) clamp(18px,6vw,72px)}.news-detail-article{border:1px solid var(--border);background:#fff;border-radius:8px;gap:0;display:grid;overflow:hidden}.news-detail-cover{background:var(--surface-muted);color:var(--primary-dark);justify-content:center;align-items:center;min-height:clamp(220px,34vw,420px);display:flex;position:relative}.news-detail-content{gap:18px;width:100%;max-width:900px;margin:0 auto;padding:clamp(22px,5vw,48px);display:grid}.news-detail-content h1{margin:0;font-size:clamp(36px,6vw,68px)}.news-body-copy{gap:16px;display:grid}.news-body-copy p{font-size:18px}.exam-schedule-browser,.exam-schedule-grid{gap:16px;display:grid}.schedule-filter-panel,.selected-schedule-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.schedule-filter-panel h2,.selected-schedule-panel h2{margin-top:8px;font-size:28px}.schedule-filter-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.selected-schedule-panel{background:var(--success-bg);border-color:#b8d8c4}.selected-schedule-panel>svg{color:var(--success);flex:none}.selected-schedule-panel>div{flex:auto;gap:7px;display:grid}.exam-schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.exam-schedule-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:16px;min-height:360px;padding:18px;display:grid}.exam-schedule-card.selected{border-color:var(--success)}.exam-schedule-card-top,.schedule-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.exam-schedule-card h2{margin:0 0 8px;font-size:25px;line-height:1.17}.schedule-detail-list{gap:10px;margin:0;display:grid}.schedule-detail-list div{border-bottom:1px solid var(--border);gap:4px;padding-bottom:10px;display:grid}.schedule-detail-list div:last-child{border-bottom:0;padding-bottom:0}.schedule-detail-list dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.schedule-detail-list dd{margin:0;font-weight:800;line-height:1.4}.schedule-card-actions{margin-top:auto}@media (max-width:1100px){.news-index-grid,.exam-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.public-info-hero,.schedule-filter-panel,.selected-schedule-panel{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.schedule-filter-row{justify-content:flex-start}}@media (max-width:680px){.news-index-grid,.exam-schedule-grid{grid-template-columns:1fr}.schedule-card-actions,.schedule-filter-row{flex-direction:column;align-items:stretch}.schedule-card-actions .btn,.schedule-filter-button,.news-category-chip{width:100%}}.public-loading-page{gap:24px;padding:clamp(34px,7vw,78px) clamp(18px,6vw,72px);display:grid}.public-loading-hero{gap:16px;max-width:880px;display:grid}.skeleton-block,.skeleton-card{border:1px solid var(--border);background:linear-gradient(90deg,#dbead7 0%,#f7fbf3 48%,#dbead7 100%) 0 0/220% 100%;border-radius:8px;animation:1.35s ease-in-out infinite skeleton-pulse}.skeleton-eyebrow{width:180px;height:28px}.skeleton-title{max-width:760px;height:clamp(64px,10vw,112px)}.skeleton-copy{max-width:680px;height:74px}.public-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skeleton-card{min-height:240px}@keyframes skeleton-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width:900px){.public-loading-grid{grid-template-columns:1fr}}