/* Further reading belongs to the existing paper-and-ink reading surface. */
.further-group{margin-top:30px}
.further-group>h3{display:flex;align-items:baseline;gap:12px;font:24px/1.5 var(--serif);margin:0 0 14px}
.further-group>h3 small{font:13px/1.5 var(--sans);color:var(--secondary)}
.further-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.further-item{min-width:0;border-bottom:1px solid var(--line)}
.further-link{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 0;color:inherit;text-decoration:none;min-height:148px}
.further-link.with-thumbnail{grid-template-columns:96px minmax(0,1fr)}
.further-thumb{display:flex;align-items:center;justify-content:center;width:96px;height:120px;background:var(--white);align-self:start}
.further-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.further-copy{display:flex;flex-direction:column;min-width:0;gap:7px}
.further-title{font:25px/1.4 var(--serif);overflow-wrap:anywhere;word-break:keep-all}
.further-title small{font:12px/1.6 var(--sans);color:var(--secondary);margin-left:8px}
.further-definition{font:15px/1.7 var(--sans);overflow-wrap:anywhere;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.further-context{font:12px/1.65 var(--sans);color:var(--secondary);overflow-wrap:anywhere}
.further-destination{display:flex;align-items:center;gap:4px;font:13px/1.6 var(--sans);color:var(--accent);margin-top:3px}
.further-destination .icon{width:16px;height:16px}
.further-link:hover .further-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.further-link:focus-visible,.further-more>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.further-more>summary{font:14px/1.6 var(--sans);cursor:pointer;padding:16px 0;min-height:48px;color:var(--accent)}
.further-more[open]>summary{margin-bottom:4px}
.further-credits{font:12px/1.8 var(--sans);color:var(--secondary);margin-top:28px}
.further-credits a{text-underline-offset:3px}
@media(max-width:760px){.further-list{grid-template-columns:1fr}.further-link{min-height:132px}.further-group{margin-top:26px}}
@media(max-width:380px){.further-link.with-thumbnail{grid-template-columns:72px minmax(0,1fr);gap:12px}.further-thumb{width:72px;height:96px}.further-title{font-size:23px}}
@media print{.further-list{display:block}.further-link{break-inside:avoid;min-height:0}.further-definition{display:block;overflow:visible}.further-link:after{content:attr(href);font:10px/1.5 sans-serif;overflow-wrap:anywhere;grid-column:1/-1}.further-thumb{width:64px;height:80px}.further-more{display:block}}



.hero{max-width:var(--page);padding:58px 68px 50px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;min-height:550px}.hero h1{font-size:clamp(64px,8vw,96px);letter-spacing:-.03em;line-height:1.15;margin-bottom:22px}.hero .hero-lead{font:26px/1.65 var(--serif);max-width:470px;letter-spacing:-.02em}.hero .hero-sub{color:var(--secondary);font-size:15px;max-width:440px;margin-top:18px}.hero-meta{font-size:12px;color:var(--secondary);display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-meta span+span::before{content:'';display:inline-block;width:2px;height:2px;border-radius:50%;background:var(--secondary);vertical-align:middle;margin-right:10px}.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:27px}.hero-art{position:relative;text-align:center;max-width:440px;justify-self:center;width:100%}.hero-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.hero-art figcaption{font-size:12px;color:var(--secondary);margin-top:-24px;position:relative}.hero-art .floating-form{position:absolute;top:22px;left:-12px;font:36px/1.4 var(--serif);color:#59766a}.hero-art .floating-form.bottom{top:auto;left:auto;right:0;bottom:42px;color:var(--accent)}.hero-type{position:relative;padding:32px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-type .old-display{font:clamp(38px,5.4vw,66px)/1.5 var(--serif);letter-spacing:-.03em;color:var(--accent);overflow-wrap:anywhere}.type-bridge{display:flex;justify-content:space-between;gap:15px;color:var(--secondary);font-size:12px;margin:12px 0 26px}.hero-type blockquote{font-size:20px;line-height:1.85}.hero-type cite{display:block;color:var(--secondary);font-size:12px;margin-top:15px}.mind-sheet{background:var(--white);padding:32px 34px;box-shadow:0 10px 30px #233a3010;transform:rotate(-2deg)}.mind-sheet .old-display{font:76px/1.25 var(--serif);color:var(--ink);margin-bottom:20px}.mind-branches{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:23px}.mind-branches p{font:24px/1.6 var(--serif)}.mind-branches span{font-size:12px;display:block;color:var(--secondary)}.mind-sheet cite{display:block;margin-top:24px;font-size:12px;color:var(--secondary)}
.section-nav{position:sticky;top:0;z-index:10;background:var(--paper);border-block:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:34px;padding:0 24px;min-height:61px}.section-nav a{text-decoration:none;font-size:14px;padding:17px 0;white-space:nowrap}.section-nav a[aria-current=true]{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.reading-layout{max-width:var(--page);margin:auto;padding:0 38px;display:grid;grid-template-columns:172px minmax(0,1fr);gap:55px}.reading-aside{align-self:start;position:sticky;top:101px;margin-top:58px;color:var(--secondary);font-size:13px}.aside-word{font:34px/1.4 var(--serif);color:var(--ink)}.reading-aside>p{margin:14px 0 23px;line-height:1.8}.reading-aside nav{display:flex;flex-direction:column;gap:4px;margin-bottom:25px}.reading-aside nav a{padding:6px 0;text-decoration:none}.reading-aside nav a:hover{color:var(--accent)}.reading-main{min-width:0}.content-section{padding:58px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.section-heading>span{font-size:12px;color:var(--secondary)}.definition-text{font-size:18px;line-height:2;max-width:790px}.section-intro{font-size:15px;color:var(--secondary);margin:-7px 0 25px;max-width:720px;line-height:1.85}
.video-frame{background:var(--faint);position:relative}.video-frame video{width:100%;height:auto;aspect-ratio:16/9;display:block;background:var(--faint)}.video-note{font-size:12px;color:var(--secondary);margin-top:11px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}.video-chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:20px}.video-chapters button{background:transparent;border-bottom:1px solid var(--line);padding:9px 2px;min-height:70px;font-size:13px;text-align:left}.video-chapters button .chapter-form{display:block;font:23px/1.5 var(--serif)}.video-chapters button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent)}.video-current{padding:20px 0 0;min-height:115px}.video-current h3{font:23px/1.5 var(--serif);margin-bottom:7px}.video-current p{font-size:14px;color:var(--secondary)}.video-error{padding:15px;background:var(--sage)}
.era-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.era-tabs button{padding:9px 17px;min-height:43px;background:transparent;border:1px solid var(--line);border-radius:var(--control-radius);font-size:14px}.era-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.meaning-picker{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}.meaning-picker button{padding:12px 20px;min-height:47px;border:1px solid var(--line);background:transparent;font:20px/1.5 var(--serif);border-radius:var(--control-radius)}.meaning-picker button small{font:12px/1.5 var(--sans);margin-left:12px}.meaning-picker button[aria-pressed=true]{background:var(--sage);border-color:#397970}.era-display{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;min-height:285px;padding:30px;background:var(--sage)}.era-small{font-size:12px;color:var(--secondary)}.era-form{font:clamp(32px,4vw,59px)/1.55 var(--serif);letter-spacing:-.025em;margin:13px 0;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}.era-description{font-size:14px;line-height:1.8;color:var(--secondary)}.era-document{border-left:1px solid var(--line);padding-left:26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.small-label{font-size:11px;letter-spacing:.04em;color:var(--secondary)}.era-document blockquote{font-size:20px;line-height:1.8}.translation{font-size:14px;color:var(--secondary);line-height:1.9}.era-document cite{font-size:12px;color:var(--secondary)}.era-document .text-link{margin-top:auto}.coexisting{font-size:12px;color:var(--secondary);margin-top:18px}.coexisting p{color:var(--ink);font-size:21px;line-height:1.9;margin-top:6px}.table-scroll{overflow-x:auto;padding-bottom:8px}.timeline{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.timeline th,.timeline td{padding:13px 4px;border-bottom:1px solid var(--line);text-align:center}.timeline th{font-weight:400;color:var(--secondary)}.timeline th:first-child{width:150px;text-align:left}.timeline tbody th{font:25px/1.5 var(--serif);color:var(--ink);padding-right:8px}.record-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--accent);margin:auto}.timeline .blank{color:#727e70;font-size:12px}.timeline-caption{font-size:12px;color:var(--secondary);margin-top:12px}.subtle-details{margin-top:24px}.subtle-details summary,.source-details summary{display:flex;gap:12px;align-items:center;list-style:none;font-size:15px;min-height:48px}.subtle-details summary::-webkit-details-marker,.source-details summary::-webkit-details-marker{display:none}.subtle-details summary span{font-size:12px;color:var(--secondary)}.subtle-details summary svg,.source-details summary svg{margin-left:auto;transition:transform .2s var(--ease)}details[open]>summary svg{transform:rotate(180deg)}.other-forms{font-size:22px;line-height:2.1;padding:18px 0;overflow-wrap:anywhere}.prose{font-size:18px;line-height:2.1;max-width:790px}.prose .source-sentence{display:block;margin-bottom:13px}.prose .raw-divider{font-size:0;display:block;height:1px;background:var(--line);margin:22px 0}.editorial-takeaway{font:22px/1.8 var(--serif);padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--line)}.editorial-takeaway small{display:block;font:12px/1.7 var(--sans);color:var(--secondary);margin-top:6px}
.document-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;background:var(--faint);border-radius:5px}.document-filters label{display:flex;gap:8px;align-items:center;font-size:13px}.document-filters label>span{white-space:nowrap}.search-field{flex:1 1 260px;background:var(--white);padding-left:12px;border:1px solid var(--control-line);border-radius:var(--control-radius)}.search-field input{min-width:0;width:100%;height:44px;padding:8px 10px;border:0;background:transparent;font-size:16px}.search-field input::placeholder{color:#526f65}.document-filters select{min-height:44px;padding:6px 25px 6px 10px;border:1px solid var(--control-line);border-radius:var(--control-radius);background:var(--white);font-size:14px}.quiet-button{background:transparent;font-size:13px;padding:10px;min-height:44px}.records-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin:24px 0 14px;font-size:13px;color:var(--secondary)}.text-button{background:transparent;padding:8px;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.no-results{background:var(--sage);padding:22px}.meaning-heading{font:25px/1.6 var(--serif);margin:28px 0 14px;display:flex;align-items:baseline;gap:12px}.meaning-heading small{font:12px/1.6 var(--sans);color:var(--secondary)}.records-group{border-top:1px solid var(--line)}.records-group:last-of-type{border-bottom:1px solid var(--line)}.records-group>summary{list-style:none;display:grid;grid-template-columns:82px minmax(0,1fr) auto 20px;gap:13px;align-items:center;padding:19px 0;min-height:75px}.records-group>summary::-webkit-details-marker{display:none}.records-group>summary>strong{font:22px/1.4 var(--serif);font-weight:400}.summary-forms{font:20px/1.8 var(--serif);color:var(--secondary);overflow-wrap:anywhere}.count-label{font-size:12px;color:var(--secondary);white-space:nowrap}.records-group>summary .icon{transition:transform .2s var(--ease)}.records-group[open]>summary{padding-bottom:18px}.records-list{padding:0 0 13px}.record{padding:26px 26px 30px;margin:0 0 15px;background:var(--white);scroll-margin-top:86px;border-radius:5px}.record:target{outline:2px solid var(--accent);outline-offset:3px}.record-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:14px}.record-heading cite{font-size:13px;color:var(--accent)}.record-heading .record-no{font-size:11px;color:var(--secondary)}.record blockquote{font-size:23px;line-height:1.9;white-space:pre-wrap}.record .record-translation{padding-top:15px;margin-top:16px;border-top:1px solid var(--line);font-size:16px;line-height:1.9}.record .field-label{display:block;font:11px/1.6 var(--sans);color:var(--secondary);margin-bottom:5px}.original-text{font-family:var(--serif);font-size:18px;line-height:1.9;white-space:pre-wrap;margin-top:16px}.record .missing{font-size:12px;color:var(--secondary);margin-top:14px}.glyph-note{font-size:12px;color:var(--accent);margin-top:10px}.fine-print{font-size:12px;color:var(--secondary);line-height:1.9;margin-top:22px}.related-line{display:flex;gap:20px;align-items:baseline;padding-top:24px;margin-top:22px;border-top:1px solid var(--line);font-size:14px}.related-line .old-text{font-size:26px}.references-list{list-style:none;padding:0;margin:0}.references-list li{display:flex;flex-wrap:wrap;gap:6px 12px;padding:18px 0;border-bottom:1px solid var(--line);font-size:16px}.references-list li .reference-title{font-family:var(--serif);font-size:21px}.references-list li .reference-meta{color:var(--secondary);font-size:14px}.resources{background:var(--sage);margin:35px 0 0;padding:28px 30px;border:0;border-radius:5px}.resources h2{font-size:27px}.resources p{font-size:14px;color:var(--secondary);max-width:640px;margin-top:9px}.resource-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.resource-actions .outline-button{border-color:var(--control-line)}.source-details{margin-top:25px;border-top:1px solid var(--line);padding-top:8px}.source-details dl{display:grid;grid-template-columns:110px minmax(0,1fr);font-size:13px;gap:8px 18px;margin-top:12px}.source-details dt{color:var(--secondary)}.source-details dd{margin:0;overflow-wrap:anywhere}.source-details .raw-value{white-space:pre-wrap}.raw-source-label{font-size:12px;color:var(--secondary)}
.next-words{max-width:var(--page);margin:70px auto 0;padding:45px 68px;background:var(--faint);display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:start}.next-words h2{font-size:28px;max-width:180px}.next-word{text-decoration:none;display:block;border-top:1px solid var(--line);padding-top:20px}.next-word strong{font:35px/1.6 var(--serif);font-weight:400}.next-word small{display:block;color:var(--secondary);font-size:13px}.next-word svg{float:right;margin-top:18px}.home-main{max-width:var(--page);padding:75px 40px;margin:auto}.home-main>h1{font:clamp(42px,6vw,70px)/1.4 var(--serif);letter-spacing:-.025em}.home-intro{max-width:680px;font-size:18px;color:var(--secondary);margin:20px 0 46px}.sample-row{display:grid;grid-template-columns:170px minmax(0,1fr) 28px;gap:35px;align-items:center;border-top:1px solid var(--line);padding:34px 0;text-decoration:none}.sample-row h2{font-size:42px}.sample-row p{font-size:16px;color:var(--secondary)}.sample-row small{color:var(--accent);display:block;font-size:13px;margin-bottom:7px}
@media(min-width:900px){.hero-art img{transition:transform 1.2s var(--ease)}.hero-art:hover img{transform:translateY(-8px) rotate(-3deg)}}
@media(max-width:1000px){.hero{padding:48px 38px;gap:30px}.reading-layout{grid-template-columns:1fr;padding:0 38px;max-width:850px}.reading-aside{display:none}.hero .hero-lead{font-size:24px}.hero-type .old-display{font-size:49px}.era-form{font-size:50px}}
@media(max-width:680px){html{scroll-padding-top:74px}.word-nav{gap:3px}.word-nav a{padding:9px 12px;font-size:14px}.hero{padding:35px 24px 39px;grid-template-columns:1fr;gap:32px;min-height:0}.hero h1{font-size:69px;margin-bottom:18px}.hero .hero-lead{font-size:24px;max-width:100%}.hero .hero-sub{font-size:14px;max-width:100%}.hero-art{max-width:300px}.hero-art img{width:280px;margin:auto}.hero-art .floating-form{font-size:29px;left:0;top:10px}.hero-art .floating-form.bottom{right:0;bottom:30px}.hero-art figcaption{margin-top:-18px}.hero-type .old-display{font-size:52px}.hero-type{padding:22px 0}.mind-sheet{max-width:460px;width:94%;justify-self:center;padding:26px}.mind-sheet .old-display{font-size:64px}.section-nav{gap:20px;padding:0 17px;justify-content:flex-start;flex-wrap:wrap;min-height:56px}.section-nav a{padding:14px 0;font-size:13px}.reading-layout{padding:0 22px}.content-section{padding:40px 0}.section-heading{gap:8px;margin-bottom:20px}.section-heading h2{font-size:27px}.section-heading>span{font-size:11px}.definition-text{font-size:17px;line-height:1.95}.era-display{grid-template-columns:1fr;padding:24px;gap:20px}.era-document{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.era-form{font-size:53px;margin:5px 0 11px}.era-document blockquote{font-size:22px}.coexisting p{font-size:20px}.timeline th:first-child{width:110px}.timeline tbody th{font-size:22px}.timeline th{font-size:12px}.timeline td,.timeline th{padding:12px 2px}.record-dot{width:8px;height:8px}.prose{font-size:17px;line-height:2}.records-group>summary{grid-template-columns:70px minmax(0,1fr) 16px;gap:9px}.records-group>summary .count-label{grid-column:2;grid-row:2}.records-group>summary .icon{grid-column:3;grid-row:1}.records-group>summary>strong{font-size:20px;align-self:start;padding-top:3px}.summary-forms{font-size:19px}.record{padding:22px 19px}.record blockquote{font-size:21px}.record .record-translation{font-size:15px}.document-filters{padding:13px;gap:8px}.document-filters .search-field{flex-basis:100%}.video-chapters{grid-template-columns:repeat(3,1fr);gap:6px 16px}.video-chapters button{min-height:64px}.video-current h3{font-size:22px}.resources{padding:25px 22px}.source-details dl{grid-template-columns:85px minmax(0,1fr);gap:8px}.next-words{margin-top:48px;padding:32px 24px;grid-template-columns:1fr 1fr;gap:25px}.next-words h2{grid-column:1/-1;max-width:none;font-size:26px}.next-word strong{font-size:31px}.site-footer{padding:30px 24px;gap:12px 20px}.site-footer p{flex-basis:100%;order:3}.site-footer span{flex-basis:100%;order:4}.home-main{padding:42px 24px}.sample-row{grid-template-columns:110px minmax(0,1fr) 20px;gap:15px}.sample-row h2{font-size:32px}.sample-row p{font-size:14px}}
@media(max-width:400px){.word-nav{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:5px}.word-nav a{flex:1;text-align:center}.hero h1{font-size:59px}.hero .hero-lead{font-size:23px}.section-nav{gap:15px;position:static}.section-nav a{padding:10px 0}.hero-type .old-display{font-size:45px}.hero-actions{gap:12px}.reading-layout{padding:0 18px}.era-display{padding:20px}.era-form{font-size:45px}.era-tabs button{padding:9px 12px}.timeline th:first-child{width:104px}.timeline th{font-size:11px}.timeline tbody th{font-size:21px}.document-filters label>span{font-size:12px}.resource-actions{flex-direction:column}.resource-actions a,.resource-actions button{width:100%}.sample-row{grid-template-columns:1fr 24px}.sample-row>div{grid-column:1}.sample-row>svg{grid-column:2;grid-row:1/3}.next-words{grid-template-columns:1fr}.next-words h2{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}}
@media print{@page{margin:18mm}body{background:white;color:#111;font-size:11pt}.site-header,.section-nav,.reading-aside,.hero-actions,.video-frame,.video-chapters,.video-current,.era-tabs,.meaning-picker,.document-filters,.records-toolbar,.next-words,.resource-actions,.site-footer,.js-only{display:none!important}html.enhanced .js-only{display:none!important}.hero{padding:15px 0;min-height:0;display:block}.hero-art,.hero-type,.mind-sheet{display:none}.hero h1{font-size:42pt}.hero .hero-lead{font-size:20pt}.reading-layout{display:block;padding:0}.content-section{padding:20px 0;break-inside:auto}.record{break-inside:avoid;padding:12px 0;background:transparent}.record blockquote{font-size:14pt}.prose,.definition-text{font-size:11pt}details>summary{display:block!important}.resources{background:transparent;padding:20px 0}.era-display{background:transparent}.timeline{width:100%}.site-header a[href]::after{content:none}}

.hero.image-unavailable{grid-template-columns:1fr}.related-word{font-size:27px}

.group-full-forms{padding:4px 0 23px;font-size:19px;line-height:1.9}.group-full-forms .field-label{display:block;font:12px/1.6 var(--sans);color:var(--secondary);margin-bottom:9px}

.encoded-glyph{font-size:0}.encoded-glyph::after{content:attr(data-codepoint);font:12px/1.8 var(--sans);color:var(--accent);padding:2px 3px;background:var(--faint)}.hero-art .floating-form{top:-10px;left:0;font-size:31px}.hero-art .floating-form.bottom{bottom:12px;right:0}.hero-art figcaption{margin-top:10px}@media(max-width:680px){.hero-art .floating-form{top:-8px;font-size:26px}.hero-art .floating-form.bottom{bottom:25px}.hero-art figcaption{margin-top:5px}}

.old-text,blockquote,.hero-type .old-display,.mind-sheet .old-display,.era-form,.hero-art .floating-form,.video-chapters button .chapter-form,.summary-forms,.timeline tbody th{font-family:var(--sans)}
@media(max-width:680px){.meaning-heading{flex-direction:column;align-items:flex-start;gap:4px}}
.part-of-speech{font-size:14px;color:var(--secondary);margin:-5px 0 14px}.definition-sources{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:24px;font-size:13px}.definition-sources a{display:inline-flex;gap:6px;align-items:center;min-height:36px}.definition-sources>span{color:var(--secondary);font-size:12px}.appearance-order{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding:0 0 22px;font-size:13px;color:var(--secondary)}.appearance-order .old-text{font-size:26px;color:var(--ink)}.timeline .present-cell{background:var(--sage)}.timeline-with-present th:first-child{width:130px}.official-provenance{padding-top:14px;border-top:1px solid var(--line)}@media(max-width:680px){.definition-sources{align-items:flex-start;flex-direction:column;gap:8px}.appearance-order{gap:8px 15px}.appearance-order .old-text{font-size:24px}.timeline-with-present th:first-child{width:100px}}@media(max-width:400px){.timeline-with-present th:first-child{width:90px}.timeline-with-present thead th{padding-inline:1px;white-space:nowrap}}

/* A century, its forms and its documents share one reading space. */
.journey-section{padding-bottom:45px}
.era-tabs{gap:0;border-bottom:1px solid var(--line);margin-bottom:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.era-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:13px 7px 11px;text-align:center;min-height:76px}
.era-tabs button small{display:block;font-size:11px;margin-top:3px}
.era-tabs button[aria-pressed=true]{background:var(--sage);color:var(--ink);border-bottom-color:var(--accent)}
.era-tabs button:hover{background:var(--sage)}
.era-reading{padding:28px 30px 22px;background:var(--sage)}
.selection-scope{font-size:13px;color:var(--accent);margin-bottom:15px}
.era-reading h3{font-size:14px;line-height:1.6;color:var(--secondary)}
.era-forms{display:flex;gap:8px 27px;flex-wrap:wrap;font-size:clamp(30px,3.5vw,44px);line-height:1.7;margin:9px 0 18px}
.era-forms>span{display:block;overflow-wrap:anywhere;max-width:100%}
.era-forms.many-forms{font-size:25px;gap:4px 24px}
.era-reading .era-description{font-size:17px;color:var(--ink);max-width:700px;line-height:1.9}
.scope-note{font-size:12px;line-height:1.9;color:var(--secondary);margin:13px 0 5px;max-width:690px}
.film-reader{margin-top:28px;padding:24px 0;border-block:1px solid var(--line);scroll-margin-top:92px}
.film-reader h3,.documents-section h3:not(.meaning-heading){font:25px/1.5 var(--serif)}
.film-reader .section-heading{margin-bottom:12px}
.film-guidance{font-size:14px;color:var(--secondary);margin-bottom:20px;max-width:680px}
.playback-tools{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}
.playback-tools label{display:flex;align-items:center;gap:7px;font-size:13px}
.playback-tools select{min-height:44px;background:var(--white);border:1px solid var(--control-line);border-radius:var(--control-radius);padding:4px 8px}
.playback-tools [data-play-era]{background:var(--ink);color:var(--white);padding-inline:15px;border-radius:var(--control-radius);text-decoration:none}
.playback-tools [aria-pressed=true]{background:var(--sage)}
.playback-status{font-size:12px;color:var(--secondary);margin:10px 0}
.video-frame:not([hidden]){margin-bottom:16px}
.film-evidence{padding:22px 25px;background:var(--white);margin:22px 0 12px;border-left:2px solid var(--accent)}
.film-evidence .field-label{font-size:12px;color:var(--secondary)}
.film-evidence h4{font-size:16px;font-weight:400;line-height:1.6;margin:9px 0 15px}
.film-evidence blockquote{font:21px/1.9 var(--sans)}
.film-evidence cite{display:block;font-size:12px;color:var(--accent);margin:12px 0 3px}
.film-reading-guide{margin-top:10px}
.film-reading-guide summary{list-style:none;display:flex;align-items:center;gap:18px;font-size:14px;min-height:44px}
.film-reading-guide summary::-webkit-details-marker{display:none}
.film-reading-guide dl{display:grid;grid-template-columns:145px minmax(0,1fr);gap:15px 25px;font-size:14px;line-height:1.9;margin:15px 0 10px}
.film-reading-guide dt{color:var(--accent)}
.film-reading-guide dd{margin:0;color:var(--secondary)}
.film-reading-guide>a{margin-right:20px;font-size:13px}
.documents-section{padding-top:36px;scroll-margin-top:90px}
.documents-section>.section-heading{margin-bottom:19px}
.record-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px 24px;border-top:1px solid var(--line);padding-top:12px;margin-top:20px}
.record-actions a{font-size:12px}
.record-actions a:last-child{margin-left:auto;color:var(--secondary)}
.timeline tbody th small{display:block;font:10px/1.6 var(--sans);color:var(--secondary)}
.timeline-point{display:grid;place-items:center;min-height:44px;text-decoration:none}
.timeline-point:hover{background:var(--sage)}
.timeline td{padding:3px 1px}
.timeline .selected-century{background:#edf4f188}
.timeline-message:empty{display:none}
.timeline-message{padding:15px 0;margin-top:12px;font-size:14px;color:var(--accent);border-top:1px solid var(--line)}
@media(max-width:680px){
  .era-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .era-tabs button{min-height:64px;padding:9px 4px}
  .era-reading{padding:23px 22px}
  .era-forms{gap:4px 21px;font-size:34px}
  .era-forms.many-forms{font-size:24px;gap:6px 20px}
  .era-reading .era-description{font-size:16px}
  .film-reader{margin-top:23px;padding:21px 0}
  .film-evidence{padding:20px 18px}
  .film-reading-guide dl{grid-template-columns:1fr;gap:5px}
  .film-reading-guide dd{margin-bottom:12px}
  .record-actions{gap:4px 16px}
  .record-actions a:last-child{margin-left:0}
  .selection-scope{font-size:12px}
}
@media(max-width:400px){
  .era-reading{padding:21px 17px}
  .era-forms{font-size:31px;gap:5px 17px}
  .era-forms.many-forms{font-size:22px;gap:5px 18px}
  .document-filters select{max-width:175px}
  .playback-tools{gap:5px 12px}
}
@media print{.era-reading,.film-reader{display:none}.record-actions{display:none}.documents-section{padding-top:16px}.timeline td.selected-century{background:transparent}}
/* Programmatic return links focus the destination heading, without outlining a long section. */
.journey-section:focus-visible,.documents-section:focus-visible,.film-reader:focus-visible{outline:none}
.journey-section:focus-visible>.section-heading h2,.documents-section:focus-visible>.section-heading h3,.film-reader:focus-visible>.section-heading h3{outline:2px solid var(--accent);outline-offset:6px}
.era-tabs button{scroll-margin-block:120px}

/* The three illustrated reading pages retain the established paper-and-ink identity. */
.brand-seal{font-size:16px;width:38px}
.video-detail-page .hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.video-detail-page .hero h1{font-size:clamp(42px,6.2vw,78px);overflow-wrap:anywhere}
.video-detail-page .hero-art img{max-height:380px;width:100%;object-fit:contain}
.video-detail-page .hero-art{background:transparent}
.film-evidence{border-left-width:1px}
.raw-headword{white-space:nowrap}
@media(max-width:680px){.video-detail-page .hero{grid-template-columns:1fr}.video-detail-page .hero-art img{max-height:270px}.video-detail-page .hero h1{font-size:clamp(40px,10vw,62px)}}

/* Century colors match the finished films; selection adds shape, never a new hue. */
.timeline [data-timeline-century]{background:var(--era-wash);border-inline:2px solid var(--paper)}
.timeline thead [data-timeline-century]{background:var(--era-head);border-top:5px solid var(--era-color);color:var(--ink);font-weight:600}
.timeline [data-timeline-century] .record-dot{position:relative;width:12px;height:12px;background:var(--era-color);border:1px solid color-mix(in srgb,var(--era-color) 65%,var(--ink))}
.timeline .selected-century{background:var(--era-wash);box-shadow:inset 2px 0 var(--era-color),inset -2px 0 var(--era-color)}
.timeline thead .selected-century{background:var(--era-head)}
.timeline tbody tr:last-child .selected-century{border-bottom:2px solid var(--era-color)}
.timeline .selected-century .record-dot::after{content:"";position:absolute;inset:3px;background:white;border-radius:50%}
.timeline-point:hover{background:var(--era-head)}
.timeline-point:focus-visible{outline-color:var(--ink);outline-offset:-3px}
.timeline-color-guide{font-size:13px;color:var(--ink);margin-top:17px}
.era-tabs [data-era]{border-top:4px solid var(--era-color);background:var(--era-wash)}
.era-tabs [data-era]:hover,.era-tabs [data-era][aria-pressed=true]{background:var(--era-head);color:var(--ink)}
.era-tabs [data-era][aria-pressed=true]{border-bottom-color:var(--ink)}
@media(max-width:680px){.timeline [data-timeline-century]{border-inline-width:1px}.timeline [data-timeline-century] .record-dot{width:10px;height:10px}.timeline .selected-century .record-dot::after{inset:2px}}
@media print{.timeline [data-timeline-century]{print-color-adjust:exact;-webkit-print-color-adjust:exact}.timeline .selected-century{box-shadow:none}.timeline .selected-century .record-dot::after{display:none}.timeline tbody tr:last-child .selected-century{border-bottom:1px solid var(--line)}.timeline-color-guide{display:none}}

/* Reading refinement: clear type roles, intact historical forms, optional media. */

.section-intro,.film-guidance{font-size:1rem;line-height:1.85}
.section-heading>span,.hero-meta,.hero-art figcaption,
.hero .hero-sub{font-size:1rem;line-height:1.85}
.hero-actions .text-link{font-size:var(--type-control)}
.hero-actions .text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px}
.definition-text,.prose{font-size:1.125rem;line-height:1.95;max-width:var(--reading-measure)}
.era-tabs button small{font-size:var(--type-note)}
.era-reading{background:var(--era-wash,var(--faint));padding:26px 28px}
.selection-scope{font-size:var(--type-note);color:var(--ink);margin-bottom:12px}
.era-reading h3{font-size:var(--type-note)}
.era-forms{line-height:1.65;gap:8px 24px}
.era-forms>span{overflow-wrap:normal;word-break:keep-all}
.scope-note{font-size:var(--type-note);line-height:1.85;margin:16px 0}
.era-reading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;margin-top:18px}
.era-reading-actions .text-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:var(--type-control)}
.film-reader{padding-block:24px;margin-top:24px}
.film-guidance{margin-bottom:16px}
.film-preview{display:grid;grid-template-columns:minmax(130px,200px) minmax(0,1fr);align-items:center;gap:20px;padding:16px;background:var(--white);border:1px solid var(--line)}
.film-preview img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff}
.film-preview p{font-size:var(--type-control);margin-bottom:8px}
.film-preview small{display:block;font-size:var(--type-note);color:var(--secondary);margin-top:8px}
.playback-tools label,.playback-tools .text-button,.film-reading-guide summary{font-size:var(--type-control)}
.playback-status,.film-evidence .field-label,.film-evidence cite{font-size:var(--type-note);line-height:1.8}
.playback-status{margin:12px 0}
.film-reading-guide summary{min-height:48px}
.document-filters{align-items:flex-end;padding:18px;gap:14px}
.document-filters .search-field{display:flex;align-items:stretch;flex-direction:column;gap:6px;border:0;padding:0;background:none}
.document-filters .search-label{font-size:var(--type-note)}
.search-input{display:flex;align-items:center;gap:4px;border:1px solid var(--control-line);border-radius:var(--control-radius);padding-left:12px;background:var(--white)}
.document-filters .search-field:focus-within{outline:0}
.search-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.document-filters label:not(.search-field){align-items:flex-start;flex-direction:column;gap:6px;font-size:var(--type-note)}
.document-filters select,.quiet-button,.text-button{font-size:var(--type-control)}
.document-filters .quiet-button{min-height:44px}
.records-toolbar{flex-wrap:wrap;gap:8px 20px}
.records-toolbar p,.count-label{font-size:var(--type-note)}
.group-full-forms{padding:0 0 16px;font-size:1rem}
.group-full-forms summary{display:flex;gap:12px;align-items:center;list-style:none;min-height:44px;font-size:var(--type-note);color:var(--secondary)}
.group-full-forms summary::-webkit-details-marker{display:none}
.group-full-forms p{padding:10px 0;font-size:1.125rem;line-height:1.9}
.record{padding:26px 28px;border-radius:0;background:var(--white)}
.record-heading cite{font-size:var(--type-control);line-height:1.8}
.record-heading .record-no{font-size:var(--type-note)}
.record blockquote{font-size:1.4375rem;line-height:1.9}
.record .field-label,.record .missing,.fine-print,.glyph-note{font-size:var(--type-note);line-height:1.85}
.record .record-translation{font-size:var(--type-body);line-height:1.9}
.record-actions{gap:4px 24px;padding-top:8px}
.record-actions a{display:inline-flex;align-items:center;gap:8px;font-size:var(--type-note);min-height:44px}
.timeline th:first-child{width:245px}
.timeline tbody th{font-size:1.5rem;line-height:1.7}
.timeline-form{display:block;word-break:keep-all;overflow-wrap:normal}
.timeline tbody th small{font-size:var(--type-note);line-height:1.75}
.timeline thead th{font-size:1rem}
.timeline [data-timeline-century] .record-dot{width:14px;height:14px;border-color:var(--ink)}
.timeline .selected-century .record-dot::after{inset:4px}
.mobile-century{display:none}
.timeline-key{margin:0 0 20px;font-size:var(--type-note);line-height:1.9}
.timeline-key p:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.legend-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--ink)}
.legend-dash{margin-left:12px}
.timeline-color-guide,.timeline-caption,.timeline-reading-note p{font-size:var(--type-note);line-height:1.85}
.timeline-reading-note p{max-width:var(--reading-measure);padding:12px 0}
.subtle-details summary,.source-details summary{font-size:var(--type-control)}
.timeline .blank{color:var(--secondary)}
@media(max-width:1000px) and (min-width:681px){.timeline th:first-child{width:210px}}
@media(max-width:680px){
 .section-heading{align-items:flex-start;flex-direction:column;gap:5px}
 .hero-meta{line-height:1.85;gap:5px 12px}
 .definition-text,.prose{font-size:var(--type-body)}
 .era-reading{padding:22px 20px}
 .era-forms{font-size:1.75rem;line-height:1.75;gap:6px 20px}
 .era-forms.many-forms{font-size:1.5rem}
 .era-reading-actions{gap:8px 14px}
 .film-preview{grid-template-columns:1fr;gap:12px;padding:15px}
 .film-preview img{width:148px;justify-self:start}
 .film-preview p{display:none}
 .film-preview .solid-button{width:100%;justify-content:center}
 .film-preview small{font-size:.8125rem}
 .film-preview>div{min-width:0}
 .record{padding:22px 18px}
 .record blockquote{font-size:1.3125rem}
 .record-actions{gap:4px 16px}
 .table-scroll{overflow:visible;padding-bottom:0}
 .timeline,.timeline tbody{display:block}
 .timeline thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .timeline tbody tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:22px}
 .timeline tbody th:first-child{grid-column:1/-1;display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 14px;width:auto;padding:0 0 9px;border:0;font-size:1.4375rem;line-height:1.7}
 .timeline-form{display:block;max-width:100%;white-space:nowrap}
 .timeline tbody th small{font-size:.8125rem;white-space:nowrap}
 .timeline td[data-timeline-century]{padding:0;border-top:3px solid var(--era-color);border-bottom:1px solid var(--line)}
 .mobile-century{display:block;font:13px/1.6 var(--sans);color:var(--ink);padding-top:7px;white-space:nowrap}
 .timeline td .blank{display:grid;place-items:center;height:44px;font-size:14px}
 .timeline-point{height:44px}
 .timeline-key{font-size:var(--type-note)}
 .timeline .selected-century{box-shadow:inset 2px 0 var(--era-color),inset -2px 0 var(--era-color)}
 .timeline [data-timeline-century] .record-dot{width:12px;height:12px}
 .timeline .selected-century .record-dot::after{inset:3px}
}
@media(max-width:350px){.hero-actions{align-items:stretch}.hero-actions .solid-button{width:100%}.timeline tbody th:first-child{font-size:1.3125rem}}
@media print{.film-preview,.era-reading-actions,.timeline-key,.mobile-century{display:none}.timeline,.timeline tbody{display:table-row-group}.timeline{display:table}.timeline thead{display:table-header-group;position:static;clip:auto;width:auto;height:auto;overflow:visible}.timeline tbody tr{display:table-row}.timeline tbody th:first-child{display:table-cell;width:180px}.timeline-form{white-space:normal}.record-actions{display:none}.definition-text,.prose{font-size:11pt}.record blockquote{font-size:14pt}}
@media(min-width:681px){.era-tabs{grid-template-columns:repeat(var(--era-count,6),minmax(0,1fr))}}

/* Text-led entries use real writing as the exhibit, with no media placeholder. */
.text-hero{display:block;min-height:0;padding-top:52px;padding-bottom:44px}
.text-hero>div:first-child{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:56px}
.text-hero h1{grid-column:1;grid-row:1/3;font-size:clamp(58px,7vw,88px)}
.text-hero .hero-lead{grid-column:2;max-width:none}
.text-hero .hero-sub{grid-column:2;max-width:560px;font-size:17px}
.text-hero .hero-meta,.text-hero .hero-actions{grid-column:1/-1}
.word-exhibit{display:flex;align-items:center;gap:36px;margin-top:38px;padding:25px 0 12px;border-top:5px solid var(--era-color);min-width:0}
.exhibit-label{display:block;font:14px/1.6 var(--sans);color:var(--secondary)}
.exhibit-form{font:clamp(38px,5vw,64px)/1.65 var(--sans);margin:8px 0 0;overflow-wrap:anywhere}
.exhibit-bridge{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--secondary)}
.exhibit-current{font:clamp(30px,4vw,48px)/1.5 var(--serif);margin-left:auto;white-space:nowrap}
.text-detail-page .next-words{grid-template-columns:repeat(3,minmax(0,1fr))}
.text-detail-page .next-words>h2{grid-column:1/-1;max-width:none}
.word-nav{flex-wrap:wrap}
.word-nav a{white-space:nowrap}
.record-availability{border-left:1px solid var(--line);padding:5px 0 5px 28px;max-width:680px}
.record-availability h3{font:30px/1.6 var(--serif);margin-bottom:16px}
.record-availability p{font-size:18px;line-height:1.9;margin-bottom:16px}
.summary-point{cursor:default}
[data-era="미상"],[data-reading-century="미상"]{--era-color:#888477;--era-wash:var(--faint);--era-head:var(--line)}
.meaning-picker{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
.meaning-picker button{text-align:left;line-height:1.7}
.meaning-picker button small{display:block;margin:4px 0 0;font-size:14px}
.meaning-picker button[aria-pressed=true]{box-shadow:inset 0 -3px var(--ink)}
.sample-collection{margin-top:56px}
.sample-collection>h2{font:30px/1.6 var(--serif)}
.sample-collection>p{font-size:17px;color:var(--secondary);margin:12px 0 28px;max-width:650px}
.sample-row h3{font:42px/1.5 var(--serif)}
.sample-row:hover h3{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
@media(max-width:1000px){.text-hero>div:first-child{column-gap:30px}.word-nav{gap:2px}.word-nav a{padding-inline:10px}}
@media(max-width:680px){
 .text-hero>div:first-child{display:block}
 .text-hero h1{font-size:clamp(52px,12vw,70px)}
 .text-hero .hero-sub{font-size:16px}
 .word-nav{width:100%;gap:2px;justify-content:flex-start}
 .word-nav a{flex:0 0 auto;padding:9px 10px;font-size:14px}
 .word-exhibit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:28px;padding-top:20px}
 .word-exhibit>div{grid-column:1/-1}
 .exhibit-form{font-size:clamp(38px,9vw,54px);margin:3px 0}
 .exhibit-bridge{grid-column:1;font-size:14px}
 .exhibit-current{font-size:32px}
 .text-detail-page .next-words{grid-template-columns:1fr}
 .meaning-picker{grid-template-columns:1fr;gap:8px}
 .meaning-picker button{padding:13px 16px;font-size:18px}
 .record-availability{padding-left:18px}
 .record-availability h3{font-size:25px}
 .record-availability p{font-size:17px}
 .sample-row h3{font-size:30px}
 .sample-row{grid-template-columns:1fr 24px}
 .sample-row>div{grid-column:1}
 .sample-row>svg{grid-column:2;grid-row:1/3}
}
@media print{.text-hero>div:first-child{display:block}.text-hero .hero-actions{display:none}.word-exhibit{break-inside:avoid}.record-availability{border-color:#777}}
.era-more-forms{flex-basis:100%;min-width:0;margin-top:8px}
.era-more-forms summary{font:15px/1.7 var(--sans);min-height:44px;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.era-more-forms>div{display:flex;flex-wrap:wrap;gap:6px 20px;padding-top:10px}

/* Semantic separators: a shared SVG vocabulary, explicit labels, and reading order. */
.section-heading h2,.section-heading h3,.resources h2{display:flex;align-items:baseline;gap:12px;min-width:0}
.section-heading h2>.icon,.section-heading h3>.icon,.resources h2>.icon{width:25px;height:25px;align-self:flex-start;margin-top:7px;color:var(--secondary)}
.section-nav a,.reading-aside nav a{display:inline-flex;align-items:center;gap:7px}
.reading-aside nav a{display:flex}
.section-nav a .icon{width:17px;height:17px}
.reading-guide{margin:22px 0 26px;padding:16px 0;border-block:1px solid var(--line)}
.reading-guide>p{display:flex;gap:8px;align-items:center;font-size:15px;color:var(--secondary)}
.editorial-emoji{font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:19px;line-height:1}
.reading-guide ol{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;margin:8px 0 0;padding:0}
.reading-guide li{display:flex;align-items:center}
.reading-guide a{display:flex;gap:9px;align-items:center;text-decoration:none;min-height:44px;font-size:16px}
.reading-guide a:hover{text-decoration:underline}
.step-number{display:grid;place-items:center;border:1px solid var(--secondary);border-radius:50%;width:25px;height:25px;font-size:13px;font-variant-numeric:tabular-nums;flex:none}
.choice-heading{display:flex;align-items:center;gap:8px;font:18px/1.6 var(--sans);margin:20px 0 12px;scroll-margin-top:120px}
.meaning-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.meaning-picker button{position:relative;border:1px solid var(--control-line);padding:16px 18px;background:var(--white);box-shadow:none}
.meaning-option-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font:14px/1.7 var(--sans);margin-bottom:8px;color:var(--secondary)}
.meaning-selected{visibility:hidden;display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--ink)}
.meaning-selected .icon{width:16px;height:16px}
.meaning-picker button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:-2px;background:var(--sage);box-shadow:none}
.meaning-picker button[aria-pressed=true] .meaning-selected{visibility:visible}
.meaning-picker button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.meaning-option-name{display:block;font:21px/1.65 var(--serif)}
.meaning-picker button small{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:14px;color:var(--secondary)}
.meaning-picker button small .icon{width:16px;height:16px}
.reading-bullets{list-style:disc;padding-left:21px;margin:14px 0;line-height:1.9}
.reading-bullets li+li{margin-top:7px}
.reading-bullets li::marker{color:var(--secondary);font-size:.8em}
.timeline-reading-note .reading-bullets{font-size:15px;max-width:var(--reading-measure)}
.record-heading{padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:18px}
.record-source{display:flex;align-items:flex-start;gap:8px;min-width:0}
.record-source>.icon{margin-top:3px;width:17px;height:17px;color:var(--secondary)}
.record-no{white-space:nowrap;font-variant-numeric:tabular-nums}
.record .field-label{display:flex;align-items:center;gap:7px;color:var(--secondary);margin-bottom:9px}
.record .field-label .icon{width:18px;height:18px}
.record-quotation{margin-bottom:18px}
.record .record-translation{padding:16px 18px;background:var(--faint);border:0;margin:0 0 14px}
.record .original-text{padding-top:14px;border-top:1px dashed var(--line)}
.record .missing{display:flex;align-items:flex-start;gap:7px;color:var(--secondary)}
.record .missing .icon{margin-top:4px;width:16px;height:16px}
.editorial-takeaway{padding:20px 22px;background:var(--faint);border:0;margin-bottom:25px}
.takeaway-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font:16px/1.7 var(--sans);color:var(--ink)}
.editorial-takeaway .takeaway-label small{display:inline-block;margin:0 0 0 auto;font:14px/1.7 var(--sans);color:var(--secondary)}
.source-prose-label{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--secondary);margin:0 0 18px}
.availability-label{display:flex;gap:8px;align-items:center;font-size:15px!important;color:var(--secondary)}
@media(max-width:680px){
 .section-nav{gap:8px 16px}
 .section-nav a{font-size:14px}
 .section-nav a .icon{width:16px;height:16px}
 .meaning-picker{grid-template-columns:1fr;gap:12px}
 .meaning-option-name{font-size:20px}
 .reading-guide ol{gap:0 18px}
 .reading-guide a{font-size:14px;gap:6px}
 .step-number{width:22px;height:22px}
 .section-heading h2>.icon,.section-heading h3>.icon{width:23px;height:23px;margin-top:5px}
 .record-heading{flex-wrap:wrap;gap:8px 12px}
 .record-source{flex:1 1 190px}
 .record .record-translation{padding:14px}
 .editorial-takeaway{padding:18px}
}
@media print{.reading-guide,.choice-heading{display:none!important}.record .record-translation{background:transparent;border-block:1px solid #aaa}.editorial-takeaway{background:transparent;padding:12px 0;border-block:1px solid #aaa}}
.form-divider{display:inline-block;font:20px/1 var(--sans);color:var(--secondary);margin-right:14px;vertical-align:middle;font-style:normal}
.timeline-selection{display:flex;align-items:center;gap:7px;margin:0 0 14px;font-size:14px;line-height:1.8}
.point-action{font:13px/1 var(--sans);margin-left:3px;color:var(--ink)}
.timeline-point .record-dot{margin:0}
.timeline-point{gap:1px}
.timeline .summary-point .record-dot,.legend-summary{border-radius:1px;width:12px;height:12px;border:1px solid var(--ink)}
.legend-summary{display:inline-block;background:var(--ink)}
.timeline .summary-point:hover{background:none}
.availability-list{padding:0;list-style:none;margin:16px 0 20px;display:grid;gap:16px}
.availability-list li{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--line);font-size:16px}
.availability-list strong{font-weight:600}
.availability-list span{color:var(--secondary)}
@media(max-width:680px){.point-action{font-size:12px}.form-divider{margin-right:10px}}
.timeline-point{display:flex;align-items:center;justify-content:center;gap:2px}
.point-action{display:inline-flex}
.point-action>.icon{width:11px;height:11px;transform:rotate(-45deg)}
.source-label{font:14px/1.8 var(--sans);color:var(--secondary);white-space:nowrap}
.section-heading h2>span,.section-heading h3>span,.resources h2>span,.editorial-takeaway>p:not(.takeaway-label){word-break:keep-all;overflow-wrap:anywhere}

/* Reading-room polish: quieter dual chrome, clearer literature cards, softer era stage. */
.hero{padding-block:48px 42px}
.hero h1{letter-spacing:-.035em}
.hero .hero-lead{max-width:34em}
.reading-aside .aside-word{letter-spacing:-.02em}
.reading-aside nav a[aria-current=true],.reading-aside nav a[aria-current=page]{
 color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);padding-left:10px
}
.era-reading{
 border:1px solid color-mix(in srgb,var(--line) 70%,var(--ink) 8%);
 border-radius:0 0 6px 6px
}
.era-tabs button{transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.era-forms{letter-spacing:-.02em}
.document-filters{
 border:1px solid var(--line);border-radius:6px;
 background:color-mix(in srgb,var(--faint) 85%,var(--white))
}
.record{
 border:1px solid var(--line);
 box-shadow:0 10px 28px -24px color-mix(in srgb,var(--ink) 55%,transparent);
 transition:border-color .22s var(--ease),box-shadow .22s var(--ease)
}
.record:hover{
 border-color:color-mix(in srgb,var(--line) 40%,var(--accent) 35%);
 box-shadow:0 14px 32px -22px color-mix(in srgb,var(--ink) 50%,transparent)
}
.record blockquote{letter-spacing:-.01em}
.next-word{transition:border-color .2s var(--ease),transform .25s var(--ease)}
.next-word:hover{border-top-color:var(--accent);transform:translateY(-2px)}
.next-word:hover strong{color:var(--accent)}
.resources{
 border:1px solid var(--line);
 box-shadow:0 12px 30px -26px color-mix(in srgb,var(--ink) 40%,transparent)
}
@media(prefers-reduced-motion:reduce){
 .era-tabs button,.record,.next-word{transition:none}
 .next-word:hover{transform:none}
}

.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}
}

.pdf-resource{display:grid;grid-template-columns:160px minmax(0,1fr);gap:30px;align-items:center;padding-block:28px;margin-top:16px;border-block:1px solid var(--line)}.pdf-resource-preview{display:block;position:relative;padding:10px 10px 30px;background:#edf1e7;color:var(--ink);text-decoration:none;border:1px solid #d4decf;border-radius:3px}.pdf-resource-preview img{display:block;width:100%;height:auto;box-shadow:0 4px 12px #253e381a;background:#fff}.pdf-resource-preview>span{position:absolute;inset:auto 0 6px;text-align:center;font-size:11px;line-height:1.5;color:#40563f}.pdf-resource-content{min-width:0}.resources .pdf-resource-label{margin:0 0 7px;font-size:12px;color:#4d654a;letter-spacing:.06em}.pdf-resource-content h3{font:clamp(20px,2.1vw,26px)/1.55 var(--serif);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0}.resources .pdf-resource-meta{font-size:12px;margin-top:12px;color:#52624b}.pdf-resource-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:18px}.pdf-resource-actions a{min-height:44px;display:inline-flex;align-items:center}.pdf-resource-actions .text-link{font-size:13px}.pdf-resource a:focus-visible{outline:3px solid #365d40;outline-offset:5px}.resources>.resource-actions{padding-top:4px}.pdf-resource-preview:hover{border-color:#5a7851}@media(max-width:540px){.pdf-resource{grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start;padding-block:23px}.pdf-resource-preview{padding:6px 6px 30px}.pdf-resource-content h3{font-size:21px}.pdf-resource-actions{gap:8px 14px}.pdf-resource-actions .solid-button{padding-inline:14px;font-size:14px}.resources .pdf-resource-content>p:not(.pdf-resource-label):not(.pdf-resource-meta){font-size:13px}.pdf-resource-actions .text-link{font-size:12px}}@media(max-width:370px){.pdf-resource{grid-template-columns:82px minmax(0,1fr);gap:12px}.pdf-resource-preview>span{font-size:10px}.pdf-resource-content h3{font-size:19px}}@media print{.pdf-resource{display:none!important}}

/* 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}}

[data-era="15세기"],[data-reading-century="15세기"],[data-timeline-century="15세기"]{--era-color:#D7A638;--era-wash:#f7ecd5;--era-head:#edd7a5;}
[data-era="16세기"],[data-reading-century="16세기"],[data-timeline-century="16세기"]{--era-color:#6F965C;--era-wash:#e1e9dd;--era-head:#bed0b6;}
[data-era="17세기"],[data-reading-century="17세기"],[data-timeline-century="17세기"]{--era-color:#58A7C5;--era-wash:#dcedf3;--era-head:#b4d7e5;}
[data-era="18세기"],[data-reading-century="18세기"],[data-timeline-century="18세기"]{--era-color:#9679B5;--era-wash:#e9e3ef;--era-head:#d0c3de;}
[data-era="19세기"],[data-reading-century="19세기"],[data-timeline-century="19세기"]{--era-color:#CE718C;--era-wash:#f5e1e7;--era-head:#e9bfcb;}
[data-era="20세기"],[data-reading-century="20세기"],[data-timeline-century="20세기"]{--era-color:#DF9153;--era-wash:#f8e8db;--era-head:#f1ceb2;}
.brand-logo{display:block;width:48px;height:48px;flex:none}@media(max-width:680px){.brand-logo{width:40px;height:40px}}