:root{--color-bg:#fff;--color-surface:#fff;--color-surface-2:#e7ecf3;--color-text:#2a3241;--color-text-strong:#141c2b;--color-muted:#5b6472;--color-muted-2:#60728a;--color-border:#d7dfea;--color-border-strong:#b9c5d5;--color-brand:#116ad0;--color-brand-dark:#0d52a0;--color-brand-soft:#e5effa;--color-lime:#9de029;--color-lime-soft:#eef8dd;--color-cta:var(--color-brand);--color-cta-dark:var(--color-brand-dark);--color-accent:var(--color-brand);--color-accent-dark:var(--color-brand-dark);--color-accent-soft:var(--color-lime-soft);--color-link:var(--color-brand);--color-link-hover:var(--color-brand-dark);--color-focus:var(--color-brand-dark);--color-tooltip-bg:#141c2b;--color-tooltip-text:#fff;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Malgun Gothic", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;--font-en:"Inter", "Inter Fallback", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-ja:"Zen Kaku Gothic New", "Zen Kaku Gothic New Fallback", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Malgun Gothic", "Noto Sans JP", sans-serif;--font-serif:"Shippori Mincho", "Shippori Mincho Fallback", Georgia, "Times New Roman", "Apple SD Gothic Neo", "Noto Sans KR", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Malgun Gothic", "Noto Sans JP", "Helvetica Neue", Arial, serif;--fs-2xs:.75rem;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.0625rem;--fs-lesson:1.15rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-h1:clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem);--fs-hero-title:clamp(1.375rem, 1rem + 1.6vw, 2rem);--fs-hero-date:clamp(1.5rem, 1.05rem + 1.8vw, 2.25rem);--lh-tight:1.3;--lh-heading:1.4;--lh-body:1.6;--lh-lesson:1.8;--fw-regular:400;--fw-medium:600;--fw-bold:700;--fw-black:800;--content-width:75rem;--prose-width:40rem;--header-width:75rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:3.5rem;--radius-sm:.5rem;--radius-md:1.125rem;--radius-lg:1.5rem;--radius-pill:999px;--shadow-sm:0 1px 2px #231c0f12;--shadow-md:0 10px 24px -12px #231c0f47, 0 2px 6px #231c0f12;--transition-fast:.15s ease;--transition-base:.2s ease;--tap-min:2.75rem;--ad-slot-min-height:250px}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%;size-adjust:107.19%}@font-face{font-family:Zen Kaku Gothic New Fallback;src:local(Yu Gothic);ascent-override:92%;descent-override:22%;line-gap-override:0%;size-adjust:101%}@font-face{font-family:Shippori Mincho Fallback;src:local(Yu Mincho);size-adjust:106%;unicode-range:U+30??,U+31F?,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Shippori Mincho Fallback;src:local(Georgia);size-adjust:92%;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);line-height:var(--lh-body);hyphens:none}:lang(ko){font-family:var(--font-sans);word-break:keep-all;overflow-wrap:break-word}:lang(en){font-family:var(--font-en)}:lang(ja){font-family:var(--font-ja);line-break:strict;overflow-wrap:break-word}@supports (word-break:auto-phrase){:lang(ja){word-break:auto-phrase}}h1:lang(en),h2:lang(en),h3:lang(en),h4:lang(en),h1:lang(ja),h2:lang(ja),h3:lang(ja),h4:lang(ja){font-family:var(--font-serif);font-weight:var(--fw-regular);letter-spacing:.06em}.grammar-detail-meaning,.grammar-detail-form,.grammar-detail-notes,.grammar-compare-item,.grammar-example-translation,.grammar-explain{word-break:keep-all;overflow-wrap:break-word}img,svg{max-width:100%;display:block}h1,h2,h3,h4,p,ul,ol,figure{margin:0 0 var(--space-2)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:var(--fw-bold);letter-spacing:-.01em;color:var(--color-text-strong);text-wrap:balance;line-height:1.3}h1{font-size:var(--fs-h1);margin-bottom:var(--space-3)}h2{font-size:var(--fs-xl);margin-top:var(--space-4);margin-bottom:var(--space-2)}h3{font-size:var(--fs-lg)}p{text-wrap:pretty}a{color:var(--color-link);text-decoration-thickness:from-font}a:hover{color:var(--color-link-hover)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}ul{padding:0}main{max-width:var(--content-width);padding:var(--space-3) var(--space-2) var(--space-5);margin:0 auto}@media (width>=48rem){main{padding:var(--space-4) var(--space-3) var(--space-5)}}.site-header{max-width:var(--header-width);border-bottom:1px solid var(--color-border);background:var(--color-surface);margin:0 auto}.site-header-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);display:flex}@media (width>=48rem){.site-header-bar{padding:var(--space-3) var(--space-2)}}.site-header .brand{min-width:0;font-family:var(--font-serif);color:var(--color-brand);flex-direction:column;justify-content:center;padding:.3rem 0;line-height:1;text-decoration:none;display:inline-flex}.site-header .brand-line1{font-size:.85rem;font-weight:var(--fw-medium);letter-spacing:.02em}.site-header .brand-line2{font-size:1.3rem;font-weight:var(--fw-bold);letter-spacing:-.01em;margin-top:.05em}.site-header .brand:hover{color:var(--color-brand-dark)}.site-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.lang-switch{min-height:var(--tap-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-brand);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:.4rem .85rem;text-decoration:none;display:inline-flex}.lang-switch:hover{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.menu-toggle{width:var(--tap-min);height:var(--tap-min);gap:0;padding:0}.reveal-btn.menu-toggle:after{content:none}.menu-toggle-icon{flex-shrink:0;width:1.1rem;max-width:none;height:1.1rem}.site-menu-panel{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:0}.site-menu-panel[data-collapsed=true]{border-top-width:0}.site-menu-panel .reveal-panel-inner{width:100%;max-width:var(--header-width);padding:var(--space-3) var(--space-2);text-align:left;margin:0 auto}.main-nav{flex-direction:column;align-items:stretch;gap:.25rem;display:flex}.main-nav a{white-space:nowrap;min-height:var(--tap-min);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:flex-start;align-items:center;padding:.4rem .75rem;text-decoration:none;display:flex}.main-nav a:hover{background:var(--color-brand-soft);color:var(--color-brand)}@media (width>=60rem){.main-nav{flex-flow:wrap;align-items:center;gap:.25rem}.menu-toggle:not(.menu-toggle--home){display:none}.site-menu-panel:not(.site-menu-panel--home){grid-template-rows:1fr!important}.site-menu-panel:not(.site-menu-panel--home) .reveal-panel-inner{visibility:visible!important}}.breadcrumbs{margin-bottom:var(--space-3)}.breadcrumbs ol{font-size:var(--fs-xs);color:var(--color-muted);flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs a{color:var(--color-muted);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:.15em}.breadcrumbs a:hover{color:var(--color-brand);text-decoration-color:currentColor}.breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:var(--fw-medium)}.breadcrumbs li{align-items:center;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--color-border-strong);margin-inline-start:.45rem}.reveal-btn{min-height:var(--tap-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;gap:.4em;padding:.5rem 1.1rem;display:inline-flex}.reveal-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.reveal-btn[aria-expanded=true]{background:var(--color-lime);border-color:var(--color-lime);color:var(--color-text-strong)}.reveal-btn:after{content:"";width:.4em;height:.4em;transition:transform var(--transition-fast);border-bottom:.15em solid;border-right:.15em solid;margin-inline-start:.1em;transform:rotate(45deg)}.reveal-btn[aria-expanded=true]:after{transform:rotate(-135deg)}.reveal-panel{transition:grid-template-rows var(--transition-base);grid-template-rows:1fr;display:grid}.reveal-panel[data-collapsed=true]{grid-template-rows:0fr}.reveal-panel-inner{visibility:visible;min-height:0;overflow:hidden}.reveal-panel[data-collapsed=true] .reveal-panel-inner{transition:padding-top var(--transition-base), padding-bottom var(--transition-base), visibility var(--transition-base);visibility:hidden;transition:visibility var(--transition-base);transition-delay:var(--transition-base);padding-top:0;padding-bottom:0}.reveal-btn.section-toggle{text-align:left;width:100%;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;background:0 0;border:none;border-radius:0;justify-content:space-between;padding:.35rem 0;display:flex}.reveal-btn.section-toggle:hover,.reveal-btn.section-toggle:focus-visible{color:var(--color-brand-dark);background:0 0;border-color:#0000}.reveal-btn.section-toggle[aria-expanded=true]{color:inherit;background:0 0;border-color:#0000}.reveal-btn.section-toggle:after{content:none}.section-toggle-icon{width:1.15rem;max-width:none;height:1.15rem;color:var(--color-brand);transition:transform var(--transition-base);flex-shrink:0}.reveal-btn.section-toggle[aria-expanded=true] .section-toggle-icon{transform:rotate(180deg)}.mega-menu{min-width:0}.menu-stats{gap:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-lime);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.menu-stats .stat-item{flex:9rem;padding:0}.mega-menu-columns{gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=60rem){.mega-menu-columns{grid-template-columns:repeat(4,minmax(0,1fr))}}.mega-menu-heading{margin:0 0 var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border);font-size:var(--fs-md)}.mega-menu-heading .bi-ja{color:var(--color-muted);font-weight:var(--fw-medium)}.mega-menu-col .topic-index,.mega-menu-col .level-index{border-top:none}.archive-links{flex-shrink:0;gap:.4rem;display:flex}.hero{text-align:center;padding:var(--space-5) var(--space-3)}@media (width>=48rem){.hero{padding:var(--space-5) var(--space-4)}}.bi-en,.bi-ja{display:block}.bi-ja{font-size:.78em;font-weight:var(--fw-semibold,600);color:var(--color-muted);margin-top:.15em}.section-eyebrow{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-brand);margin-bottom:var(--space-2);box-shadow:var(--shadow-sm);align-items:center;gap:.4em;padding:.3rem .85rem;display:inline-flex}.section-eyebrow svg{flex-shrink:0;width:1em;height:1em}.hero h1{letter-spacing:-.02em;max-width:36rem;color:var(--color-text-strong);margin:0 auto;font-size:clamp(2rem,1.3rem + 3vw,3.25rem);line-height:1.1}.hero .tagline-ja{max-width:34rem;font-size:var(--fs-md);color:var(--color-muted);margin:.9rem auto 0}.lang-cta{justify-content:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.lang-cta .cta{text-align:center;border-radius:var(--radius-pill);background:var(--color-cta);color:#fff;min-width:12rem;font-weight:var(--fw-bold);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);padding:.85rem 1.75rem;text-decoration:none;display:inline-block}.lang-cta .cta:hover{background:var(--color-cta-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-item{align-items:baseline;gap:var(--space-2);display:flex}.stat-number{min-width:2.25ch;font-size:clamp(1.5rem,1.25rem + .8vw,2rem);font-weight:var(--fw-black);color:var(--color-text-strong);flex:none;line-height:1}.stat-label{min-width:0;color:var(--color-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);display:block}.stat-label .bi-en{text-transform:capitalize}.stat-label .bi-ja{margin-top:.1em}.edition-list,.topic-index,.level-index{border-top:1px solid var(--color-border);padding:0;list-style:none}.edition-list li,.topic-index li,.level-index li{padding:var(--space-2) .25rem;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.edition-list li:hover,.topic-index li:hover,.level-index li:hover{background:var(--color-surface-2)}.date-label,.topic-label,.level-label{font-weight:var(--fw-medium);color:var(--color-text);flex:auto}.level-label{white-space:nowrap}.edition-list li>a,.topic-index li>a,.level-index li>a,.archive-links a{min-height:var(--tap-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-brand);align-items:center;padding:.25rem .7rem;text-decoration:none;display:inline-flex}.edition-list li>a:hover,.topic-index li>a:hover,.level-index li>a:hover,.archive-links a:hover{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.topic-icon-chip,.level-icon-chip{border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.topic-icon-chip{background:var(--color-brand-soft);color:var(--color-brand)}.topic-icon-chip svg{width:1.15rem;height:1.15rem}.level-icon-chip{background:var(--color-lime-soft);color:var(--color-text-strong);font-weight:var(--fw-black);font-size:var(--fs-md)}.edition-list .count,.topic-index .count,.level-index .count{color:var(--color-muted);font-size:var(--fs-sm);white-space:nowrap;margin-inline-start:auto}.edition-count{color:var(--color-muted);font-size:var(--fs-sm)}.edition-months{gap:var(--space-3);display:grid}.edition-month-heading{font-size:var(--fs-lg);margin:0 0 var(--space-1)}.edition-month-count{color:var(--color-muted);font-size:var(--fs-sm);font-weight:var(--fw-regular);white-space:nowrap;margin-inline-start:.6em}.reveal-panel-month{margin-top:0}.grammar-index-intro{max-width:var(--prose-width)}.grammar-index-hint{max-width:var(--prose-width);color:var(--color-muted);font-size:var(--fs-sm)}.grammar-groups{gap:var(--space-1);margin-top:var(--space-2);flex-direction:column;display:flex}.grammar-group-toggle{justify-content:flex-start;gap:var(--space-1);text-align:left;width:100%}.grammar-group-name{flex:1}.grammar-group-count{color:var(--color-muted);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}.reveal-btn[aria-expanded=true] .grammar-group-count{color:inherit}.grammar-list{padding:0 0 var(--space-1);flex-direction:column;margin:0;list-style:none;display:flex}.grammar-list li{align-items:baseline;gap:.3rem var(--space-1);border-bottom:1px solid var(--color-border);flex-wrap:wrap;padding:.55rem .2rem;display:flex}.grammar-list li:last-child{border-bottom:none}.grammar-list li>a{align-items:baseline;gap:.2rem var(--space-1);min-height:var(--tap-min);color:var(--color-text);flex-wrap:wrap;flex:16rem;align-content:center;text-decoration:none;display:flex}.grammar-list li>a:hover .grammar-list-point{color:var(--color-brand);text-decoration:underline}.grammar-list-point{font-weight:var(--fw-bold);transition:color var(--transition-fast)}.grammar-list-gloss{color:var(--color-muted);font-size:var(--fs-sm)}.grammar-list-meta{align-items:center;gap:var(--space-1);flex-shrink:0;display:inline-flex}.lesson-grid{gap:var(--space-3);margin:var(--space-2) 0 var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=40rem){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.lesson-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex}.lesson-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand);transform:translateY(-2px)}.lesson-card .badge-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .5rem;display:flex}.lesson-card .badge-row>*{margin:0}.lesson-card .lesson-topic{text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--color-brand);background:var(--color-brand-soft);border-radius:var(--radius-pill);align-items:center;gap:.3em;padding:.15rem .6rem;display:inline-flex}.badge-icon{flex-shrink:0;width:1em;height:1em}.lesson-card .lesson-title{font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:var(--lh-heading);color:var(--color-text-strong);margin:0 0 .25rem}.lesson-card .lesson-title-sub{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-muted);margin:0 0 .6rem}.lesson-card .lesson-topik{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--color-text-strong);background:var(--color-lime);border-radius:var(--radius-pill);white-space:nowrap;padding:.15rem .6rem;display:inline-block}.lesson-card .lesson-links,.lesson-card .lesson-link{margin-top:auto}.lesson-card .reveal-panel-title{margin-bottom:.6rem}.lesson-card .lesson-title:has(+.lesson-link),.lesson-card .lesson-title:has(+.lesson-links){margin-bottom:.85rem}.lesson-links.dual{padding-top:var(--space-1);gap:.5rem;display:flex}.lesson-links.dual a,.lesson-link{min-height:var(--tap-min);border:1px solid var(--color-cta);border-radius:var(--radius-pill);color:var(--color-cta);font-size:var(--fs-xs);font-weight:var(--fw-bold);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;padding:.35rem .85rem;text-decoration:none;display:inline-flex}.lesson-link{width:100%}.lesson-links.dual a:hover,.lesson-link:hover{background:var(--color-cta);color:#fff}.lesson{max-width:var(--prose-width);margin:0 auto}.lesson-header{margin-bottom:var(--space-3)}.lesson-meta{color:var(--color-muted);font-size:var(--fs-sm);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.lesson-meta .lesson-topic{text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--color-brand);background:var(--color-brand-soft);border-radius:var(--radius-pill);transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:.3em;padding:.2rem .65rem;text-decoration:none;display:inline-flex}.lesson-meta .lesson-topic:hover{background:var(--color-brand);color:#fff}.topik-badge{border-radius:var(--radius-pill);font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--color-text-strong);background:var(--color-lime);white-space:nowrap;transition:filter var(--transition-fast);border:none;padding:.2rem .7rem;text-decoration:none;display:inline-block}a.topik-badge:hover{filter:brightness(.93)}.lesson-header h1{font-size:var(--fs-hero-title);line-height:var(--lh-tight);margin-bottom:var(--space-2)}.lesson-subtitle{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--color-muted);margin:0 0 var(--space-2)}.lesson-edition-link{color:var(--color-muted);font-size:var(--fs-sm)}.lesson-edition-link a{font-weight:var(--fw-medium);text-decoration:underline;text-decoration-color:var(--color-border-strong);white-space:nowrap}.lesson-body{font-size:var(--fs-lesson);line-height:var(--lh-lesson);color:var(--color-text);margin:var(--space-3) 0;word-break:keep-all;overflow-wrap:break-word}.lesson-body>p{margin:0 0 1.35em}.lesson-body>p:last-child{margin-bottom:0}.lesson-reader{margin:var(--space-3) 0}.reader-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm)}.reader-card .lesson-body{margin:0}.reveal-controls{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.reveal-panel{margin-top:var(--space-2)}.reveal-panel-inner{padding-top:var(--space-1)}.editorial-checks{margin:var(--space-2) 0;padding-left:var(--space-3)}.editorial-checks li{margin-bottom:var(--space-1)}.lesson-context{margin:var(--space-3) 0;padding:0 0 0 var(--space-3);border-left:3px solid var(--color-accent,var(--color-border-strong))}.lesson-context h2{margin-top:0;margin-bottom:var(--space-1);font-size:var(--fs-base);letter-spacing:.02em;color:var(--color-muted-2)}.lesson-context p{color:var(--color-text);margin-bottom:0}.panel-translation .reveal-panel-inner{background:var(--color-surface-2);border-left:3px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.panel-translation h2{font-size:var(--fs-lg);color:var(--color-muted-2);margin-top:0}.panel-translation p{color:var(--color-text);margin-bottom:0}.lesson-footer{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-lg)}.lesson-footer .source-license{margin:0 0 var(--space-2);border-top:none;padding-top:0}.lesson-footer .other-language{margin:0}.other-language{text-align:center;margin:var(--space-3) 0}.other-language a{min-height:var(--tap-min);border:1px solid var(--color-cta);border-radius:var(--radius-pill);font-weight:var(--fw-bold);color:var(--color-cta);align-items:center;padding:.5rem 1.25rem;text-decoration:none;display:inline-flex}.other-language a:hover{background:var(--color-cta);border-color:var(--color-cta);color:#fff}.edition-siblings{margin-top:var(--space-4)}.sibling-list.lesson-grid{margin-top:0}@media (width>=64rem){.sibling-list.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.edition-nav{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.edition-nav-link{min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;flex:12rem;gap:.2rem;text-decoration:none;display:flex}.edition-nav-link:hover{border-color:var(--color-brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.edition-nav-next{text-align:right;align-items:flex-end;margin-left:auto}.edition-nav-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-muted)}.edition-nav-date{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-brand)}.vocab-hover{border-bottom:2px dotted var(--color-lime);cursor:help;transition:background-color var(--transition-fast);border-radius:.15em;position:relative}.vocab-hover:hover,.vocab-hover:focus{background:var(--color-accent-soft);outline:none}.vocab-hover:hover:after,.vocab-hover:focus:after{content:attr(data-gloss);background:var(--color-tooltip-bg);color:var(--color-tooltip-text);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-regular);white-space:normal;text-align:center;z-index:20;width:max-content;max-width:min(75vw,16rem);box-shadow:var(--shadow-md);margin-bottom:.4rem;padding:.35rem .7rem;line-height:1.35;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.vocab-hover:hover:before,.vocab-hover:focus:before{content:"";border:.3rem solid #0000;border-top-color:var(--color-tooltip-bg);z-index:20;margin-bottom:-.05rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.source-license{gap:var(--space-3);font-size:var(--fs-sm);color:var(--color-muted);margin:var(--space-3) 0;padding-top:var(--space-2);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.source-license a{text-decoration:underline;text-decoration-color:var(--color-border-strong)}.source-license a:hover{text-decoration-color:currentColor}.source-license .source,.source-license .license{gap:.3em;display:inline-flex}.vocab-list,.grammar-list{margin-top:var(--space-4)}.vocab-list{container:vocab-list/inline-size}.vocab-list h2,.grammar-list h2,.edition-siblings h2{font-size:var(--fs-lg);color:var(--color-accent);border-left:4px solid var(--color-lime);margin-top:0;margin-bottom:var(--space-2);padding-left:.65rem}.vocab-list h2 .learning-icon,.grammar-list h2 .learning-icon{vertical-align:-.15em;width:1em;height:1em;margin-right:.35em}.vocab-list ul{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.vocab-list ul .vocab-item{background:var(--color-accent-soft);border-radius:var(--radius-md);flex-direction:column;align-items:flex-start;gap:.3rem;padding:.75rem 1rem;display:flex}.vocab-list ul .vocab-ko{font-weight:var(--fw-regular);color:var(--color-text);font-size:var(--fs-md);letter-spacing:.01em}.vocab-list ul .vocab-pos{color:var(--color-muted);font-size:var(--fs-xs)}.vocab-list ul .vocab-gloss{color:var(--color-text)}@container vocab-list (width>=34rem){.vocab-list ul{column-gap:var(--space-2);grid-template-columns:minmax(0,max-content) minmax(0,max-content) minmax(0,1fr);row-gap:.5rem;display:grid}.vocab-list ul .vocab-item{grid-template-columns:subgrid;align-items:baseline;gap:.3rem var(--space-2);grid-column:1/-1;display:grid}}.grammar-item{padding:var(--space-2) var(--space-2);background:var(--color-accent-soft);border-radius:var(--radius-md);margin-bottom:.75rem}.grammar-item:last-child{margin-bottom:0}.grammar-item h3{font-size:var(--fs-md);margin-bottom:.35rem}.grammar-item h3 .grammar-gloss{font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:400;display:inline-block}.grammar-item h3 .grammar-gloss:before{content:"—";speak:never;margin:0 .4em}.grammar-item h3 a{color:var(--color-accent-dark);text-decoration:none}.grammar-item h3 a:hover{text-decoration:underline}.grammar-explain{color:var(--color-text);margin-bottom:.5rem}.grammar-example{color:var(--color-muted);margin-bottom:0;font-style:italic}.grammar-example strong{color:var(--color-text);font-style:normal}.grammar-example :lang(ko){font-style:normal;font-weight:var(--fw-medium);color:var(--color-text)}.reveal-btn-example-meaning{min-height:1.85rem;font-size:var(--fs-xs);vertical-align:baseline;margin-inline-start:.5em;padding:.1rem .65rem;font-style:normal}.reveal-panel-example-meaning{margin-top:var(--space-1)}.reveal-panel-example-meaning .reveal-panel-inner{background:var(--color-surface);border-left:3px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.4rem .75rem}.example-meaning{color:var(--color-muted);font-size:var(--fs-sm);margin-bottom:0;font-style:normal}.ad-slot{min-height:var(--ad-slot-min-height);margin:var(--space-2) 0;justify-content:center;align-items:center;display:flex}@media (width>=48rem){:root{--ad-slot-min-height:120px}}.site-footer{max-width:var(--content-width);padding:var(--space-3) var(--space-2) var(--space-5);border-top:1px solid var(--color-border);margin:0 auto}.footer-nav{gap:.25rem var(--space-2);margin:var(--space-3) 0 var(--space-2);flex-wrap:wrap;display:flex}.footer-nav a{min-height:var(--tap-min);color:var(--color-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);align-items:center;text-decoration:none;display:inline-flex}.footer-nav a:hover{color:var(--color-brand);text-decoration:underline}.copyright{color:var(--color-muted-2);font-size:var(--fs-2xs)}.other-levels,.other-topics{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.other-levels h2,.other-topics h2{font-size:var(--fs-lg);margin-top:0}.other-levels ul,.other-topics ul{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.other-levels a,.other-topics a{min-height:var(--tap-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text);align-items:center;padding:.4rem .9rem;text-decoration:none;display:inline-flex}.other-levels a:hover,.other-topics a:hover{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.grammar-occurrences{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.grammar-occurrence{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface)}.occurrence-title{font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--color-brand);margin-bottom:.4rem;text-decoration:none;display:inline-block}.occurrence-title:hover{text-decoration:underline}.grammar-occurrence .grammar-explain{margin-bottom:.4rem}.grammar-occurrence .grammar-example{margin-bottom:0}.date-nav{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--fs-sm);font-weight:var(--fw-bold);display:flex}.date-nav a{color:var(--color-brand);white-space:nowrap;text-decoration:none}.date-nav-next{margin-left:auto}.date-nav a:hover{text-decoration:underline}.back-to-archive{text-align:center;margin-top:var(--space-2);font-size:var(--fs-sm)}.not-found{max-width:var(--prose-width);padding:var(--space-5) var(--space-2);text-align:center;margin:0 auto}.prose-page{max-width:var(--prose-width)}.grammar-detail-meaning,.grammar-detail-form,.grammar-detail-examples,.grammar-detail-notes,.grammar-detail-compare{margin-top:var(--space-4)}.grammar-detail-badges{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.grammar-romanization{color:var(--color-muted);font-size:var(--fs-sm)}.grammar-example-list{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.grammar-example-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface)}.grammar-example-ko{margin-bottom:.3rem}.grammar-example-translation{color:var(--color-muted);margin-bottom:0}.grammar-compare-list{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.grammar-compare-item p{color:var(--color-muted);margin-bottom:0}.not-found h1{font-size:var(--fs-h1)}.not-found p a{font-weight:var(--fw-bold);margin:0 .2em;text-decoration:underline}main>section+section{margin-top:var(--space-4)}.privacy-updated{color:var(--color-muted);font-size:var(--fs-sm)}.privacy-links{gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.privacy-links a{font-weight:var(--fw-medium)}@media (width<=30rem){.site-header{padding:var(--space-2) var(--space-2)}.lang-cta .cta{width:100%;min-width:0}.edition-date{font-size:clamp(1.375rem,8vw,1.75rem)}.date-nav{gap:var(--space-1);flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.lesson-card:hover,.lang-cta .cta:hover,.edition-nav-link:hover{transform:none}}@media (prefers-color-scheme:dark){:root{--color-bg:#141922;--color-surface:#1c222c;--color-surface-2:#242c38;--color-text:#dce3ec;--color-text-strong:#f2f5f9;--color-muted:#9aa7b8;--color-muted-2:#7b899d;--color-border:#2a3140;--color-border-strong:#3d4759;--color-brand:#398eef;--color-brand-dark:#84b9f5;--color-brand-soft:#0f1e2e;--color-lime:#a9e444;--color-lime-soft:#283215;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 10px 24px -12px #0000008c, 0 2px 6px #0000004d}.lang-cta .cta,.lang-cta .cta:hover,.lesson-links.dual a:hover,.lesson-link:hover,.other-language a:hover,.main-nav .lang-switch:hover,.other-levels a:hover,.other-topics a:hover,.edition-list li>a:hover,.topic-index li>a:hover,.level-index li>a:hover,.archive-links a:hover,.lesson-meta .lesson-topic:hover,.reveal-btn[aria-expanded=true],.topik-badge,.lesson-card .lesson-topik{color:var(--color-bg)}}.guide-hub-intro{color:var(--color-muted);max-width:var(--prose-width);margin-bottom:var(--space-4)}.guide-hub-group+.guide-hub-group{margin-top:var(--space-5)}.guide-hub-series{font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin:0 0 var(--space-2)}:lang(ja) .guide-hub-series{text-transform:none;letter-spacing:.02em}.guide-hub-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide-hub-link{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:baseline;text-decoration:none;display:flex}.guide-hub-link:hover,.guide-hub-link:focus-visible{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.guide-hub-num{border-radius:var(--radius-pill);background:var(--color-accent-soft);width:1.75rem;height:1.75rem;color:var(--color-text-strong);font-weight:var(--fw-bold);font-size:var(--fs-sm);flex:none;place-items:center;display:grid}.guide-hub-text{flex-direction:column;gap:.25rem;min-width:0;display:flex}.guide-hub-title{font-weight:var(--fw-bold);color:var(--color-text-strong)}.guide-hub-desc{font-size:var(--fs-sm);color:var(--color-muted)}.guide-meta{align-items:center;gap:var(--space-1);font-size:var(--fs-sm);color:var(--color-muted);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.guide-series-chip{border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-text-strong);font-weight:var(--fw-medium);padding:.15rem .6rem}.guide-body>*+*{margin-top:var(--space-2)}.guide-body h2{margin-top:var(--space-4);font-size:var(--fs-xl)}.guide-body h3{margin-top:var(--space-3);font-size:var(--fs-lg)}.guide-body ul,.guide-body ol{padding-left:1.35rem}.guide-body li+li{margin-top:.35rem}.guide-body blockquote{padding:var(--space-1) var(--space-2);border-left:3px solid var(--color-accent);background:var(--color-surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text);margin-left:0}.guide-body table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.guide-body table :is(th,td){border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.5rem .65rem}.guide-body table th{background:var(--color-surface-2);color:var(--color-text-strong);font-weight:var(--fw-medium)}.guide-body :is(code,kbd){background:var(--color-surface-2);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.95em}.guide-series-nav{gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:grid}@media (width>=40rem){.guide-series-nav{grid-template-columns:1fr 1fr}.guide-series-next:only-child{grid-column:2}}.guide-series-link{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;flex-direction:column;gap:.2rem;text-decoration:none;display:flex}.guide-series-link:hover,.guide-series-link:focus-visible{border-color:var(--color-border-strong)}.guide-series-next{text-align:right}.guide-series-dir{font-size:var(--fs-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.guide-series-title{font-weight:var(--fw-medium);color:var(--color-text-strong)}.guide-back{margin-top:var(--space-3)}.reveal-btn-title{border-color:var(--color-border);width:1.6rem;min-width:1.6rem;height:1.6rem;min-height:1.6rem;color:var(--color-muted);vertical-align:middle;border-radius:50%;flex:none;gap:0;margin-inline-start:.35em;padding:0}.reveal-btn-title:hover,.reveal-btn-title:focus-visible{border-color:var(--color-brand);color:var(--color-brand)}.reveal-btn-title[aria-expanded=true]{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-strong)}.reveal-panel-title{margin-top:0}.reveal-panel-title .reveal-panel-inner{padding:0}.reveal-panel-title .lesson-subtitle,.lesson-card .reveal-panel-title .lesson-title-sub,.reveal-btn-title:after{margin:0}