.grammar-page{min-height:100vh;background:radial-gradient(circle at 16% 8%,rgba(42,169,154,.2),transparent 30rem),linear-gradient(180deg,#071e28 0,#102f3b 36rem,#f6f7f1 36rem 100%);color:#102c37}.grammar-page [hidden]{display:none!important}.grammar-shell{width:min(1040px,calc(100% - 28px));margin:0 auto;padding:30px 0 56px}.grammar-finder-view{display:grid;gap:16px}.grammar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;color:#f8fbf7}.grammar-kicker,.grammar-search-label,.grammar-result-row span,.grammar-material-section p,.grammar-check-type{margin:0;color:#2aa99a;font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.grammar-head h1{max-width:740px;margin:0;color:#f8fbf7;font-size:clamp(2.25rem,8vw,4.7rem);line-height:.95;letter-spacing:0}.grammar-head p:not(.grammar-kicker){max-width:620px;color:#f8fbf7bd;line-height:1.45}.grammar-profile-link,.grammar-back-btn,.grammar-primary-btn,.grammar-secondary-btn,.grammar-clear-btn,.grammar-check-btn{min-height:42px;border:1px solid rgba(18,37,63,.14);border-radius:999px;padding:9px 14px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.grammar-profile-link{flex:0 0 auto;border-color:#ffffff3d;background:#ffffff1a;color:#fff}.grammar-profile-link.is-dark,.grammar-secondary-btn,.grammar-back-btn,.grammar-clear-btn,.grammar-check-btn{background:#fff;color:#12313f}.grammar-primary-btn{background:#12313f;color:#fff}.grammar-finder-card,.grammar-material-card,.grammar-lesson-panel{border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#f9fcf8f7;box-shadow:0 24px 64px #0000003d}.grammar-finder-card{display:grid;gap:16px;padding:clamp(16px,3vw,24px)}.grammar-lesson-panel{display:grid;gap:12px;padding:clamp(16px,3vw,22px)}.grammar-lesson-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.grammar-lesson-panel-head h2{margin:3px 0 0;color:#102c37;font-size:clamp(1.35rem,4vw,2rem);line-height:1.05;letter-spacing:0}.grammar-lesson-panel-head span{flex:0 0 auto;border-radius:999px;background:#eef5f1;color:#173640;padding:7px 10px;font-size:.82rem;font-weight:900}.grammar-lesson-list{display:grid;gap:8px}.grammar-lesson-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 10px;align-items:center;min-width:0;border:1px solid rgba(18,37,63,.1);border-radius:14px;background:#fff;color:#102c37;padding:12px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.grammar-lesson-level{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:34px;border-radius:999px;background:#12313f;color:#fff;font-weight:900}.grammar-lesson-row strong{min-width:0;color:#102c37;overflow-wrap:anywhere}.grammar-lesson-row small{color:#12313fad;font-weight:800;white-space:nowrap}.grammar-lesson-row em{grid-column:2 / -1;color:#12313fad;font-size:.92rem;font-style:normal;line-height:1.35}.grammar-search-panel{display:grid;gap:8px}.grammar-search-box{display:flex;align-items:center;gap:10px;min-height:60px;border:1px solid rgba(18,37,63,.12);border-radius:999px;background:#fff;padding:8px 10px 8px 20px}.grammar-search-box input{min-width:0;flex:1 1 auto;border:0;background:transparent;color:#102c37;font:inherit;font-size:1.02rem;font-weight:850;outline:0}.grammar-search-box input::placeholder{color:#102c377a}.grammar-topic-strip,.grammar-finder-actions,.grammar-material-actions,.grammar-runner-actions,.grammar-choice-row,.grammar-answer-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.grammar-topic-strip{flex-wrap:nowrap;overflow-x:auto;padding:1px 2px 8px;scrollbar-width:none}.grammar-topic-strip::-webkit-scrollbar{display:none}.grammar-topic-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:42px;border:1px solid rgba(18,37,63,.12);border-radius:999px;background:#ffffffbd;color:#16313d;padding:0 14px;font-weight:900;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.grammar-topic-chip.is-active{border-color:#2aa99adb;background:#f3fffb;box-shadow:0 0 0 3px #2aa99a21}.grammar-level-card,.grammar-finder-status{display:grid;gap:10px;border-radius:14px;background:#eef5f1;padding:14px}.grammar-level-card div,.grammar-material-top,.grammar-runner-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.grammar-level-card span,.grammar-finder-status span,.grammar-result-group-head p,.grammar-result-row small,.grammar-material-head p,.grammar-results p,.grammar-results li{color:#12313fad;line-height:1.45}.grammar-level-card strong,.grammar-finder-status strong{color:#12313f}.grammar-level-card p,.grammar-finder-status span{margin:0;font-weight:760}.grammar-level-slider{width:100%;height:10px;border-radius:999px;background:linear-gradient(90deg,#2aa99a 0 var(--slider-progress, 0%),rgba(18,49,63,.16) var(--slider-progress, 0%) 100%);cursor:pointer;appearance:none}.grammar-level-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border:3px solid #ffffff;border-radius:999px;background:#d57932;box-shadow:0 8px 22px #12313f40}.grammar-level-slider::-moz-range-thumb{width:20px;height:20px;border:3px solid #ffffff;border-radius:999px;background:#d57932;box-shadow:0 8px 22px #12313f40}.grammar-result-groups,.grammar-result-list,.grammar-material-body,.grammar-check-stack{display:grid;gap:12px}.grammar-result-group{display:grid;gap:8px}.grammar-result-group+.grammar-result-group{padding-top:12px;border-top:1px solid rgba(18,37,63,.1)}.grammar-result-group-head h2,.grammar-material-head h2,.grammar-runner-head h2,.grammar-results h3{margin:0;color:#102c37;letter-spacing:0}.grammar-result-group-head h2{font-size:1rem}.grammar-result-group-head p{margin:3px 0 0;font-size:.9rem}.grammar-result-row{display:grid;gap:3px;min-width:0;border:1px solid rgba(18,37,63,.1);border-radius:14px;background:#fff;color:#102c37;padding:13px 14px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.grammar-result-row strong,.grammar-result-row small{overflow-wrap:anywhere}.grammar-empty-result{margin:0;border-radius:14px;background:#fff7ec;color:#70400f;padding:12px;font-weight:800;line-height:1.4}.grammar-material-view{max-width:860px;margin:0 auto}.grammar-material-card{display:grid;gap:18px;padding:clamp(16px,3vw,24px)}.grammar-material-head{display:grid;gap:8px}.grammar-material-head h2{font-size:clamp(2rem,6vw,3.25rem);line-height:1}.grammar-material-head p{max-width:680px;margin:0;font-weight:760}.grammar-material-meta{display:flex;flex-wrap:wrap;gap:8px}.grammar-material-meta span{border-radius:999px;background:#e9f1ee;color:#173640;padding:7px 10px;font-size:.82rem;font-weight:900}.grammar-material-grid{display:grid;gap:10px}.grammar-material-section,.grammar-runner-card,.grammar-check-card,.grammar-help-card,.grammar-teach-card{min-width:0;border:1px solid rgba(18,37,63,.1);border-radius:14px;background:#fff;padding:14px}.grammar-material-section h3,.grammar-check-card h3,.grammar-remediation-head h3{margin:4px 0 8px;color:#102c37;letter-spacing:0;overflow-wrap:anywhere}.grammar-material-section strong,.grammar-help-card strong,.grammar-teach-card strong{display:block;color:#173640;line-height:1.45;overflow-wrap:anywhere}.grammar-card-hint{margin:0 0 10px;color:#12313fad;font-weight:760;line-height:1.4}.grammar-material-section ul,.grammar-results ul{margin:8px 0 0;padding-left:20px}.grammar-ja-help{display:none;margin-top:8px}html[data-assist-language=ja] .grammar-ja-help{display:block}.grammar-ja-help summary,.grammar-more-help summary{color:#2aa99a;font-weight:900;cursor:pointer}.grammar-phase-strip{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.grammar-phase-strip span{min-height:36px;border:1px solid rgba(18,37,63,.14);border-radius:999px;background:#fff;color:#12313fad;padding:8px 12px;font-weight:900}.grammar-phase-strip span.is-active{background:#12313f;color:#fff}.grammar-runner-status{display:grid;gap:8px;margin:6px 0 14px;border-radius:14px;background:#eef5f1;padding:12px 14px}.grammar-runner-status:empty{display:none}.grammar-runner-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.grammar-runner-status-row span,.grammar-runner-status-row strong{min-width:0;overflow-wrap:anywhere}.grammar-runner-status-row span{color:#12313fad;font-weight:850}.grammar-runner-status-row strong{color:#12313f;font-weight:950}.grammar-runner-meter{height:8px;overflow:hidden;border-radius:999px;background:#12313f21}.grammar-runner-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2aa99a,#d57932);transition:width .15s ease}.grammar-test-layout{display:grid;gap:12px}.grammar-challenge-card{display:grid;gap:10px;padding:clamp(16px,3vw,22px)}.grammar-card-progress{display:flex;justify-content:space-between;gap:10px;border-radius:999px;background:#eef5f1;padding:7px 10px;color:#12313fad;font-size:.86rem;font-weight:900}.grammar-card-progress strong{color:#12313f}.grammar-help-tray{display:grid;gap:10px;min-width:0;border:1px solid rgba(42,169,154,.24);border-radius:14px;background:#f4fbf8;padding:14px}.grammar-help-tray-head{display:grid;gap:3px}.grammar-help-tray-head strong{color:#12313f;overflow-wrap:anywhere}.grammar-help-actions,.grammar-feedback-actions{display:flex;flex-wrap:wrap;gap:8px}.grammar-help-btn,.grammar-inline-btn,.grammar-help-continue{min-height:38px;border:1px solid rgba(18,37,63,.14);border-radius:999px;background:#fff;color:#12313f;padding:7px 11px;font:inherit;font-weight:900;cursor:pointer}.grammar-help-btn.is-active,.grammar-help-continue{border-color:#2aa99abf;background:#12313f;color:#fff}.grammar-help-content{display:grid;gap:6px;border-radius:12px;background:#fff;padding:12px}.grammar-help-content p{margin:0;color:#2aa99a;font-size:.76rem;font-weight:900;text-transform:uppercase}.grammar-help-content strong,.grammar-help-content span{color:#173640;line-height:1.45;overflow-wrap:anywhere}.grammar-choice-btn{min-height:40px;border:1px solid rgba(43,122,120,.24);border-radius:999px;background:#eef7f4;color:#12313f;padding:8px 12px;font-weight:900;cursor:pointer}.grammar-answer-row input{min-width:0;flex:1 1 220px;min-height:42px;border:1px solid rgba(18,37,63,.16);border-radius:999px;padding:0 12px;font:inherit}.grammar-production-card textarea{width:100%;min-width:0;resize:vertical;border:1px solid rgba(18,37,63,.16);border-radius:14px;padding:10px 12px;color:#102c37;font:inherit;line-height:1.45}.grammar-feedback{margin-top:10px;border-radius:12px;background:#fff5ea;color:#6e3b0c;padding:10px;font-weight:800;line-height:1.4}.grammar-feedback strong,.grammar-feedback span{display:block}.grammar-feedback.is-correct{background:#e9f7ef;color:#235c3f}.grammar-check-card.is-missed{border-color:#d5793275;box-shadow:0 0 0 3px #d579321f}.grammar-remediation{margin:12px 0;border:1px solid rgba(43,122,120,.2);border-radius:14px;background:#edf8f5;padding:12px}.grammar-remediation-grid{display:grid;gap:8px}.grammar-teach-stack{display:grid;gap:10px}.grammar-help-card p,.grammar-teach-card p{margin:0 0 4px;color:#2aa99a;font-size:.76rem;font-weight:900;text-transform:uppercase}.grammar-more-help{margin-top:10px}.grammar-results{margin-top:14px;border-top:1px solid rgba(18,37,63,.1);padding-top:14px}.grammar-results-hero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;margin:10px 0;border-radius:14px;background:#eef5f1;padding:14px}.grammar-results-hero span{color:#2aa99a;font-size:.82rem;font-weight:950;text-transform:uppercase}.grammar-results-hero strong{color:#12313f;font-size:1.3rem}.grammar-results-hero small{border-radius:999px;background:#fff;color:#12313f;padding:7px 10px;font-weight:950}.grammar-weak-list{margin-top:10px;border-radius:14px;background:#fff7ec;padding:12px}.grammar-weak-list p{margin:0;color:#70400f;font-size:.76rem;font-weight:950;text-transform:uppercase}.grammar-page.is-running .grammar-material-head{display:none}.grammar-page.is-running .grammar-material-card{gap:12px}.grammar-page.is-running .grammar-runner-card{box-shadow:0 18px 44px #12313f1f}@media(min-width:780px){.grammar-material-grid,.grammar-remediation-grid,.grammar-teach-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-test-layout{grid-template-columns:minmax(0,1.45fr) minmax(240px,.8fr);align-items:start}.grammar-help-tray{position:sticky;top:16px}}@media(hover:hover){.grammar-profile-link:hover,.grammar-back-btn:hover,.grammar-primary-btn:hover,.grammar-secondary-btn:hover,.grammar-clear-btn:hover,.grammar-check-btn:hover,.grammar-topic-chip:hover,.grammar-result-row:hover,.grammar-lesson-row:hover{transform:translateY(-1px);box-shadow:0 10px 24px #12313f1c}}@media(prefers-reduced-motion:reduce){.grammar-profile-link,.grammar-back-btn,.grammar-primary-btn,.grammar-secondary-btn,.grammar-clear-btn,.grammar-check-btn,.grammar-topic-chip,.grammar-result-row,.grammar-lesson-row{transition:none}}@media(max-width:720px){.grammar-shell{width:min(100% - 18px,1040px);padding-top:18px}.grammar-head,.grammar-lesson-panel-head,.grammar-material-top,.grammar-runner-head{display:grid;grid-template-columns:1fr}.grammar-lesson-row{grid-template-columns:auto minmax(0,1fr)}.grammar-lesson-row small,.grammar-lesson-row em{grid-column:2 / -1;white-space:normal}.grammar-profile-link,.grammar-back-btn,.grammar-primary-btn,.grammar-secondary-btn{width:100%;text-align:center}.grammar-search-box{align-items:stretch;flex-direction:column;border-radius:18px;padding:12px}.grammar-clear-btn{width:100%}.grammar-topic-strip{flex-wrap:wrap;overflow-x:visible;padding:0}.grammar-topic-chip{flex:1 1 calc(50% - 8px);justify-content:center;min-width:min(100%,128px);padding:0 12px;text-align:center;white-space:normal}.grammar-runner-status-row,.grammar-results-hero{grid-template-columns:1fr}}