@layer reset, base, components;@layer reset{*,:after,:before{box-sizing:border-box}html{min-width:var(--page-min-width)}body,dd,dl,figure,h1,h2,h3,ol,p,ul{margin:0}ol,ul{padding:0}img{display:block;max-width:100%}a{color:inherit}}@layer base{:root{--color-paper:#f5f1e8;--color-surface:#fffcf6;--color-surface-muted:#ebe5d8;--color-ink:#272822;--color-ink-subtle:#67675f;--color-rule:#c9c2b5;--color-accent:#315b4c;--color-accent-strong:#1d4337;--color-accent-tint:#dce8e0;--color-warning:#8a4d22;--color-warning-tint:#f3e2d3;--font-japanese:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;--font-chinese:"Noto Serif TC","PingFang TC","Microsoft JhengHei",serif;--font-sans:"Avenir Next","Hiragino Kaku Gothic ProN",sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--shadow-subtle:0 0.25rem 0.75rem rgb(39 40 34/8%);--transition-standard:160ms ease-out;--measure-copy:44rem;--measure-page:72rem;--page-min-width:20rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.25rem}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6}:focus-visible{outline:var(--space-1) solid var(--color-accent);outline-offset:var(--space-1)}::selection{background:var(--color-accent-tint)}}@layer components{.site-shell{min-height:100dvh}.site-header{border-bottom:1px solid var(--color-rule)}.header-inner,.page-wrap{margin-inline:auto;max-width:var(--measure-page);padding-inline:var(--space-5)}.header-inner{align-items:baseline;display:flex;gap:var(--space-6);justify-content:space-between;padding-block:var(--space-4)}.brand{font-family:var(--font-japanese);font-size:var(--text-lg);font-weight:700;letter-spacing:.04em;text-decoration:none}.brand-subtitle{color:var(--color-ink-subtle);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);text-transform:uppercase}.primary-nav{display:flex;flex-wrap:wrap;gap:var(--space-4)}.nav-link{color:var(--color-ink-subtle);font-size:var(--text-sm);text-decoration:none;text-underline-offset:var(--space-1)}.nav-link:hover{color:var(--color-accent-strong);text-decoration:underline}.page-wrap{padding-block:var(--space-7)}.eyebrow{color:var(--color-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-title{font-family:var(--font-japanese);font-size:var(--text-2xl);letter-spacing:.02em;line-height:1.25;-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}.page-intro{color:var(--color-ink-subtle);-webkit-margin-before:var(--space-3);margin-block-start:var(--space-3);max-width:var(--measure-copy)}.stack{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.article-list{list-style:none;-webkit-margin-before:var(--space-7);margin-block-start:var(--space-7)}.article-list>li{border-top:1px solid var(--color-rule)}.article-list>li:last-child{border-bottom:1px solid var(--color-rule)}.article-link{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding-block:var(--space-5);text-decoration:none;transition:background-color var(--transition-standard),color var(--transition-standard)}.article-link:hover{background:var(--color-surface-muted);color:var(--color-accent-strong)}.article-link-title{font-family:var(--font-japanese);font-size:var(--text-xl);font-weight:700;line-height:1.45}.meta{color:var(--color-ink-subtle);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-3)}.empty-state{border-block:1px solid var(--color-rule);-webkit-margin-before:var(--space-7);margin-block-start:var(--space-7);max-width:var(--measure-copy);padding-block:var(--space-6)}.empty-state h2{font-family:var(--font-japanese);font-size:var(--text-lg)}.empty-state p{color:var(--color-ink-subtle);-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}.article-header{border-bottom:1px solid var(--color-rule);-webkit-padding-after:var(--space-6);padding-block-end:var(--space-6)}.article-source{color:var(--color-ink-subtle);font-size:var(--text-sm);-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4)}.article-source a{color:var(--color-accent-strong);text-underline-offset:var(--space-1)}.study-content{display:grid;grid-gap:var(--space-8);gap:var(--space-8);-webkit-margin-before:var(--space-7);margin-block-start:var(--space-7)}.reading-flow{display:grid;grid-gap:var(--space-6);gap:var(--space-6);max-width:var(--measure-copy)}.paragraph-pair{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.japanese-copy{font-family:var(--font-japanese);font-size:var(--text-lg);line-height:2.15}.japanese-copy ruby,.ruby-reading{ruby-align:center;ruby-position:over}.japanese-copy rt,.ruby-reading rt{color:var(--color-ink-subtle);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;letter-spacing:0}.translation{-webkit-border-start:var(--space-1) solid var(--color-accent);border-inline-start:var(--space-1) solid var(--color-accent);color:var(--color-ink-subtle);font-family:var(--font-chinese);-webkit-padding-start:var(--space-4);padding-inline-start:var(--space-4)}.section-heading{font-family:var(--font-japanese);font-size:var(--text-xl);line-height:1.35}.section-description{color:var(--color-ink-subtle);-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2);max-width:var(--measure-copy)}.illustration-grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));-webkit-margin-before:var(--space-5);margin-block-start:var(--space-5)}.illustration{background:var(--color-surface);border:1px solid var(--color-rule);box-shadow:var(--shadow-subtle)}.illustration img{aspect-ratio:4/3;object-fit:cover;width:100%}.illustration figcaption{color:var(--color-ink-subtle);font-size:var(--text-sm);padding:var(--space-4)}.illustration figcaption a{color:var(--color-accent-strong);text-underline-offset:var(--space-1)}.learning-section{border-top:1px solid var(--color-rule);-webkit-padding-before:var(--space-6);padding-block-start:var(--space-6)}.learning-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3);list-style:none;-webkit-margin-before:var(--space-5);margin-block-start:var(--space-5)}.learning-card{background:var(--color-surface);-webkit-border-start:var(--space-1) solid var(--color-accent);border-inline-start:var(--space-1) solid var(--color-accent);padding:var(--space-4)}.learning-card a{color:var(--color-accent-strong);font-family:var(--font-japanese);font-size:var(--text-lg);font-weight:700;text-decoration-thickness:1px;text-underline-offset:var(--space-1)}.learning-card p{-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}.context{color:var(--color-ink-subtle);font-family:var(--font-japanese);font-size:var(--text-sm)}.catalogue-header{border-bottom:1px solid var(--color-rule);-webkit-padding-after:var(--space-6);padding-block-end:var(--space-6)}.term{font-family:var(--font-japanese);font-size:var(--text-2xl);line-height:1.35}.definition{font-family:var(--font-chinese);font-size:var(--text-lg)}.definition,.definition-list{-webkit-margin-before:var(--space-5);margin-block-start:var(--space-5);max-width:var(--measure-copy)}.definition-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:minmax(7rem,auto) 1fr}.definition-list dt{color:var(--color-ink-subtle);font-size:var(--text-sm)}.definition-list dd{font-family:var(--font-chinese)}.status{border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4);padding:var(--space-1) var(--space-2);text-transform:uppercase}.status-approved{background:var(--color-accent-tint);color:var(--color-accent-strong)}.status-candidate{background:var(--color-warning-tint);color:var(--color-warning)}.example-list,.linked-articles{display:grid;grid-gap:var(--space-3);gap:var(--space-3);list-style:none;-webkit-margin-before:var(--space-5);margin-block-start:var(--space-5);max-width:var(--measure-copy)}.example-list li{background:var(--color-surface-muted);font-family:var(--font-japanese);padding:var(--space-4)}.linked-articles li{border-bottom:1px solid var(--color-rule);-webkit-padding-after:var(--space-4);padding-block-end:var(--space-4)}.linked-articles a{font-family:var(--font-japanese);font-size:var(--text-lg);font-weight:700}.back-link,.linked-articles a{color:var(--color-accent-strong);text-underline-offset:var(--space-1)}.back-link{display:inline-block;font-size:var(--text-sm);-webkit-margin-after:var(--space-5);margin-block-end:var(--space-5)}@media (max-width:42rem){.header-inner{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.page-wrap{padding-block:var(--space-6)}.page-title,.term{font-size:var(--text-xl)}.article-link-title,.section-heading{font-size:var(--text-lg)}.japanese-copy{font-size:var(--text-base)}.definition-list{grid-template-columns:1fr;gap:var(--space-1)}}}