:root{--bg:#fff;--bg-soft:#f5f8fc;--bg-sunken:#eef3f9;--line:#dde5ee;--line-strong:#c2cedd;--ink:#16202c;--ink-soft:#4a5768;--ink-faint:#6f7c8e;--primary:#1f5fa8;--primary-dark:#164679;--primary-soft:#e8f1fb;--brand:#0e3a78;--brand-deep:#061f49;--brand-lift:#1a57a8;--gold:#f4c64e;--gold-line:#e0b23a;--gold-ink:#8a6209;--gold-soft:#fdf6e4;--correct:#0d7a55;--correct-soft:#e6f5ef;--wrong:#b02a44;--wrong-soft:#fdeef1;--review:#9a6a12;--review-soft:#fdf4e3;--master:#8c6d1f;--font-ja:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Noto Sans JP", Meiryo, system-ui, sans-serif;--font-en:"Segoe UI", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", sans-serif;--font-ipa:"Segoe UI", "Charis SIL", "Doulos SIL", "Lucida Sans Unicode", "Hiragino Sans", sans-serif;--fs-body:16px;--fs-en:18px;--fs-small:14px;--fs-h1:26px;--fs-h2:20px;--fs-h3:17px;--fs-word:32px;--lh-body:1.85;--lh-en:1.7;--lh-head:1.4;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--radius:10px;--radius-sm:6px;--radius-lg:16px;--w-text:42em;--w-page:1120px;--ring:0 0 0 1px #0e3a781a;--shadow-sm:0 1px 2px #16202c0f, 0 1px 3px #16202c14;--shadow-md:0 2px 6px #16202c12, 0 8px 20px #16202c0f;--shadow-lg:0 4px 12px #16202c14, 0 16px 40px #16202c14;--t-fast:.15s;--t:.2s;--ease:cubic-bezier(.4, 0, .2, 1)}@media (width>=768px){:root{--fs-body:17px;--fs-en:19px;--fs-h1:34px;--fs-h2:23px;--fs-h3:18px;--fs-word:40px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-ja);font-size:var(--fs-body);line-height:var(--lh-body);margin:0;overflow-x:hidden}h1,h2,h3,h4{line-height:var(--lh-head);margin:0 0 var(--sp-3);letter-spacing:.01em;font-weight:700}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0 0 var(--sp-4)}ul,ol{margin:0 0 var(--sp-4);padding-left:1.4em}li{margin-bottom:var(--sp-2)}a{color:var(--primary);text-underline-offset:2px;cursor:pointer;transition:color var(--t-fast) var(--ease);text-decoration-thickness:1px}a:hover{color:var(--primary-dark)}:focus-visible{outline:3px solid var(--primary-soft);outline-offset:2px;border-radius:var(--radius-sm)}.en{font-family:var(--font-en);font-size:var(--fs-en);line-height:var(--lh-en)}.ipa{font-family:var(--font-ipa);color:var(--ink-soft);font-size:var(--fs-small);white-space:nowrap}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius);background:var(--primary);color:#fff;font:inherit;cursor:pointer;transition:background-color var(--t-fast) var(--ease), transform 80ms var(--ease), box-shadow var(--t-fast) var(--ease);border:1px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-dark);color:#fff}.btn:active{transform:translateY(1px)}.btn--ghost{background:var(--bg);color:var(--primary);border-color:var(--line-strong)}.btn--ghost:hover{background:var(--primary-soft);color:var(--primary-dark)}.btn--lg{min-height:52px;padding:var(--sp-4) var(--sp-6);font-size:1.05em}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}input[type=text],input[type=email],textarea,select{width:100%;min-height:44px;padding:var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit}select{cursor:pointer}input::placeholder,textarea::placeholder{color:var(--ink-faint)}p,li,td,th,dd,dt,figcaption,.answer,.card__desc{overflow-wrap:anywhere;word-break:normal}.table-scroll{-webkit-overflow-scrolling:touch;margin:0 0 var(--sp-5);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:30em;font-size:.96em}th,td{padding:var(--sp-3);border:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--bg-soft);font-weight:700}img,svg{max-width:100%;height:auto}.muted{color:var(--ink-soft);font-size:var(--fs-small)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--primary);color:#fff;padding:var(--sp-3) var(--sp-4);position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{width:100%;max-width:var(--w-page);padding:0 var(--sp-4);margin:0 auto}.site-head{z-index:30;background:linear-gradient(180deg, var(--brand-lift) 0%, var(--brand) 55%, var(--brand-deep) 100%);border-bottom:2px solid var(--gold);position:sticky;top:0;box-shadow:0 1px 12px #061f492e}.site-head__inner{align-items:center;gap:var(--sp-4);min-height:56px;display:flex}.site-head__logo{align-items:center;gap:var(--sp-3);color:#fff;letter-spacing:.06em;white-space:nowrap;font-size:1.08rem;font-weight:800;text-decoration:none;display:inline-flex}.site-head__logo:hover{color:var(--gold)}.site-head__mark{border-radius:8px;flex:none;width:30px;height:30px;display:block;box-shadow:0 0 0 1.5px #f4c64e8c}.site-nav{gap:var(--sp-1);align-items:center;margin-left:auto;display:flex}.site-nav a{min-height:40px;padding:0 var(--sp-3);border-radius:var(--radius-sm);color:#ffffffd1;font-size:var(--fs-small);transition:color var(--t) var(--ease), background var(--t) var(--ease);align-items:center;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.site-nav a:hover{color:#fff;background:#ffffff1f}.site-nav a[aria-current=page]{color:#fff}.site-nav a[aria-current=page]:after{content:"";left:var(--sp-3);right:var(--sp-3);background:var(--gold);border-radius:2px;height:2px;position:absolute;bottom:6px}@media (width<=640px){.site-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.site-nav a{white-space:nowrap;flex:none}.site-nav::-webkit-scrollbar{display:none}}.main{padding:var(--sp-5) 0 var(--sp-8)}.layout{gap:var(--sp-6);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1024px){.layout--with-aside{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.layout__aside{position:sticky;top:72px}}.crumbs{font-size:var(--fs-small);color:var(--ink-soft);margin-bottom:var(--sp-4)}.crumbs ol{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.crumbs li{align-items:center;gap:var(--sp-2);margin:0;display:flex}.crumbs li+li:before{content:"›";color:var(--gold-line);font-weight:700}.crumbs a{color:var(--ink-soft);text-decoration:none}.crumbs a:hover{color:var(--primary);text-decoration:underline}.site-foot{border-top:2px solid var(--gold);background:linear-gradient(180deg, var(--brand) 0%, var(--brand-deep) 100%);padding:var(--sp-7) 0 var(--sp-6);font-size:var(--fs-small);color:#ffffffbd}.site-foot a{color:#ffffffe0;text-decoration:none}.site-foot a:hover{color:var(--gold);text-decoration:underline}.site-foot__grid{gap:var(--sp-5);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.site-foot h2{font-size:var(--fs-small);color:var(--gold);letter-spacing:.08em;margin-bottom:var(--sp-3)}.site-foot ul{margin:0;padding:0;list-style:none}.site-foot li{margin-bottom:var(--sp-1)}.site-foot__legal{padding-top:var(--sp-4);gap:var(--sp-4);border-top:1px solid #ffffff2e;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.draft-bar{background:var(--review-soft);border-bottom:1px solid var(--line);color:var(--review);font-size:var(--fs-small);text-align:center;padding:var(--sp-2) var(--sp-4);font-weight:700}.article{max-width:var(--w-text)}.article>*+*{margin-top:var(--sp-4)}.hero{margin:calc(var(--sp-5) * -1) calc(var(--sp-4) * -1) var(--sp-6);padding:var(--sp-8) var(--sp-5) var(--sp-7);background:radial-gradient(120% 140% at 88% -10%, #f4c64e33 0%, transparent 52%), linear-gradient(160deg, var(--brand-lift) 0%, var(--brand) 46%, var(--brand-deep) 100%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffffff0b 0 1px,#0000 1px 16px);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero__eyebrow{margin:0 0 var(--sp-3);font-size:var(--fs-small);letter-spacing:.42em;color:var(--gold);font-weight:700}.hero__title{margin:0 0 var(--sp-4);letter-spacing:.015em;color:#fff;font-size:clamp(30px,6.4vw,50px);line-height:1.28}.hero__lead{max-width:33em;margin:0 0 var(--sp-5);color:#ffffffe6;font-size:1.06em}.hero__lead strong{color:var(--gold);background:0 0;padding:0}.hero__actions{gap:var(--sp-3);margin:0 0 var(--sp-4);flex-wrap:wrap;display:flex}.hero__note{font-size:var(--fs-small);color:#ffffffb3;margin:0}.hero__note a{color:var(--gold);text-decoration:underline}.hero__br{display:none}.hero .btn{background:linear-gradient(180deg, var(--gold) 0%, var(--gold-line) 100%);color:var(--brand-deep);border-color:var(--gold-line);box-shadow:0 4px 14px #f4c64e47}.hero .btn:hover{background:var(--gold);color:var(--brand-deep)}.hero .btn--ghost{color:#fff;box-shadow:none;background:#ffffff14;border-color:#ffffff73}.hero .btn--ghost:hover{color:#fff;background:#ffffff2e}@media (width>=700px){.hero__br{display:inline}}@media (width>=1152px){.hero{border-radius:var(--radius-lg);margin-left:0;margin-right:0}}.pledges{gap:var(--sp-3);margin:0 0 var(--sp-7);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:0;list-style:none;display:grid}.pledge{gap:var(--sp-3);padding:var(--sp-4);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--ring);align-items:flex-start;margin:0;display:flex}.pledge__mark{border-radius:var(--radius-sm);background:linear-gradient(160deg, var(--brand-lift) 0%, var(--brand-deep) 100%);width:2.3em;height:2.3em;color:var(--gold);flex:none;place-items:center;font-size:1.02em;font-weight:800;line-height:1;display:grid}.pledge__body{font-size:var(--fs-small);color:var(--ink-soft);line-height:1.75}.pledge__body b{color:var(--ink);font-size:var(--fs-body);margin-bottom:2px;display:block}.article{counter-reset:sec}.article h2{align-items:baseline;gap:var(--sp-3);margin-top:var(--sp-7);padding-bottom:var(--sp-3);border-bottom:2px solid var(--gold-line);display:flex;position:relative}.article h2.sec:before{counter-increment:sec;content:counter(sec, decimal-leading-zero);font-family:var(--font-en);letter-spacing:.06em;color:var(--gold-ink);border-radius:var(--radius-sm);background:var(--gold-soft);border:1px solid var(--gold-line);flex:none;padding:.12em .5em;font-size:.78em;font-weight:800;line-height:1.5}.article h3{margin-top:var(--sp-5);padding-left:var(--sp-3);border-left:3px solid var(--gold-line);color:var(--brand)}.article>h1,.word-head h1{padding-bottom:var(--sp-4);margin-bottom:var(--sp-5);letter-spacing:.015em;position:relative}.article>h1:after,.word-head h1:after{content:"";background:linear-gradient(90deg, var(--gold) 0%, var(--gold-line) 100%);border-radius:2px;width:3.4em;height:4px;position:absolute;bottom:0;left:0}.en{font-family:var(--font-en);color:var(--primary-dark);font-feature-settings:"palt" 0;font-weight:600}.exs .en,.example__en .en,.sentence__en .en,[lang=en] .en{font-weight:inherit;color:inherit}.article strong,.answer strong,.exs strong{background:linear-gradient(transparent 62%, var(--primary-soft) 62%);padding:0 .1em;font-weight:700}.exs__row--ng strong{background:linear-gradient(transparent 62%, var(--wrong-soft) 62%)}.exs__row--ok strong{background:linear-gradient(transparent 62%, var(--correct-soft) 62%)}.point{margin:var(--sp-5) 0;padding:var(--sp-4) var(--sp-4) var(--sp-4) calc(var(--sp-5) + 1.6em);background:var(--primary-soft);border-radius:var(--radius);border:1px solid #cfe0f3;font-size:1.02em;line-height:1.8;position:relative}.point:before{content:"！";left:var(--sp-4);top:var(--sp-4);background:var(--primary);color:#fff;width:1.6em;height:1.6em;font-size:var(--fs-small);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute}.point strong{color:var(--primary-dark);background:0 0;padding:0}.note{padding-left:var(--sp-4);border-left:3px solid var(--line-strong);color:var(--ink-soft);font-size:.96em}.note strong{color:var(--ink);background:0 0;padding:0}.exs{gap:var(--sp-2);margin:0 0 var(--sp-5);padding:var(--sp-4);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);display:grid}.exs__row{align-items:baseline;gap:var(--sp-1) var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.exs__row>.exs__en:first-child{grid-column:1/-1}.exs__en{font-family:var(--font-en);font-size:var(--fs-en);line-height:var(--lh-en);color:var(--ink)}.exs__ja{font-size:var(--fs-small);color:var(--ink-soft);grid-column:2/-1;line-height:1.7}.exs__row>.exs__en:first-child+.exs__ja{grid-column:1/-1}.exs__mark{width:1.5em;height:1.5em;font-size:var(--fs-small);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.exs__mark--ok{background:var(--correct-soft);color:var(--correct)}.exs__mark--ng{background:var(--wrong-soft);color:var(--wrong)}.exs__row:has(.exs__mark--ng){background:#fffafb;border-color:#f0cdd5}.exs__row:has(.exs__mark--ok){background:#fbfffd;border-color:#bfe3d4}.mistake__why .exs,.criteria__body .exs,.answer .exs{margin-bottom:var(--sp-3);background:0 0;border:0;padding:0}.mistake__why .exs:last-child,.criteria__body .exs:last-child,.answer .exs:last-child{margin-bottom:0}.defs{gap:var(--sp-2) var(--sp-4);margin:0 0 var(--sp-5);padding:var(--sp-4);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:max-content 1fr;align-items:baseline;display:grid}.defs__key{padding:var(--sp-1) var(--sp-3);background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--fs-small);white-space:nowrap;text-align:center;margin:0;font-weight:700}.defs__key strong{color:inherit;background:0 0;padding:0}.defs__val{line-height:var(--lh-body);margin:0}@media (width<=480px){.defs{gap:var(--sp-1) 0;grid-template-columns:1fr}.defs__key{margin-top:var(--sp-2);justify-self:start}}.arrow{color:var(--primary);padding:0 .15em;font-weight:700}.answer{background:linear-gradient(180deg, #fff 0%, var(--gold-soft) 100%);border:1px solid var(--gold-line);border-left:5px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;padding:calc(var(--sp-5) + .6em) var(--sp-5) var(--sp-5);margin-bottom:var(--sp-6);box-shadow:var(--shadow-sm);font-size:1.05em;line-height:1.9;position:relative}.answer:before{content:"答え";top:-.85em;left:var(--sp-5);background:var(--brand);color:var(--gold);font-size:var(--fs-small);letter-spacing:.12em;border-radius:999px;padding:.12em .8em;font-weight:700;line-height:1.6;position:absolute}.answer p:last-child{margin-bottom:0}.key-points{margin:0 0 var(--sp-5);gap:var(--sp-2);padding:0;list-style:none;display:grid}.key-points li{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--gold-line);border-radius:var(--radius-sm);box-shadow:var(--ring);align-items:flex-start;margin:0;display:flex}.key-points li:before{content:"";background:linear-gradient(135deg, var(--gold) 0%, var(--gold-line) 100%);border-radius:2px;flex:none;width:9px;height:9px;margin-top:.58em;transform:rotate(45deg)}.formula{justify-content:center;align-items:center;gap:var(--sp-2);padding:calc(var(--sp-6) + .2em) var(--sp-4) var(--sp-5);background:linear-gradient(160deg, var(--brand-lift) 0%, var(--brand) 45%, var(--brand-deep) 100%);border-radius:var(--radius-lg);font-family:var(--font-en);color:#fff;margin:0 0 var(--sp-6);flex-wrap:wrap;font-size:1.3em;font-weight:700;display:flex;position:relative;box-shadow:0 10px 26px #061f4938}.formula:before{content:"文の形";top:var(--sp-3);font-family:var(--font-ja);font-size:var(--fs-small);letter-spacing:.22em;color:var(--gold);font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.formula__part{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);box-shadow:none;background:#ffffff1a;border:1px solid #ffffff57}.formula__part--key{background:linear-gradient(180deg, var(--gold) 0%, var(--gold-line) 100%);border-color:var(--gold-line);color:var(--brand-deep);box-shadow:0 2px 10px #f4c64e59}.formula__op{color:#ffffff8c;font-weight:400}.formula__note{text-align:center;font-family:var(--font-ja);font-size:var(--fs-small);color:#fffc;margin-top:var(--sp-3);flex-basis:100%;font-weight:400}.timeline{padding:var(--sp-4) var(--sp-4) var(--sp-5);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 var(--sp-5);position:relative}.timeline__scroll{padding:3.6em var(--sp-2) 0;overflow-x:auto}.timeline__line{background:var(--line-strong);min-width:21em;height:2px;margin:0 0 calc(var(--sp-5) + 1.6em);position:relative}.timeline__line:after{content:"";border-left:8px solid var(--line-strong);border-top:5px solid #0000;border-bottom:5px solid #0000;position:absolute;top:-4px;right:-1px}.timeline__point{background:var(--brand);width:14px;height:14px;box-shadow:0 0 0 3px var(--gold-soft), 0 0 0 4px var(--gold-line);border-radius:50%;position:absolute;top:-6px;transform:translate(-50%)}.timeline__point span{text-align:center;width:max-content;max-width:8em;line-height:1.35;font-size:var(--fs-small);color:var(--ink-soft);position:absolute;top:-2.1em;left:50%;transform:translate(-50%)}.timeline__span{border:1px solid var(--gold-line);background:linear-gradient(90deg,#f4c64e8c 0%,#e0b23acc 100%);border-radius:5px;height:10px;position:absolute;top:-4px}.timeline__span-label{text-align:center;width:max-content;max-width:11em;line-height:1.35;font-size:var(--fs-small);color:var(--primary-dark);font-weight:600;position:absolute;top:1.5em;left:50%;transform:translate(-50%)}.timeline__now{border-left:2px dashed var(--wrong);height:30px;position:absolute;top:-14px}.timeline__now span{font-size:var(--fs-small);color:var(--wrong);font-weight:700;position:absolute;top:-1.6em;left:50%;transform:translate(-50%)}.timeline__caption{font-size:var(--fs-small);color:var(--ink-soft);text-align:center}.examples{gap:var(--sp-3);margin:0 0 var(--sp-5);display:grid}.example{gap:var(--sp-2) var(--sp-3);padding:var(--sp-4);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);transition:box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);grid-template-columns:auto minmax(0,1fr);display:grid}.example:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong)}.example__play{grid-row:span 2;align-self:start}.example__en{font-family:var(--font-en);font-size:var(--fs-en);line-height:var(--lh-en);font-weight:600}.example__ja{color:var(--ink-soft);font-size:var(--fs-small)}.example__tag{letter-spacing:.04em;padding:2px var(--sp-2);background:var(--primary-soft);color:var(--primary-dark);border-radius:99px;grid-column:2;justify-self:start;font-size:11px;font-weight:700}.play{border:1px solid var(--line-strong);background:var(--bg);width:40px;height:40px;color:var(--primary);cursor:pointer;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform 80ms var(--ease);border-radius:50%;flex:none;place-items:center;display:inline-grid}.play:hover{background:var(--primary-soft);border-color:var(--primary)}.play:active{transform:scale(.94)}.play[data-state=playing]{background:var(--primary);border-color:var(--primary);color:#fff}.play[data-state=missing]{opacity:.4;cursor:not-allowed}.play svg{fill:currentColor;width:16px;height:16px}.mistakes{gap:var(--sp-4);margin:0 0 var(--sp-5);display:grid}.mistake{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.mistake__row{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-family:var(--font-en);font-size:var(--fs-en);align-items:baseline;display:flex}.mistake__row--wrong{background:var(--wrong-soft);color:var(--wrong)}.mistake__row--right{background:var(--correct-soft);color:var(--correct)}.mistake__mark{font-family:var(--font-ja);font-weight:700;font-size:var(--fs-small);flex:none}.mistake__why{padding:var(--sp-4);background:var(--bg);font-size:var(--fs-small);border-top:1px solid var(--line);line-height:1.8}.mistake__why p:last-child{margin-bottom:0}.card-grid{gap:var(--sp-4);margin:0 0 var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.card{gap:var(--sp-2);padding:var(--sp-4);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:inherit;transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);flex-direction:column;text-decoration:none;display:flex}a.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);color:inherit;transform:translateY(-2px)}.card__title{color:var(--ink);font-weight:700}.card__desc{font-size:var(--fs-small);color:var(--ink-soft)}.card__meta{gap:var(--sp-2);color:var(--ink-faint);align-items:center;margin-top:auto;font-size:11px;display:flex}.badge{padding:2px var(--sp-2);background:var(--bg-sunken);color:var(--ink-soft);border-radius:99px;font-size:11px;font-weight:700;display:inline-block}.badge--draft{background:var(--review-soft);color:var(--review)}.badge--ready{background:var(--correct-soft);color:var(--correct)}.next-steps{gap:var(--sp-4);margin-top:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.next-steps__group h2{font-size:var(--fs-small);color:var(--ink-soft);margin:0 0 var(--sp-2);border:0;padding:0}.next-steps ul{margin:0;padding:0;list-style:none}.next-steps li{margin-bottom:var(--sp-2)}.next-steps a{padding:var(--sp-3);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.95em;font-weight:700;text-decoration:none;display:block}.next-steps a:hover{background:var(--primary-soft);border-color:var(--primary)}.criteria{margin:0 0 var(--sp-5);padding:var(--sp-5) var(--sp-5) var(--sp-5) calc(var(--sp-5) + 4px);background:var(--primary-soft);border-radius:var(--radius);position:relative;overflow:hidden}.criteria:before{content:"";background:var(--primary);width:4px;position:absolute;inset:0 auto 0 0}.criteria__label{margin:0 0 var(--sp-2);letter-spacing:.08em;color:var(--primary-dark);font-size:11px;font-weight:700}.criteria__body{margin:0 0 var(--sp-3);font-size:var(--fs-h3);line-height:var(--lh-head);font-weight:700}.criteria__body:last-child{margin-bottom:0}.table-scroll{margin:0 0 var(--sp-5);-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.compare{border-collapse:collapse;width:100%;min-width:30rem;font-size:var(--fs-small)}.compare th,.compare td{padding:var(--sp-3) var(--sp-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}.compare thead th{background:var(--bg-sunken);white-space:nowrap;font-weight:700}.compare thead th[lang=en]{font-family:var(--font-en);color:var(--primary-dark)}.compare tbody th{background:var(--bg-soft);color:var(--ink-soft);white-space:nowrap;font-weight:600}.compare tbody tr:hover td{background:var(--bg-soft)}.word-head{margin:var(--sp-5) 0 var(--sp-3);font-family:var(--font-en);color:var(--primary-dark)}.word-head:before{content:"";width:6px;height:6px;margin-right:var(--sp-2);background:var(--primary);vertical-align:middle;border-radius:50%;display:inline-block}.options{gap:var(--sp-4);margin:0 0 var(--sp-5);display:grid}.option{padding:var(--sp-4) var(--sp-5);background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:var(--radius);transition:box-shadow var(--t) var(--ease), border-color var(--t) var(--ease)}.option:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong);border-left-color:var(--primary)}.option__scene{margin:0 0 var(--sp-3);font-size:var(--fs-small);color:var(--primary-dark);font-weight:700}.option__scene:before{content:"こんなとき";letter-spacing:.08em;color:var(--ink-faint);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.option__en{align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-3);display:flex}.option__phrase{font-family:var(--font-en);font-size:var(--fs-h3);line-height:var(--lh-en);margin:0;font-weight:700}.option__note{font-size:var(--fs-small);color:var(--ink-soft);margin:0}.option__note p{margin:0 0 var(--sp-2)}.option__note p:last-child{margin-bottom:0}.form{margin:0 0 var(--sp-6)}.field{margin:0 0 var(--sp-5)}.field>label{margin:0 0 var(--sp-2);font-weight:700;font-size:var(--fs-small);display:block}.field__req{margin-left:var(--sp-2);padding:1px var(--sp-2);background:var(--wrong-soft);color:var(--wrong);border-radius:4px;font-size:11px;font-weight:700;display:inline-block}.field input[type=text],.field input[type=email],.field textarea{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;line-height:1.6}.field textarea{resize:vertical;min-height:10em}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.field__note{margin:var(--sp-2) 0 0;font-size:var(--fs-small);color:var(--ink-soft)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.notice{margin:0 0 var(--sp-5);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius);border-left:4px solid}.notice p{margin:0 0 var(--sp-2)}.notice p:last-child,.notice ul:last-child{margin-bottom:0}.notice ul{margin:0;padding-left:1.2em}.notice--ok{background:var(--correct-soft);border-color:var(--correct)}.notice--error{background:var(--wrong-soft);border-color:var(--wrong)}.notice--info{background:var(--bg-soft);border-color:var(--line-strong)}.today-list{margin:0 0 var(--sp-5);gap:var(--sp-2);padding:0;list-style:none;display:grid}.today-list li{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0;display:flex}.today-list a{font-weight:700}.weak-tag{padding:var(--sp-4);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:var(--sp-3)}.weak-tag__head{gap:var(--sp-3);margin:0 0 var(--sp-2);justify-content:space-between;align-items:baseline;display:flex}.weak-tag__label{font-size:1.05em;font-weight:700}.weak-tag__count{font-size:var(--fs-small);color:var(--review);white-space:nowrap}.weak-tag__hint{margin:0 0 var(--sp-2)}.weak-tag__where{font-size:var(--fs-small);color:var(--ink-soft);margin:0}.check-bands{margin:0 0 var(--sp-4);gap:var(--sp-3);padding:0;list-style:none;display:grid}.check-bands li{gap:var(--sp-3);align-items:center;margin:0;display:flex}.check-bands__label{flex:0 0 5.5em;font-weight:700}.check-bands__bar{background:var(--bg-sunken);border-radius:99px;flex:auto;height:14px;overflow:hidden}.check-bands__fill{background:var(--primary);border-radius:99px;height:100%;display:block}.check-bands__num{font-variant-numeric:tabular-nums;font-size:var(--fs-small);flex:none}.check-bands__num small{color:var(--ink-faint)}.check-bands__none{color:var(--ink-faint);font-size:var(--fs-small)}.passage-tools{gap:var(--sp-2);margin:0 0 var(--sp-4);flex-wrap:wrap;display:flex}.passage{margin:0 0 var(--sp-4)}.passage__para{gap:var(--sp-2);padding:var(--sp-4);margin:0 0 var(--sp-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);display:grid}.sentence{gap:var(--sp-1) var(--sp-3);padding:var(--sp-2);margin:0 calc(var(--sp-2) * -1);border-radius:var(--radius-sm);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.sentence[data-state=playing]{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.sentence__play{grid-row:span 2;align-self:start}.sentence__en{font-family:var(--font-en);font-size:var(--fs-en);line-height:var(--lh-en);margin:0}.sentence__ja{color:var(--ink-soft);font-size:var(--fs-small);margin:0}.passage--hide-ja .sentence__ja{display:none}.glossary{margin:0 0 var(--sp-4);gap:var(--sp-2);display:grid}.glossary__row{gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line);grid-template-columns:minmax(6.5em,auto) minmax(0,1fr);align-items:baseline;display:grid}.glossary dt{font-family:var(--font-en);overflow-wrap:anywhere;margin:0;font-weight:700}.glossary dd{color:var(--ink-soft);margin:0}.quiz{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-md);margin:var(--sp-6) 0;overflow:hidden}.quiz__head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:linear-gradient(160deg, var(--brand-lift) 0%, var(--brand) 100%);color:#fff;border-bottom:2px solid var(--gold);font-size:var(--fs-small);letter-spacing:.06em;font-weight:700;display:flex}.quiz__count{font-family:var(--font-en)}.quiz__dots{gap:6px;margin-left:auto;display:flex}.quiz__dot{width:9px;height:9px;transition:background-color var(--t) var(--ease), transform var(--t) var(--ease);background:#ffffff57;border-radius:50%}.quiz__dot[data-state=correct]{background:#5be3b4}.quiz__dot[data-state=wrong]{background:#ffb3c1}.quiz__dot[data-state=current]{background:var(--gold);transform:scale(1.35)}.quiz__body{padding:var(--sp-5) var(--sp-4)}.quiz__prompt{font-family:var(--font-en);text-align:center;margin:var(--sp-3) 0 var(--sp-5);word-break:break-word;font-size:clamp(19px,4.2vw,24px);font-weight:600;line-height:1.6}.quiz__prompt--ja{font-family:var(--font-ja);font-size:clamp(17px,3.8vw,21px)}.quiz__blank{border-bottom:3px solid var(--primary);min-width:5em;color:var(--primary);display:inline-block}.choices{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.choice{align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-3) var(--sp-4);border:2px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-family:var(--font-en);font-size:var(--fs-en);text-align:left;cursor:pointer;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), transform 80ms var(--ease);display:flex}.choice:hover{border-color:var(--primary);background:var(--primary-soft)}.choice:active{transform:translateY(1px)}.choice__key{border-radius:var(--radius-sm);background:var(--bg-sunken);width:26px;height:26px;color:var(--ink-soft);font-family:var(--font-en);flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.choice__mark{font-weight:700;font-family:var(--font-ja);margin-left:auto}.choice[data-result=correct]{border-color:var(--correct);background:var(--correct-soft);color:var(--correct)}.choice[data-result=wrong]{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong)}.choice[data-result=dim]{opacity:.5}.quiz[data-answered="1"] .choice{cursor:default;pointer-events:none}.quiz__input{gap:var(--sp-2);align-items:stretch;display:flex}.quiz__input input{font-family:var(--font-en);font-size:var(--fs-en);min-height:52px}.tokens{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.token{min-height:44px;padding:var(--sp-2) var(--sp-4);border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font-en);font-size:var(--fs-en);cursor:pointer;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease)}.token:hover{border-color:var(--primary);background:var(--primary-soft)}.token[data-used="1"]{opacity:.28;pointer-events:none}.token-slot{gap:var(--sp-2);min-height:60px;padding:var(--sp-3);border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--bg-soft);margin-bottom:var(--sp-4);flex-wrap:wrap;align-content:flex-start;display:flex}.token-slot:empty:before{content:attr(data-placeholder);color:var(--ink-faint);font-size:var(--fs-small);font-family:var(--font-ja)}.verdict{margin-top:var(--sp-4);border-radius:var(--radius);border:1px solid var(--line);animation:verdict-in .18s var(--ease);overflow:hidden}@keyframes verdict-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.verdict__head{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-weight:700;display:flex}.verdict--correct .verdict__head{background:var(--correct-soft);color:var(--correct)}.verdict--wrong .verdict__head{background:var(--wrong-soft);color:var(--wrong)}.verdict--review .verdict__head{background:var(--review-soft);color:var(--review)}.verdict__body{padding:var(--sp-4);font-size:.96em}.verdict__body p:last-child{margin-bottom:0}.verdict__answer{font-family:var(--font-en);font-size:var(--fs-en);margin-bottom:var(--sp-3);font-weight:700}.verdict__why{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--bg-soft);border-left:3px solid var(--line-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--fs-small)}.verdict__why strong{font-family:var(--font-en)}.quiz__foot{gap:var(--sp-3);padding:var(--sp-4);border-top:1px solid var(--line);background:var(--bg-soft);align-items:center;display:flex}.quiz__hint{color:var(--ink-faint);margin-right:auto;font-size:12px}.btn--quiet{color:var(--ink-soft);border:1px solid var(--line-strong);min-height:36px;padding:var(--sp-2) var(--sp-3);font-weight:400;font-size:var(--fs-small);background:0 0}.btn--quiet:hover{background:var(--bg-sunken);color:var(--ink)}.report{margin-top:var(--sp-5);padding:var(--sp-4);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius)}.report__head{margin:0 0 var(--sp-3);font-weight:700}.report__choices{gap:var(--sp-2);margin-bottom:var(--sp-4);display:grid}.report__choice{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;display:flex}.report__choice:hover{border-color:var(--primary)}.report__choice input{flex:none;margin-top:.25em}.report__body{margin-bottom:var(--sp-3);display:block}.report__body span{font-size:var(--fs-small);color:var(--ink-soft);margin-bottom:var(--sp-2);display:block}.report__body textarea{width:100%;padding:var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);font:inherit;resize:vertical}.report__note{color:var(--ink-faint);margin:0 0 var(--sp-4);font-size:12px}.report__error{margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--wrong-soft);color:var(--wrong);border-radius:var(--radius-sm);font-size:var(--fs-small)}.report__actions{gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.report__done{color:var(--correct);margin:0;font-weight:700}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.quiz[data-shake="1"] .quiz__body{animation:nudge .12s var(--ease) 2}.quiz__done{padding:var(--sp-6) var(--sp-4);text-align:center}.quiz__score{font-family:var(--font-en);color:var(--primary);font-size:40px;font-weight:800;line-height:1.1}.quiz__score small{color:var(--ink-faint);font-size:18px;font-weight:700}.quiz__nojs{padding:var(--sp-5) var(--sp-4);text-align:center;color:var(--ink-soft);font-size:var(--fs-small)}.listen{gap:var(--sp-3);margin:0 0 var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.listen__play{gap:var(--sp-3);min-height:52px;padding:var(--sp-3) var(--sp-5);border:1px solid var(--primary);background:var(--primary-soft);color:var(--primary);font:inherit;cursor:pointer;transition:background var(--t) var(--ease);border-radius:99px;align-items:center;font-weight:700;display:inline-flex}.listen__play:hover{background:var(--bg-sunken)}.listen__play[disabled]{opacity:.55;cursor:default}.listen__icon{font-size:14px;line-height:1}.listen__hint{color:var(--ink-faint);font-size:12px}.verdict__again{font-size:var(--fs-small);color:var(--ink-soft);margin:var(--sp-3) 0 0}.ad-slot{margin:var(--sp-6) auto;text-align:center;background:var(--bg-soft);border-radius:var(--radius);min-height:280px;display:block;overflow:hidden}.ad-slot:before{content:"広告";padding-top:var(--sp-2);letter-spacing:.08em;color:var(--ink-faint);font-size:11px;display:block}@media (width<=480px){.ad-slot{min-height:250px}}