.catalog-page .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:460px;gap:42px}
.catalog-hero h1{font-size:clamp(40px,5vw,72px);overflow-wrap:anywhere;word-break:keep-all;line-height:1.4}
.catalog-hero .hero-lead{font-size:23px;max-width:520px;word-break:keep-all}
.representative{min-width:0;width:100%;margin:0}
/* Long supporting sections stay searchable in the DOM while their offscreen
   layout waits until needed. Remember measured sizes when scrolling back. */
@media screen{
 .reading-main>:is(#timeline,#story,#further-reading,#references,#resources){content-visibility:auto;contain-intrinsic-block-size:auto 700px}
 .reading-main>:is(#timeline,#story,#further-reading,#references,#resources):is(:target,:focus-within){content-visibility:visible}
 /* Keep the complete table height in layout so its links do not overlap the
    later download controls during keyboard and accessibility navigation. */
 .reading-main>#timeline{content-visibility:visible}
}
.representative img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--white);padding:16px}
.representative figcaption{font-size:14px;color:var(--secondary);line-height:1.8;margin-top:10px}
.hero-production{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:14px;color:var(--secondary);margin-top:20px}
.hero-production span{padding-inline:5px}
.catalog-page .next-word strong{font-size:28px;overflow-wrap:anywhere;word-break:keep-all}
.catalog-page .aside-word{font-size:27px;word-break:keep-all;overflow-wrap:anywhere}
.media-state{display:inline-flex;gap:6px;align-items:center;color:var(--secondary);font-size:14px;white-space:nowrap}
.production-stages{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0;gap:12px 24px}
.production-stages li{display:flex;align-items:center;gap:7px;font-size:15px;color:var(--secondary)}
.production-stages li[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}
.planned-chapters>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:48px;font-size:17px}
.planned-chapters>summary>span{font-size:14px;color:var(--secondary)}
.planned-chapters>summary>svg{margin-left:auto}
.planned-chapters[open]>summary>svg{transform:rotate(180deg)}
.planned-chapters>ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:14px 0 24px;border-top:1px solid var(--line)}
.planned-chapters li{min-width:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:var(--era-wash,var(--faint));border-top:3px solid var(--era-color,var(--secondary))}
.planned-chapters li>a,.planned-chapters li>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;text-decoration:none;height:100%;min-height:156px}
.planned-chapters strong{font-size:24px;font-weight:400;line-height:1.8;overflow-wrap:anywhere;max-width:100%}
.planned-chapters li>a:hover{background:var(--era-head)}
.planned-chapters li>a>span:last-child,.planned-chapters li>div>span:last-child{display:flex;align-items:center;gap:5px;font-size:14px;margin-top:auto}
.chapter-era{font-size:14px}
.overview-note{padding:16px 0;font-size:16px;line-height:1.9;word-break:keep-all}
.overview-note .icon{margin-right:6px}
.prepared-table{scroll-margin-top:110px}
.prepared-table>ul{list-style:none;padding:0;margin:20px 0}
.prepared-table li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 18px;padding:17px 0;border-top:1px solid var(--line);align-items:center}
.prepared-table li>.old-text{font-size:25px;overflow-wrap:anywhere}
.prepared-table li>div{display:flex;gap:4px;flex-wrap:wrap}
.prepared-table [data-reading-century]{padding:3px 7px;font-size:13px;background:var(--era-wash,var(--faint));border-top:2px solid var(--era-color,var(--secondary))}
.prepared-table small{grid-column:1/-1;font-size:13px;color:var(--secondary)}
.catalog-main{max-width:1200px;padding:48px 40px 60px;margin:auto}
.collection-intro{padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:28px}
.collection-intro h1{font:clamp(36px,5.2vw,64px)/1.35 var(--serif);letter-spacing:-.028em;word-break:keep-all}
.collection-intro>p{font-size:18px;line-height:1.85;margin:16px 0 14px;max-width:38em;word-break:keep-all;color:var(--secondary)}
.collection-note{display:flex;align-items:flex-start;gap:9px;color:var(--secondary);font-size:14px;max-width:740px;line-height:1.8;margin-top:16px}
.collection-note .icon{margin-top:3px;flex:none}
.collection-intro .intro-actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:18px}
.collection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}
.collection-heading h2{font-size:28px}
.collection-heading p{font-size:14px;color:var(--secondary)}
.catalog-search-panel,.catalog-home #catalog>.catalog-filter{
 padding:18px;margin:0 0 8px;background:var(--sage);border:1px solid var(--line);border-radius:6px
}
.catalog-home #catalog{
 scroll-margin-top:96px
}
.catalog-filter{
 display:flex;gap:14px;align-items:flex-end;margin-bottom:0;
 position:sticky;top:72px;z-index:15;
 background:color-mix(in srgb,var(--sage) 88%,var(--paper));
 backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
 padding:14px 16px;border:1px solid var(--line);border-radius:6px
}
.catalog-filter label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--secondary)}
.catalog-filter label>span{letter-spacing:.01em}
.catalog-filter label:first-child{flex:1.4}
.catalog-filter input,.catalog-filter select{min-height:48px;border:1px solid var(--control-line);background:var(--white);padding:10px 14px;border-radius:var(--control-radius);min-width:0;width:100%;font-size:16px;color:var(--ink)}
.catalog-filter input:focus-visible,.catalog-filter select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.catalog-filter .outline-button{min-height:48px;background:var(--white);color:var(--secondary);border-color:transparent}
.catalog-filter .outline-button:hover{color:var(--ink);background:var(--white);border-color:var(--control-line)}
.catalog-count,[data-catalog-count]{font-size:14px;color:var(--secondary);margin:14px 0 18px}
.catalog-empty,[data-catalog-empty]{padding:36px 22px;border:1px dashed var(--line);background:var(--faint);border-radius:6px;color:var(--secondary);line-height:1.8}
.catalog-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.catalog-card{min-width:0;padding-bottom:0}
.catalog-card>a{display:block;text-decoration:none;height:100%;border-radius:6px}
.catalog-card figure{position:relative;margin:0;background:var(--faint);border:1px solid var(--image-line);border-radius:6px;overflow:hidden}
.catalog-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;padding:0;transition:transform .55s var(--ease)}
.catalog-card figcaption{position:absolute;right:12px;bottom:10px;font-size:12px;color:var(--secondary);background:color-mix(in srgb,var(--white) 92%,transparent);padding:3px 8px;border-radius:3px}
.catalog-card-copy{padding:18px 2px 8px}
.sample-type{font-size:14px;color:var(--secondary);display:block;margin-bottom:8px}
.catalog-card h2{font-size:34px;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere;transition:color .2s var(--ease)}
.catalog-card p{font-size:15px;color:var(--secondary);margin:10px 0 14px;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.75}
.catalog-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--secondary)}
.catalog-card-meta>span{display:inline-flex;align-items:center;gap:5px}
.catalog-card-action{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:15px;color:var(--accent);transition:gap .22s var(--ease)}
.catalog-card>a:hover figure img{transform:scale(1.03)}
.catalog-card>a:hover h2{color:var(--accent)}
.catalog-card>a:hover .catalog-card-action{gap:10px}
.catalog-card>a:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}
html:is(.enhanced,.catalog-layout) .collection-page-note{display:none}
@media(prefers-reduced-motion:reduce){
 .catalog-home .collection-intro{animation:none}
 .catalog-card img,.catalog-card-action{transition:none}
}
.collection-outro{margin-top:55px;padding-top:30px;border-top:1px solid var(--line);max-width:800px}
.collection-outro h2{font-size:26px}
@media(max-width:900px){.catalog-page .hero{gap:26px;padding-inline:38px}.catalog-hero h1{font-size:50px}.collection-heading{display:block}.collection-heading p{margin-top:10px}.catalog-filter{top:64px}}
@media(max-width:680px){
 .catalog-page .hero{grid-template-columns:1fr;padding:32px 22px;gap:28px}
 .catalog-hero h1{font-size:clamp(34px,10vw,58px)}
 .catalog-hero .hero-lead{font-size:22px}
 .representative img{padding:12px}
 .planned-chapters>ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .planned-chapters li>a,.planned-chapters li>div{padding:13px;min-height:150px}
 .planned-chapters strong{font-size:22px}
 .production-stages{display:grid;gap:12px}
 .prepared-table li{grid-template-columns:1fr}
 .catalog-main{padding:28px 20px 40px}
 .collection-intro{padding-bottom:18px;margin-bottom:18px}
 .collection-intro h1{font-size:clamp(28px,7.2vw,38px);line-height:1.3}
 .collection-intro>p{font-size:15px;margin:10px 0 8px;line-height:1.7}
 .collection-note{display:none}
 .collection-intro .intro-actions{margin-top:12px}
 .catalog-filter{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
 .catalog-filter label:first-child{grid-column:1/-1}
 .catalog-filter label:nth-child(2),.catalog-filter label:nth-child(3){min-width:0}
 .catalog-filter .outline-button{grid-column:1/-1;width:100%}
 .catalog-list{grid-template-columns:1fr;gap:28px}
 .catalog-card h2{font-size:30px}
 .collection-heading h2{font-size:24px}
 .catalog-card-copy{padding-top:14px}
 .catalog-card img{padding:0}
 .catalog-page .hero-actions{align-items:flex-start;gap:12px}
}
@media print{.hero-production,.production-stages{display:none}.representative{max-width:350px}.prepared-media{break-inside:auto}.planned-chapters li{background:none}.catalog-filter{display:none}.catalog-list{display:block}}
.catalog-filter{flex-wrap:wrap}.catalog-filter label{min-width:0}.catalog-filter input{min-width:0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:40px 0 12px}.pagination .outline-button,.pagination a.outline-button,.pagination a{min-width:96px;text-align:center;text-decoration:none}.catalog-card-copy>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-video{width:100%;height:auto;aspect-ratio:16/9;background:#fff}.published-chapters{padding:0;list-style:none}.published-chapters li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap}.published-chapters button{padding:8px 12px;background:var(--sage);min-height:44px}.published-chapters a{align-self:center}.source-details dd{white-space:pre-wrap}.catalog-count,[data-catalog-count]{font-variant-numeric:tabular-nums}
@media(max-width:680px){.catalog-filter select{width:100%}.pagination{gap:12px;flex-wrap:wrap}.source-details dl{grid-template-columns:1fr}.source-details dt{overflow-wrap:anywhere}}

/* Reserve the count line while the index is loading; avoid a late card shift. */
[data-catalog-count]{min-height:1.5em;margin:14px 0 18px}.collection-page-note{font-size:13px;color:var(--secondary);margin:10px 0 0}

.catalog-hero .hero-definition{color:var(--ink);font-size:22px;line-height:1.8;margin-top:12px}
.catalog-hero .hero-reading-note{font-size:15px;line-height:1.8;color:var(--secondary);margin-top:12px;max-width:38em}
.catalog-results-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 18px}
.catalog-results-tools [data-catalog-count]{margin:0}
.catalog-view-switch{display:flex;gap:4px;flex:none}
.catalog-view-switch button{min-height:44px;min-width:62px;padding:8px 12px;background:var(--white);color:var(--secondary);border:1px solid var(--control-line);border-radius:var(--control-radius);font-size:14px}
.catalog-view-switch button[aria-pressed=true]{background:var(--sage);color:var(--ink);border-color:var(--ink)}
.catalog-list:not([data-view=gallery]){grid-template-columns:minmax(0,1fr);gap:0}
.catalog-list:not([data-view=gallery]) .catalog-card{padding:20px 0;border-bottom:1px solid var(--line)}
.catalog-list:not([data-view=gallery]) .catalog-card>a{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:start}
.catalog-list:not([data-view=gallery]) .catalog-card img{aspect-ratio:16/9;padding:0}
.catalog-list:not([data-view=gallery]) .catalog-card figcaption,.catalog-list:not([data-view=gallery]) .catalog-card-action{display:none}
.catalog-list:not([data-view=gallery]) .catalog-card-copy{padding:0}
.catalog-list:not([data-view=gallery]) .catalog-card h2{font-size:28px}
.catalog-list:not([data-view=gallery]) .catalog-card p{margin:4px 0 8px;-webkit-line-clamp:2}
.page-jump{display:flex;align-items:center;gap:10px}
.page-jump label{display:flex;align-items:center;gap:8px;color:var(--secondary);font-size:14px}
.page-jump input{width:78px;min-height:48px;padding:8px;border:1px solid var(--control-line);border-radius:var(--control-radius);background:var(--white);font:inherit;color:var(--ink)}
.pagination .page-jump .outline-button{min-width:64px}
@media(max-width:680px){
 .catalog-hero .hero-definition{font-size:19px;line-height:1.8}
 .catalog-results-tools{align-items:flex-start;flex-wrap:wrap}
 .catalog-home .collection-intro>p,.catalog-home .collection-intro .intro-actions{display:none}
 .catalog-list:not([data-view=gallery]) .catalog-card{padding:16px 0}
 .catalog-list:not([data-view=gallery]) .catalog-card>a{grid-template-columns:104px minmax(0,1fr);gap:14px}
 .catalog-list:not([data-view=gallery]) .catalog-card h2{font-size:24px}
 .catalog-list:not([data-view=gallery]) .catalog-card p{font-size:14px}
 .page-jump{justify-content:center;flex-basis:100%;margin-top:8px}
}
.catalog-browse{margin:0 0 24px}
#catalog-browse-heading{font-family:inherit;font-size:18px;line-height:1.6;letter-spacing:normal;margin-bottom:12px}
.catalog-era-switch{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px}
.catalog-era-switch button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;min-width:84px;padding:8px 14px;border-radius:var(--control-radius);background:var(--white);color:var(--secondary);border:1px solid transparent}
.catalog-era-switch button[aria-pressed=true]{background:var(--sage);border-color:var(--ink);color:var(--ink)}
.catalog-era-switch button:hover:not([aria-pressed=true]){background:var(--faint);color:var(--ink)}
.catalog-era-switch small{font-size:12px;min-height:1.5em;font-variant-numeric:tabular-nums}
.catalog-era-switch button>span{white-space:nowrap}
.catalog-era-note{font-size:13px;color:var(--secondary);line-height:1.8;margin-top:10px;word-break:keep-all;overflow-wrap:anywhere}
.catalog-first-record{color:var(--ink)}
.catalog-home .catalog-filter{position:static}
.catalog-home [inert]{opacity:.6;cursor:progress}
.catalog-home [inert] *{cursor:progress}
.catalog-list .catalog-card>a:hover figure img{transform:none}
@media(max-width:680px){
 .catalog-era-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .catalog-era-switch button{min-width:0;min-height:60px;padding:8px 4px;font-size:14px}
 .catalog-era-switch small{font-size:11px}
 .catalog-browse{margin-bottom:18px}
 #catalog-browse-heading{font-size:17px}
}
@media(max-width:360px){.catalog-era-switch button{font-size:13px}}
.story-topics{max-width:36em;font-size:var(--type-body);line-height:1.95}
.source-prose-label:has(.story-editorial-note){flex-wrap:wrap;gap:8px 16px}
.story-editorial-note{font-size:var(--type-note);color:var(--secondary)}
.story-topic+.story-topic{margin-top:30px}
.story-topic-title{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;font-family:var(--sans);font-size:1.125rem;line-height:1.65;font-weight:400;color:var(--ink);text-wrap:pretty}
.story-topic-title span{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.story-topic-icon{width:20px;height:20px;margin-top:5px;stroke-width:1.6;color:var(--secondary)}
.story-paragraph{margin:0;word-break:keep-all;overflow-wrap:anywhere}
.story-paragraph+.story-paragraph{margin-top:12px}
.story-form{background:var(--sage);color:var(--ink);padding:1px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(max-width:680px){.story-topic+.story-topic{margin-top:26px}.story-topic-title{font-size:var(--type-body)}.story-topic-icon{margin-top:4px}.story-editorial-note{flex-basis:100%}}
@media print{.story-topic-title{break-after:avoid}.story-form{background:transparent}.story-topics{font-size:11pt}.story-topic-icon{color:inherit}}

/* Resolve preceding section heights before desktop fragment navigation. */
@media screen and (min-width:768px){
 .reading-main:has(> :target)>:is(#timeline,#story,#further-reading,#references,#resources){content-visibility:visible}
}

/* Shared identity, type, controls and responsive shell for every catalog route. */

/* Reading and recovery roles share the approved teal / warm accent palette. */
:root{--type-caption:.875rem;--type-prose:1rem;--focus-color:#a04731;--error-ink:#8b302c;--error-surface:#fff5f3;--selection-surface:#dceee6}
[data-catalog-error]:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;margin-block:16px;background:var(--error-surface);color:var(--error-ink);border:1px solid currentColor;border-radius:var(--control-radius)}
[data-catalog-error] .outline-button{border-color:currentColor;flex-shrink:0}
@media(forced-colors:active){:focus-visible{outline:3px solid Highlight!important}.catalog-era-switch button[aria-pressed=true],.catalog-view-switch button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-4px}}


:root{--paper:#ffffff;--white:#ffffff;--ink:#193e3b;--secondary:#4d6259;--line:#dce7e4;--faint:#f5f8f7;--accent:#a04731;--sage:#edf4f1;--serif:HistorySerif,HistorySans,HistoryHan,HistoryExtra,serif;--sans:HistorySans,HistoryHan,HistoryExtra,sans-serif;--page:1200px;--type-body:1.0625rem;--type-note:.875rem;--type-control:.9375rem;--reading-measure:42em;--control-line:#7b948c;--image-line:#e6eeeb;--control-radius:4px;--control-height:48px;--focus-width:3px;--focus-offset:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;line-height:1.75;font-size:16px}::selection{background:#dceee6;color:#153732}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}a:hover{text-decoration-color:var(--accent)}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}input{caret-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #a04731;outline-offset:4px}svg.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}button,a{touch-action:manipulation}html:not(.enhanced):not(.catalog-layout) .js-only{display:none!important}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--ink);color:var(--white);padding:12px 20px}.skip-link:focus{top:12px}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:400;text-wrap:balance}h1,h2{font-family:var(--serif)}p,blockquote,cite{overflow-wrap:anywhere}cite{font-style:normal}h2{font-size:32px;line-height:1.45;letter-spacing:-.025em}small{font-size:12px}img{max-width:100%;height:auto}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--paper)}body::-webkit-scrollbar-thumb{background:#90aaa0;border:3px solid var(--paper);border-radius:8px}
.site-header{max-width:var(--page);margin:auto;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:var(--serif);font-size:25px;line-height:1.3;white-space:nowrap}.wordmark small{display:block;font:var(--type-note)/1.7 var(--sans);letter-spacing:.03em;color:var(--secondary);margin-top:3px}.brand-seal{display:grid;place-items:center;width:34px;height:43px;border:1px solid var(--accent);font-size:23px;color:var(--accent)}.word-nav{display:flex;gap:9px;align-items:center}.word-nav a{min-height:44px;padding:9px 18px;text-decoration:none;border-bottom:1px solid transparent}.word-nav a[aria-current=page]{border-bottom-color:var(--accent);color:var(--accent)}.word-nav a:hover{background:var(--faint)}.edition-label{font-size:12px;color:var(--secondary)}
.brand-logo{display:block;width:48px;height:48px;flex:none}@media(max-width:680px){.brand-logo{width:40px;height:40px}}

.solid-button,.outline-button{display:inline-flex!important;gap:9px;align-items:center;justify-content:center;padding:11px 18px;min-height:var(--control-height);border-radius:var(--control-radius);text-decoration:none;font-size:var(--type-control);font-weight:400}
.solid-button{background:var(--ink);color:var(--white)}
.solid-button:hover{background:#2c5750}
.outline-button{border:1px solid var(--control-line);background:transparent}
.outline-button:hover{background:var(--sage)}
.text-link{display:inline-flex;align-items:center;gap:8px;font-size:var(--type-control);text-decoration:none;padding:7px 0;min-height:36px}
.text-link:hover{text-decoration:underline}
.site-footer{max-width:var(--page);margin:auto;padding:42px 30px;display:flex;align-items:center;flex-wrap:wrap;gap:13px 30px;font-size:12px;color:var(--secondary)}
.footer-brand{font:24px/1.5 var(--serif);text-decoration:none;color:var(--ink)}
.site-footer>a:last-child{margin-left:auto;text-decoration:none}
.site-footer span{font-size:11px}
body{background:var(--paper)}
.solid-button,.outline-button{line-height:1.5;padding:11px 18px}
.catalog-filter input,.catalog-filter select,.document-filters select,.playback-tools select{min-height:var(--control-height);font-size:1rem;line-height:1.5;border-color:var(--control-line);border-radius:var(--control-radius)}
.search-input{border-color:var(--control-line);border-radius:var(--control-radius)}
.search-field input{height:calc(var(--control-height) - 2px);line-height:1.5}
.catalog-filter input::placeholder,.search-field input::placeholder{color:var(--secondary);opacity:1}
.meaning-picker button,.published-chapters button{border-radius:var(--control-radius)}
.meaning-picker button:hover:not(:disabled):not([aria-pressed=true]),.published-chapters button:hover{background:var(--sage)}
button:disabled:hover{cursor:not-allowed}
:focus-visible,.meaning-picker button:focus-visible,.further-link:focus-visible,.further-more>summary:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}
.search-input:focus-within{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}
.search-input input:focus-visible{outline:none}
.representative img,.catalog-card figure,.further-thumb{border:1px solid var(--image-line)}
.catalog-main{max-width:var(--page)}
.catalog-filter{gap:var(--space-4)}
.catalog-filter label{gap:var(--space-2)}
.catalog-list{gap:var(--space-8)}
.collection-heading{margin-bottom:var(--space-6)}
.catalog-count,[data-catalog-count],.pagination{font-size:var(--type-note);font-variant-numeric:tabular-nums}
@media(max-width:1000px){.edition-label{display:none}}
@media(max-width:680px){
 .site-header{padding:16px 20px;gap:var(--space-3);flex-wrap:wrap}
 .wordmark{font-size:22px}
 .wordmark small{font-size:var(--type-note)}
 .catalog-filter{gap:var(--space-3)}
 .catalog-list{gap:var(--space-6)}
 .site-footer{padding:28px 22px;gap:var(--space-3) var(--space-6)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}}

/* Keep standalone catalogue headings intact at Korean word boundaries. */
.catalog-main>h1{word-break:keep-all;overflow-wrap:anywhere}

/* Longer section names must wrap on tablet widths as well as phones. */
.section-nav{flex-wrap:wrap}

/* 2026-09-29 craft polish: sticky chrome, quieter chrome, clearer controls. */
.site-header{
 position:sticky;top:0;z-index:20;
 background:color-mix(in srgb,var(--paper) 92%,transparent);
 backdrop-filter:saturate(1.1) blur(10px);
 -webkit-backdrop-filter:saturate(1.1) blur(10px);
}
.site-header>a:not(.wordmark){
 min-height:44px;padding:9px 14px;display:inline-flex;align-items:center;
 text-decoration:none;border-bottom:1px solid transparent;color:var(--secondary);
}
.site-header>a:not(.wordmark):hover{color:var(--ink);background:var(--faint)}
.wordmark:hover{opacity:.92}
.solid-button,.outline-button,.text-link,.quiet-button,.text-button{
 transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease)
}
.solid-button:active,.outline-button:active{transform:translateY(1px)}
.catalog-filter input,.catalog-filter select,.document-filters select,.playback-tools select,.search-field{
 transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)
}
.catalog-filter input:hover,.catalog-filter select:hover,.document-filters select:hover,.search-field:hover{
 border-color:color-mix(in srgb,var(--control-line) 55%,var(--ink))
}
.site-footer{
 border-top:1px solid var(--line);margin-top:24px
}
.site-footer .footer-brand:hover{color:var(--accent)}
.section-nav{
 backdrop-filter:saturate(1.05) blur(8px);
 -webkit-backdrop-filter:saturate(1.05) blur(8px);
 box-shadow:0 8px 18px -16px color-mix(in srgb,var(--ink) 35%,transparent)
}
.section-nav a{
 transition:color .2s var(--ease),box-shadow .2s var(--ease)
}
.section-nav a:hover{color:var(--accent)}
/* One measured offset keeps sticky controls and anchor destinations in agreement. */
html{scroll-padding-top:calc(var(--sticky-header-height,112px) + var(--reading-nav-height,0px) + 12px)}
.section-nav{top:var(--sticky-header-height,112px)}
.reading-aside{top:calc(var(--sticky-header-height,112px) + var(--reading-nav-height,61px) + 24px)}
.content-section,.documents-section,.prepared-table,.record,.catalog-home #catalog{scroll-margin-top:12px}
.catalog-filter{top:calc(var(--sticky-header-height,112px) + 8px)}
@media(max-width:680px){
 html{--sticky-header-height:0px;--reading-nav-height:52px}
 .site-header{position:static;gap:8px}
 .wordmark small{display:none}
 .word-nav{gap:4px;padding-top:0;border-top:0}
 .word-nav a{min-height:44px;padding:8px 10px}
 .section-nav{position:sticky;top:0;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:20px;min-height:52px;padding-inline:20px}
 .section-nav a{flex:none;min-height:48px;padding:12px 0}
}
@media print{.skip-link{display:none!important}}
@media(prefers-reduced-motion:reduce){
 .solid-button,.outline-button,.text-link,.quiet-button,.text-button,
 .catalog-filter input,.catalog-filter select,.document-filters select,.playback-tools select,.search-field,
 .section-nav a{transition:none}
}

/* Shared notices use the site's existing ink, paper and reading typography. */
.site-footer.policy-footer{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2fr) auto;align-items:start;gap:24px 36px;padding-block:38px 44px;font-size:14px;line-height:1.7}
.policy-footer .footer-brand{display:inline-flex;align-items:center;min-height:44px}
.footer-intro p{margin-top:7px;color:var(--secondary);word-break:keep-all}
.footer-links{display:flex;flex-wrap:wrap;gap:0 24px}
.footer-links a,.footer-contact,.policy-footer .footer-top{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.footer-links a{color:var(--ink)}
.footer-links a[aria-current],.policy-nav a[aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.footer-links a:hover,.footer-contact:hover,.policy-footer .footer-top:hover{text-decoration:underline}
.footer-note{margin-top:7px}.footer-contact{overflow-wrap:anywhere;word-break:break-word}
.site-footer.policy-footer>a:last-child{margin-left:0;white-space:nowrap}
.policy-main{max-width:var(--page);margin:auto;padding:56px 30px 64px}
.policy-heading{max-width:800px}.policy-eyebrow{color:var(--accent);font-size:14px;letter-spacing:.06em;margin-bottom:12px}
.policy-heading h1{font-size:clamp(32px,4vw,46px);line-height:1.4;letter-spacing:-.03em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.policy-lead{font-size:18px;color:var(--secondary);margin-top:18px;max-width:38em;word-break:keep-all}
.policy-date{font-size:14px;color:var(--secondary);margin-top:20px}
.policy-nav{display:flex;flex-wrap:wrap;gap:0 28px;padding:16px 0;margin:32px 0 0;border-block:1px solid var(--line)}
.policy-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:15px}
.policy-body{max-width:800px;font-size:17px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
.policy-body section{padding:32px 0;border-bottom:1px solid var(--line)}
.policy-body section:last-child{border-bottom:0;padding-bottom:0}
.policy-body h2{font-size:26px;line-height:1.5;text-wrap:pretty}.policy-body p{margin-top:14px}
.policy-example{margin-top:22px;padding:18px 22px;border-left:3px solid var(--accent);background:var(--faint)}
.policy-example strong{font-size:14px;font-weight:400;color:var(--secondary)}.policy-example p{margin-top:5px}
.family-body{max-width:none}.family-current{padding:28px 0 30px;border-bottom:1px solid var(--line)}
.family-current>span{font-size:14px;color:var(--accent)}.family-current h2{margin-top:5px}.family-current p{margin-top:9px}
.family-current a{display:inline-flex;align-items:center;min-height:44px;margin-top:9px}
.family-services{list-style:none;padding:0;margin:0}.family-services li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 36px;padding:27px 0;border-bottom:1px solid var(--line)}
.family-services h2{font-size:24px}.family-services p{margin-top:7px;color:var(--secondary)}
.family-domain{display:block;font-size:14px;margin-top:5px;color:var(--secondary)}
.family-services a{min-height:44px;display:inline-flex;align-items:center;gap:12px;font-size:15px}
.policy-external-note{font-size:14px;color:var(--secondary);padding-top:12px}
@media(max-width:900px){.site-footer.policy-footer{grid-template-columns:1fr auto}.footer-intro{grid-column:1/-1}.footer-links{gap:0 20px}}
@media(max-width:600px){.site-footer.policy-footer{grid-template-columns:minmax(0,1fr);gap:20px;padding:28px 22px}.footer-intro{grid-column:auto}.footer-links{gap:0 18px}.policy-main{padding:32px 22px 44px}.policy-lead{font-size:17px}.policy-nav{gap:0 22px;margin-top:24px}.policy-nav a{font-size:14px}.policy-body{font-size:16px}.policy-body section{padding:26px 0}.policy-body h2{font-size:23px}.family-services li{grid-template-columns:minmax(0,1fr);gap:9px;padding:24px 0}.family-services h2{font-size:23px}.family-services a{justify-self:start}.policy-footer .footer-top{justify-self:start}.policy-example{padding:16px 18px}}
@media print{.policy-footer,.policy-nav{display:none}.policy-main{padding:0}.policy-page .site-header{position:static}}

.content-section{padding:28px 0}.content-section p{margin:14px 0}