/* Wise: the idiom kit's shelf and spread grammar, mapped to the existing
   literary serif, teal choices and complete, unchanged quotation media. */
@font-face{font-family:GallerySerif;src:url(/static/topic-serif-ecb5a4e81e.3b6a222eb48cb394.woff2) format('woff2');font-display:swap}
:root{
 --paper:#fff;--paper-2:#f6f8f8;--paper-warm:#faf7f2;--ink:#1f2728;
 --ink-2:#344749;--muted:#465659;--brand:#225e62;--brand-hover:#153e42;
 --line:#e1e9e9;--line-strong:#a4b5b7;--line-control:#7c8f91;--wash:#f0f5f5;--focus:#a65a00;
 --night:#15383b;--on-night:#fff;--on-night-muted:#cadcdb;
 --shadow-card:0 2px 8px -1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
 --shadow-lift:0 4px 14px -2px rgba(0,0,0,.08);
 --shadow-paper:0 4px 14px -2px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04);
 --radius:2px;--radius-ui:6px;--radius-md:8px;--radius-lg:14px;--wrap:1240px;--gutter:24px;
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
 --ease:cubic-bezier(.16,1,.3,1);
 --serif:GallerySerif,'Batang','AppleMyungjo',Georgia,serif;
 font-family:system-ui,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
 font-size:16px;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light;
}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:var(--brand);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--brand-hover)}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}img{max-width:100%;height:auto}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[hidden]{display:none!important}::selection{background:#cde4df;color:var(--night)}input{caret-color:var(--brand)}*{scrollbar-color:var(--line-strong) var(--paper-2);scrollbar-width:thin}
:where(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:var(--radius-ui);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5;text-decoration:none;transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}
button:hover,.button:hover{border-color:var(--brand);background:var(--wash);color:var(--brand)}
button.primary,.button.primary,.primary-play{background:var(--brand);border-color:var(--brand);color:white}
button.primary:hover,.button.primary:hover,.primary-play:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:white}
.button.inverse{background:white;color:var(--night);border:1px solid white}.button.inverse:hover{background:#f2f7f7;border-color:#f2f7f7;color:var(--brand-hover)}
input,select{min-height:48px;border:1px solid var(--line-control);border-radius:var(--radius-ui);background:white;color:var(--ink);padding:10px 14px;font-size:16px;max-width:100%}input::placeholder{color:var(--muted);opacity:1}
h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;overflow-wrap:break-word}p{line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
.skip{position:absolute;left:16px;top:-100px;z-index:40;background:white;padding:12px;border:2px solid var(--brand);border-radius:4px}.skip:focus{top:8px}
.top{max-width:var(--wrap);padding:22px var(--gutter);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
.brand{display:inline-flex;align-items:center;gap:16px;color:var(--ink);text-decoration:none;font:31px/1.2 var(--serif);letter-spacing:-.025em;white-space:nowrap;transition:opacity .2s var(--ease)}
.brand:hover{opacity:.88}
.brand span{font:500 13.5px/1.4 system-ui,sans-serif;color:var(--muted);letter-spacing:0;padding-left:14px;border-left:1px solid var(--line)}
.top-nav-wrap{display:flex;align-items:center;gap:24px}
.ambient-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:22px;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink-2);font-size:14px;font-weight:500;transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}
.ambient-toggle:hover{border-color:var(--brand);color:var(--brand);background:var(--wash)}
.ambient-toggle svg{width:16px;height:16px}
.ambient-toggle .icon-sun{display:none}
.ambient-toggle .icon-moon{display:inline-block}
[data-theme=dark] .ambient-toggle .icon-sun{display:inline-block}
[data-theme=dark] .ambient-toggle .icon-moon{display:none}
.ambient-toggle[data-active=true]{border-color:var(--brand);background:var(--wash);color:var(--brand)}
.nav{display:flex;align-items:center;gap:32px}.nav a{min-height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none;white-space:nowrap;position:relative;padding:6px 0;transition:color .2s var(--ease)}
.nav a::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:center;transition:transform .24s var(--ease)}
.nav a:hover,.nav a[aria-current=page]{color:var(--brand);text-decoration:none}
.nav a:hover::after,.nav a[aria-current=page]::after{transform:scaleX(1)}
body>.top{border-bottom:1px solid var(--line)}
.shell{max-width:var(--wrap);margin:auto;padding:40px var(--gutter) 80px}
.home-hero{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.95fr);gap:64px;align-items:center;padding:68px var(--gutter) 80px}
.hero-words h1{font:clamp(40px,4.4vw,58px)/1.32 var(--serif);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.hero-description{font-size:17.5px;line-height:1.85;color:var(--muted);margin-top:24px;text-wrap:balance;max-width:52ch}
.hero-search{margin-top:36px;max-width:520px}.hero-search label,.searchlabel{display:block;font-size:13.5px;font-weight:400;color:var(--muted);margin-bottom:12px}
.searchfield{display:flex;gap:8px;align-items:stretch}
.search-symbol{display:none}
.searchfield input{min-width:0;flex:1;width:100%;border:1px solid var(--line-control);border-radius:var(--radius-ui);background:white;color:var(--ink);padding:10px 14px;font-size:15.5px;transition:border-color .2s var(--ease),outline .2s var(--ease)}
.hero-search .searchfield input{border-color:var(--line);background:#fcfbf9}
.hero-search .searchfield input:hover{border-color:var(--line-strong)}
.searchfield input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.searchfield button{padding:10px 20px;min-height:48px;border-radius:var(--radius-ui);background:var(--brand);border:1px solid var(--brand);color:white;font-weight:500;font-size:14.5px;flex-shrink:0;white-space:nowrap;transition:background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.hero-search .searchfield button{background:var(--paper-warm);border-color:var(--line-strong);color:var(--ink)}
.hero-search .searchfield button:hover{background:var(--brand);border-color:var(--brand);color:white}
.searchfield button:hover{background:var(--brand-hover);border-color:var(--brand-hover);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.hero-paths{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center}
.path-pill{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;padding:9px 20px;min-height:44px;border-radius:24px;border:1px solid var(--line);color:var(--ink-2);background:var(--wash);text-decoration:none;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
.path-pill:hover{border-color:var(--brand);color:var(--brand);background:white;box-shadow:0 2px 8px rgba(0,0,0,.06);transform:translateY(-1px)}
.path-pill:hover .path-arrow{transform:translateX(3px)}
.path-arrow{display:inline-block;transition:transform .2s var(--ease)}
.path-pill svg{width:16px;height:16px}
.hero-feature{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;text-decoration:none;display:block;color:var(--ink);box-shadow:var(--shadow-card);transition:border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
.hero-feature:hover{border-color:var(--brand);background:#fcfdfd;box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.hero-feature:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.feature-art{aspect-ratio:1;border-radius:10px;overflow:hidden;background:#fcfbf9;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.03)}
.feature-art img{width:100%;height:100%;display:block;margin:auto;object-fit:contain}
.hero-caption{padding:22px 4px 4px;border-top:1px solid var(--line);margin-top:20px}
.hero-caption p{font:25px/1.6 var(--serif);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.hero-caption>span{display:block;margin-top:6px;font-size:13.5px;color:var(--muted)}
.hero-caption .feature-action{font-size:15px;font-weight:500;color:var(--brand);margin-top:16px;min-height:36px;display:inline-flex;align-items:center;gap:6px}
.hero-feature:hover .feature-action .action-arrow{transform:translateX(5px)}
.action-arrow{display:inline-block;transition:transform .2s var(--ease)}
.home-library{max-width:var(--wrap);margin:auto;padding:80px var(--gutter) 96px;border-top:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.section-head h2{font:36px/1.35 var(--serif);letter-spacing:-.03em;color:var(--ink)}.section-head h3{font:27px/1.4 var(--serif);letter-spacing:-.025em;color:var(--ink)}.section-head p{font-size:15px;color:var(--muted);margin-top:6px;max-width:68ch}.section-head>a,.section-head>span{flex-shrink:0;font-size:14px;padding:8px 0;line-height:1.8;min-height:44px}.section-head>span{color:var(--muted);font-variant-numeric:tabular-nums}
.shelf-tag{display:inline-flex;align-items:center;font-size:13px;color:var(--brand);background:var(--wash);border:1px solid var(--line);border-radius:20px;padding:4px 14px;font-weight:500;letter-spacing:-.01em;min-height:36px;line-height:1}
.shelf .section-head>a{font-size:14px;font-weight:500;color:var(--brand);display:inline-flex;align-items:center;gap:6px;text-decoration:none;padding:8px 14px;border-radius:6px;background:var(--wash);transition:background .2s var(--ease),color .2s var(--ease)}
.shelf .section-head>a:hover{background:#e3efef}
.shelf-heading{margin-bottom:56px;align-items:flex-end}
.shelf-heading button{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;min-height:44px;border-radius:24px;border:1.5px solid var(--brand);color:var(--brand);background:white;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);flex-shrink:0}
.shelf-heading button:hover{background:var(--wash);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.shelf-heading button[aria-pressed=true]{background:var(--brand);color:white;border-color:var(--brand)}
.shelf+.shelf{margin-top:80px}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 24px;list-style:none;padding:0;margin:0}
.content-card{min-width:0}
.content-card>a{display:flex;flex-direction:column;color:var(--ink);text-decoration:none;border:1px solid transparent;padding:14px;margin:-14px;border-radius:10px;transition:border-color .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease)}
.content-card>a:hover{background:#fdfefe;border-color:var(--line);box-shadow:var(--shadow-card);transform:translateY(-2px)}
.content-card>a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.card-art{position:relative;aspect-ratio:1;background:#faf9f6;margin-bottom:16px;border-radius:8px;border:1px solid var(--line);overflow:hidden;transition:border-color .24s var(--ease)}
.card-art>img{width:100%;height:100%;display:block;object-fit:contain;border-radius:7px}
.content-card>a:hover .card-art{border-color:var(--brand)}
.card-open{position:absolute;right:8px;bottom:8px;display:inline-flex;gap:6px;align-items:center;color:var(--brand);background:rgba(255,255,255,.95);border:1px solid var(--line);font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:14px;opacity:0;transform:translateY(3px);transition:opacity .2s var(--ease),transform .2s var(--ease)}
.card-open svg{width:14px;height:14px}
.content-card>a:hover .card-open,.content-card>a:focus .card-open{opacity:1;transform:translateY(0)}
.content-card small{display:block;font-size:13px;font-weight:600;line-height:1.6;color:var(--brand);margin-bottom:8px;letter-spacing:-.01em}
.content-card strong.card-quote{display:block;font:18.5px/1.7 var(--serif);font-weight:400;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;min-height:62px}
.content-card .card-credit{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:10px}
.content-card>a[aria-current=true] .card-art{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:2px}
.content-card.is-masked .card-art{border-color:var(--brand);background:var(--wash)}
.content-card.is-masked .card-quote,.content-card.is-masked .card-credit{display:none}
.content-card.is-masked .card-reveal{display:flex!important;align-items:center;min-height:62px;font:16px/1.7 var(--serif);color:var(--brand);font-weight:500;gap:6px}
.reveal-arrow{display:inline-block;transition:transform .2s var(--ease)}
.content-card>a:hover .reveal-arrow{transform:translateX(4px)}
.explore-bridge{--focus:var(--on-night);max-width:var(--wrap);margin:0 auto 96px;background:linear-gradient(145deg,#183c40 0%,#0f2628 100%);color:var(--on-night);padding:64px 56px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;border-radius:16px;border:1px solid rgba(200,220,219,.2)}
.explore-bridge h2{font:36px/1.4 var(--serif);letter-spacing:-.03em;color:var(--on-night);text-wrap:balance}
.explore-bridge p{font-size:16.5px;line-height:1.8;color:var(--on-night-muted);margin:20px 0 32px;text-wrap:balance}
.bridge-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:center}
.bridge-art img{width:100%;aspect-ratio:1;object-fit:contain;background:white;border-radius:8px;padding:6px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px rgba(0,0,0,.25);display:block;transition:transform .24s var(--ease)}
.explore-bridge:hover .bridge-art img:nth-child(2){transform:translateY(-4px)}
.writing-bridge{max-width:var(--wrap);margin:0 auto 100px;padding:56px;background:var(--paper-warm);border:1px solid #ede8de;border-radius:16px;display:grid;grid-template-columns:320px 1fr;align-items:center;gap:64px;box-shadow:var(--shadow-card)}
.paper-preview{background:white;padding:22px;border-radius:10px;border:1px solid #e8e2d5;box-shadow:var(--shadow-paper);transition:transform .24s var(--ease)}
.writing-bridge:hover .paper-preview{transform:rotate(-0.5deg) scale(1.01)}
.paper-preview img{display:block;width:100%;height:auto;border-radius:4px}
.writing-bridge h2{font:34px/1.4 var(--serif);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.writing-bridge p{color:var(--muted);font-size:16.5px;line-height:1.85;margin:20px 0 32px;text-wrap:balance}
.writing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.quiet-link{display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;padding:8px 12px;transition:color .2s var(--ease)}
.quiet-link:hover{color:var(--brand)}
.discovery-intro{padding:16px 0 48px}.discovery-intro h1{font:44px/1.4 var(--serif);letter-spacing:-.03em}.discovery-intro>p{font-size:17px;color:var(--muted);margin-top:20px}.scene-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.scene-jumps a{display:inline-flex;align-items:center;min-height:44px}.scene-shelf{scroll-margin-top:24px}.scene-shelf+.scene-shelf{padding-top:48px;border-top:1px solid var(--line);margin-top:64px}
.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--line)}.intro h1{font:clamp(28px,3vw,36px)/1.35 var(--serif);letter-spacing:-.025em;color:var(--ink)}.intro p{font-size:15.5px;color:var(--muted);margin-top:8px;line-height:1.7}.intro>button,#random{flex-shrink:0;min-height:44px;padding:9px 20px;border-radius:24px;font-size:14px;font-weight:500;border:1px solid var(--line-strong);background:white;color:var(--ink);transition:all .2s var(--ease)}.intro>button:hover,#random:hover{border-color:var(--brand);background:var(--wash);color:var(--brand)}.back-to-list{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13.5px;font-weight:500;color:var(--muted);text-decoration:none;margin-bottom:10px;transition:color .2s var(--ease)}.back-to-list:hover{color:var(--brand);text-decoration:underline}.workspace{display:flex;flex-direction:column;gap:0}#viewer-section{min-width:0;scroll-margin-top:24px}
.reading-spread{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start;touch-action:pan-y pinch-zoom}.viewer{background:var(--paper-2);border:1px solid rgba(34,94,98,.14);box-shadow:0 2px 10px -2px rgba(0,0,0,.04),0 12px 32px -6px rgba(0,0,0,.06);padding:24px;position:sticky;top:24px;min-width:0;border-radius:12px;touch-action:pan-y pinch-zoom}.viewerhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}#situation-label{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--brand);background:var(--wash);border:1px solid rgba(34,94,98,.16);padding:4px 12px;border-radius:16px;display:inline-flex;align-items:center;line-height:1.4}#quote-number{font-size:13.5px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.group{display:inline-flex;background:rgba(0,0,0,.04);padding:3px;border-radius:8px;border:1px solid var(--line);gap:2px}.group button{background:transparent;border:0;border-radius:6px;font-size:14.5px;font-weight:500;min-height:44px;padding:8px 16px;color:var(--muted);transition:all .2s var(--ease);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.group button:hover{color:var(--ink);background:rgba(255,255,255,.6)}.group button[aria-pressed=true]{background:white;color:var(--brand);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.media{position:relative;aspect-ratio:1;max-width:560px;margin:auto;background:white;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px rgba(0,0,0,.02),0 2px 8px rgba(0,0,0,.04);touch-action:pan-y pinch-zoom}.media img,.media video{width:100%;height:100%;object-fit:contain;display:block}
.video-tools{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;margin-top:14px;margin-bottom:6px;background:transparent;border:0;padding:6px 0}.video-tools label{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);font-weight:500}.video-tools select{font-size:13.5px;min-height:40px;padding:6px 10px;border:1px solid var(--line-control);border-radius:6px;background:var(--paper-2);color:var(--ink)}.video-tools button{font-size:13.5px;padding:8px 14px;min-height:40px;border-radius:6px}.video-tools .primary-play{background:var(--brand);color:white;border:1px solid var(--brand);font-weight:600}.video-tools .primary-play:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.media-state{font-size:13.5px;color:var(--muted);min-height:24px;line-height:1.7;margin-top:8px}.media-state:empty{margin-top:0}.media-error{margin-top:12px}.media-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding-top:4px}
.media-info{font-size:13px;color:var(--muted);line-height:1.6;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:6px}.media-info::before{content:'';display:inline-block;width:13px;height:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23536467' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cline x1='23' y1='9' x2='17' y2='15'/%3E%3Cline x1='17' y1='9' x2='23' y2='15'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.8}
.media-bottom>a{display:inline-flex;min-height:44px;align-items:center;font-size:13.5px;font-weight:500;color:var(--brand);text-decoration:none;padding:6px 10px;border-radius:6px;transition:background .2s var(--ease)}.media-bottom>a:hover{background:var(--wash);text-decoration:underline}
.scenes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.scene{display:flex;align-items:center;gap:10px;padding:8px 12px;background:white;min-width:0;min-height:56px;border:1.5px solid var(--line);border-radius:8px;text-align:left;transition:all .2s var(--ease);cursor:pointer}.scene img{width:42px;height:42px;object-fit:contain;flex-shrink:0;border-radius:6px;background:var(--paper-2);border:1px solid rgba(0,0,0,.06)}.scene span{font-size:13.5px;font-weight:500;line-height:1.45;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}.scene:hover{border-color:var(--brand);background:var(--wash)}.scene[aria-pressed=true]{border-color:var(--brand);background:var(--wash);outline:1px solid var(--brand);outline-offset:-1px}.scene[aria-pressed=true] span{color:var(--brand);font-weight:600}
.reading-content{padding:8px 0 0;min-width:0;display:flex;flex-direction:column}.quote-copy h2{font:clamp(28px,3.2vw,38px)/1.58 var(--serif);letter-spacing:-.025em;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.quote-copy h2:lang(en){word-break:normal}.author{font-size:15px;color:var(--muted);margin-top:20px;display:flex;align-items:center;gap:8px}.author::before{content:'—';color:var(--brand);font-weight:400}
.translation-note{margin-top:22px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);padding:0 16px;transition:background .2s var(--ease)}.translation-note[open]{background:white;border-color:var(--line-strong);box-shadow:0 2px 8px rgba(0,0,0,.03)}
.translation-note summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:500;color:var(--ink-2);line-height:1.7}.translation-note summary::-webkit-details-marker{display:none}.translation-note summary::after{content:'';width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .2s var(--ease);flex-shrink:0;margin-left:12px}.translation-note[open] summary::after{transform:rotate(-135deg);border-color:var(--brand)}.translation-note summary:hover{color:var(--brand)}.translation{font:20px/1.8 var(--serif);color:var(--ink-2);margin:0 0 16px;padding:14px 18px;background:var(--paper-warm);border:1px solid #e8e2d7;border-radius:6px;overflow-wrap:anywhere;word-break:normal}.translation:lang(ko){word-break:keep-all}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;align-items:center}.actions button,.actions .button{font-size:15px;font-weight:500;padding:11px 18px;min-height:46px;border-radius:8px}.actions button.primary{font-weight:600;padding:11px 22px}.status{font-size:13.5px;color:var(--brand);min-height:24px;line-height:1.7;margin-top:10px;word-break:keep-all;overflow-wrap:anywhere}.status:empty{min-height:0;margin-top:0}
.file-options{margin-top:20px;border-top:1px solid var(--line);padding-top:6px}.file-options summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:44px;padding:10px 0;font-size:13.5px;font-weight:500;color:var(--muted)}.file-options summary::-webkit-details-marker{display:none}.file-options summary::after{content:'';width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .2s var(--ease);flex-shrink:0;margin-left:12px}.file-options[open] summary::after{transform:rotate(-135deg);border-color:var(--brand)}.file-options summary:hover{color:var(--brand)}.file-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.file-actions a:not(.button){font-size:13.5px;min-height:44px;display:inline-flex;align-items:center;color:var(--brand);text-decoration:none;padding:4px 8px;border-radius:4px}.file-actions a:not(.button):hover{text-decoration:underline}.file-actions button,.file-actions .button{font-size:13.5px;padding:8px 14px;min-height:42px;border-radius:6px}.copy-fallback{font-size:14px;margin-top:16px}.copy-fallback input{display:block;width:100%;margin-top:8px;border:1px solid var(--line-control);border-radius:6px}
.disclosure{margin-top:16px;border-top:1px solid var(--line);padding-top:6px;font-size:13.5px;line-height:1.8}.disclosure summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:44px;padding:10px 0;font-size:13.5px;font-weight:500;color:var(--muted)}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary::after{content:'';width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .2s var(--ease);flex-shrink:0;margin-left:12px}.disclosure[open] summary::after{transform:rotate(-135deg);border-color:var(--brand)}.disclosure summary:hover{color:var(--brand)}.disclosure p{color:var(--muted);font-size:13.5px;margin:8px 0}.disclosure a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand);text-decoration:none}.disclosure a:hover{text-decoration:underline}
.write-invitation{margin-top:36px;padding:22px 24px;background:linear-gradient(135deg,#fdfbf7 0%,#f6f1e8 100%);border:1px solid #e8e0d2;border-radius:12px;display:flex;flex-direction:column;gap:6px}.write-invitation p{font:20px/1.4 var(--serif);color:var(--ink);letter-spacing:-.015em;font-weight:500}.write-invitation a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;color:#874b25;text-decoration:none;transition:color .2s var(--ease)}.write-invitation a:hover{color:#5d2f13;text-decoration:underline}.write-invitation small{display:block;color:#544a3e;font-size:13px;line-height:1.6}.write-invitation ol{margin:2px 0 0;padding-left:1.2em;font-size:14px;line-height:1.55;color:#544a3e}
.sequence{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}.sequence button{font-size:13.5px;font-weight:500;padding:8px 16px;min-height:44px;border-radius:6px;border:1px solid var(--line);background:white;transition:all .2s var(--ease)}.sequence button:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--wash)}.sequence>span{font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.04em;font-weight:500}
.library{width:100%;min-width:0;margin-top:72px;padding-top:48px;border-top:1px solid var(--line)}body[data-route=search] .library{margin:0;padding:0;border:0}.library-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px}.category-field select{width:100%;height:48px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}.filters button{font-size:14px;min-height:44px}.filters button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:white}.reset-search{font-size:14px;margin:0 0 24px}.quote-list{max-height:none;overflow:visible}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{font-size:14px}.empty{grid-column:1/-1;padding:48px 24px;background:var(--paper-2);color:var(--muted);text-align:center;line-height:1.8;font-size:16px}.empty a{display:inline-flex;align-items:center;min-height:44px;margin-top:12px}
.notice{padding:16px 20px;background:var(--wash);border-left:1px solid var(--brand);line-height:1.8;margin:0 0 24px;font-size:14px}.noscript{padding:20px;background:var(--wash);max-width:var(--wrap);margin:32px auto;color:var(--ink-2);line-height:1.8}.research{max-width:840px;line-height:1.9}.research h1{font:36px/1.6 var(--serif);letter-spacing:-.025em}.research h2{font:26px/1.6 var(--serif);margin:32px 0 12px}.research>p{margin:16px 0}.research label{display:block;margin:16px 0}.research input[type=checkbox]{min-height:auto}.research .eyebrow{display:none}
.footer{max-width:var(--wrap);margin:auto;padding:64px var(--gutter) 48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:48px;color:var(--muted);font-size:14px}
.footer-primary{max-width:440px}
.footer-brand{font:30px/1.2 var(--serif);color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.footer-tagline{font-size:14.5px;margin-top:8px;color:var(--ink-2);line-height:1.6}
.footer-meta{display:block;font-size:12.5px;margin-top:10px;color:var(--muted)}
.footer-nav{display:flex;gap:32px;flex-wrap:wrap;align-items:center}
.footer-nav a{font-size:14px;color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:4px 0;transition:color .2s var(--ease)}
.footer-nav a:hover{color:var(--brand);text-decoration:underline}
#image-dialog{border:0;padding:24px;width:min(1120px,94vw);max-height:92dvh;background:white;color:var(--ink);box-shadow:0 24px 72px -12px #0007;border-radius:8px}#image-dialog::backdrop{background:#122728a8}.zoom-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.zoom-toolbar h2{font:22px/1.5 var(--serif);margin-right:auto}.zoom-toolbar a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}.zoom-canvas{max-height:calc(92dvh - 140px);overflow:auto;background:var(--paper-2);text-align:center}.zoom-canvas img{display:block;max-height:calc(92dvh - 140px);width:100%;object-fit:contain;margin:auto}.zoom-toolbar button{flex-shrink:0}
@media(min-width:1000px){body[data-route=watch] .intro,body[data-route=quote] .intro{margin-bottom:28px}body[data-route=watch] .intro h1,body[data-route=quote] .intro h1{font-size:26px}body[data-route=watch] .intro p,body[data-route=quote] .intro p{font-size:15px}.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1040px){.reading-spread{gap:32px}.home-hero{gap:40px;grid-template-columns:1.1fr 1fr}.hero-words h1{font-size:46px}.card-grid{gap:32px 20px}.quote-copy h2{font-size:26px}.explore-bridge{padding:48px 40px;gap:32px}.explore-bridge h2{font-size:32px}.writing-bridge{gap:48px;padding:44px 36px}.brand span{font-size:13px}.nav{gap:20px}}
@media(max-width:800px){.top{gap:12px;flex-wrap:wrap}.top-nav-wrap{gap:16px;flex-wrap:wrap}.brand{font-size:28px}.nav{gap:20px}.home-hero{grid-template-columns:minmax(0,1fr);gap:40px;padding:44px var(--gutter) 60px}.hero-words h1{font-size:38px}.hero-description{font-size:16.5px}.hero-search{margin-top:28px}.hero-search .searchfield{flex-wrap:wrap}.hero-search input{flex:1;min-width:160px}.hero-search button{flex:1}.hero-caption{padding:16px 4px 0}.hero-caption p{font-size:24px}.hero-paths{gap:12px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-spread{grid-template-columns:1fr;gap:24px}.viewer{position:static;width:min(100%,600px);margin:auto}.reading-content{padding:8px 0 0}.quote-copy h2{font-size:28px;max-width:35ch}.library-toolbar{grid-template-columns:minmax(0,1.7fr) minmax(200px,1fr);gap:16px}.explore-bridge{grid-template-columns:1fr;gap:36px;padding:40px 32px}.bridge-art{max-width:480px}.writing-bridge{grid-template-columns:1fr;gap:36px;padding:36px 28px}.paper-preview{max-width:280px;margin:auto}.writing-bridge h2{font-size:29px}}
@media(max-width:600px){
 :root{--gutter:20px}.top{padding:16px var(--gutter) 12px;gap:10px;min-height:0}.brand{gap:12px;font-size:27px}.brand span{font-size:13px;padding-left:10px}.top-nav-wrap{width:100%;justify-content:space-between;gap:8px}.ambient-toggle{padding:8px 10px;min-width:44px;min-height:44px;border-radius:22px;flex-shrink:0}.ambient-text{display:none}.nav{flex:1;gap:16px;overflow-x:auto;padding-bottom:4px}.nav a{font-size:14px;min-height:44px}
 .home-hero{grid-template-columns:minmax(0,1fr);padding:32px var(--gutter) 48px;gap:32px}.hero-words h1{font-size:34px;line-height:1.4}.hero-description{margin-top:16px;font-size:16px}.hero-description br{display:none}.hero-search{margin-top:24px}.hero-search .searchfield{flex-wrap:nowrap}.hero-search input{min-width:0;flex:auto;padding:10px 10px;font-size:15px}.hero-search button{flex:none;padding:10px 14px;font-size:14.5px}.hero-search label{font-size:13.5px}.hero-paths{gap:10px;margin-top:16px}.path-pill{font-size:13.5px;padding:6px 14px}.hero-feature{padding:16px}.hero-caption{padding:14px 0 0;text-align:left}.hero-caption p{font-size:22px}.hero-caption .feature-action{min-height:44px;display:flex;align-items:center;gap:6px}.hero-caption>span{font-size:13px}
 .home-library{padding:48px var(--gutter) 64px}.section-head{gap:14px;margin-bottom:20px;align-items:flex-start;flex-direction:column}.section-head h2{font-size:28px}.section-head h3{font-size:24px}.section-head p{font-size:14.5px;line-height:1.75}.section-head>a,.section-head>span{font-size:13.5px}.shelf-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px}.shelf-heading button{min-height:44px}.shelf+.shelf{margin-top:56px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.content-card>a{padding:8px;margin:-8px}.card-art{margin-bottom:12px}.card-open{font-size:12px;padding:4px 8px;right:6px;bottom:6px}.card-open svg{width:12px;height:12px}.content-card strong.card-quote{font-size:17px;line-height:1.7;min-height:54px}.content-card small,.content-card .card-credit{font-size:12.5px}.content-card.is-masked .card-reveal{font-size:15px;min-height:54px}.content-card .card-credit{margin-top:8px}
 .explore-bridge{margin:0 var(--gutter) 64px;padding:32px 24px;gap:28px;border-radius:12px}.explore-bridge h2{font-size:28px}.explore-bridge p{font-size:15px;margin:16px 0 24px}.explore-bridge p br{display:none}.bridge-art{gap:10px}.writing-bridge{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:32px 24px;margin:0 var(--gutter) 64px;border-radius:12px}.paper-preview{width:200px;padding:16px;align-self:center}.writing-bridge h2{font-size:27px}.writing-bridge p{font-size:15.5px;margin:16px 0 24px}.writing-bridge p br{display:none}.writing-actions{flex-direction:column;align-items:stretch;gap:12px}.writing-actions .button.primary{justify-content:center}
 .shell{padding:28px var(--gutter) 48px}.discovery-intro{padding:4px 0 36px}.discovery-intro h1{font-size:34px}.discovery-intro>p{font-size:16px;margin-top:16px}.discovery-intro>p br{display:none}.scene-jumps{gap:8px 16px;margin-top:16px;font-size:14px}.scene-shelf+.scene-shelf{margin-top:40px;padding-top:36px}
 .intro{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:24px}.intro h1{font-size:28px}.intro p{font-size:16px}.intro>button{font-size:14px}.back-to-list{margin-bottom:8px;font-size:14px}.reading-spread{gap:24px}.viewer{padding:16px}.viewerhead{font-size:13px}.controls{gap:8px;margin-bottom:12px}.group button{font-size:16px;padding:8px 10px}.media{max-width:100%;margin:0}.media-bottom{gap:4px 12px}.media-info{font-size:13px}.media-bottom>a{font-size:14px}.scenes{gap:8px}.scene{padding:8px}.scene img{width:36px;height:36px}.scene span{font-size:13px}.video-tools{gap:8px}.video-tools button,.video-tools label,.video-tools select{font-size:16px}.video-tools label{gap:6px}
 .quote-copy h2{font-size:26px;line-height:1.75;letter-spacing:-.02em}.author{font-size:14px;margin-top:16px}.translation{font-size:20px}.actions{margin-top:20px;gap:8px}.actions button,.actions .button{font-size:16px;padding:10px 12px}.file-actions button,.file-actions .button{font-size:14px}.sequence{gap:8px;margin-top:24px;padding-top:20px}.sequence button{padding:8px 10px;font-size:14px}.sequence span{font-size:12px}.write-invitation{margin-top:24px;padding-top:20px}
 .library{margin-top:40px;padding-top:32px}.library-toolbar{grid-template-columns:1fr;gap:16px}.searchlabel{font-size:14px}.searchfield button{font-size:16px}.filters{margin:16px 0 24px;gap:8px}.filters button{font-size:14px;padding:8px 11px}.empty{padding:32px 20px}.footer{padding:40px var(--gutter);flex-direction:column;gap:24px}.footer-nav{gap:16px}.footer small{font-size:12px}
 #image-dialog{padding:16px;width:94vw;max-height:94dvh}.zoom-toolbar{gap:10px;flex-wrap:wrap}.zoom-toolbar h2{font-size:20px}.zoom-toolbar a{font-size:13px}.zoom-toolbar button{font-size:14px;padding:8px 12px}.zoom-canvas,.zoom-canvas img{max-height:calc(94dvh - 160px)}
}
@media(max-width:360px){:root{--gutter:16px}.hero-words h1{font-size:30px}.hero-paths{gap:8px}.path-pill{font-size:13px;padding:6px 12px}.card-grid{gap:28px 12px}.content-card strong.card-quote{font-size:16px}.nav{gap:16px}.brand span{font-size:12px}.scene{gap:6px;padding:6px}.scene img{width:30px;height:30px}.group button{padding:8px}.quote-copy h2{font-size:24px}.explore-bridge{padding:24px 18px}.explore-bridge h2{font-size:24px}.writing-bridge{padding:24px 18px}.writing-bridge h2{font-size:24px}}
@media(prefers-reduced-motion:no-preference){.content-card>a{transition:border-color .2s var(--ease),background .2s var(--ease)}.hero-feature{transition:border-color .2s var(--ease),background .2s var(--ease)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Task pages keep the illustrated results close to the first viewport. */
body[data-route=search] #random{display:none}
body[data-route=search] #list-description{display:none}
.source-page{max-width:1000px}.source-context{padding:20px 24px;background:var(--paper-2);line-height:1.8;border-radius:8px}.source-context p{margin-top:12px;font-size:15px;max-width:72ch;color:var(--muted)}.source-list{list-style:none;padding:0;margin:40px 0 0}.source-list>li{padding:28px 0;border-bottom:1px solid var(--line)}.source-list h2{font:24px/1.75 var(--serif);letter-spacing:-.02em}.source-list p{font-size:14px;color:var(--muted);margin-top:12px}.source-list .hero-paths{margin-top:12px}
@media(max-width:600px){.source-context{padding:16px}.source-list h2{font-size:22px}.source-list>li{padding:24px 0}.source-page .discovery-intro{padding-bottom:24px}}

/* Contemplative Ink-Ambient Dark Mode */
:root[data-theme=dark], [data-theme=dark]{
 --paper:#0e1e20;--paper-2:#14292b;--paper-warm:#162e30;--ink:#eaf2f2;
 --ink-2:#cadcdb;--muted:#8fa9a8;--brand:#4eb5b0;--brand-hover:#76d6d2;
 --line:#203b3e;--line-strong:#355a5e;--line-control:#49757a;--wash:#163235;--focus:#f5a623;
 --shadow-card:0 2px 10px -1px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3);
 --shadow-lift:0 6px 18px -2px rgba(0,0,0,.6);
 --shadow-paper:0 4px 16px -2px rgba(0,0,0,.5);
 color-scheme:dark;
}
[data-theme=dark] body{background:var(--paper);color:var(--ink)}
[data-theme=dark] ::selection{background:#1a4f52;color:#fff}
[data-theme=dark] input,[data-theme=dark] select{background:var(--paper-2);color:var(--ink)}
[data-theme=dark] button.primary,[data-theme=dark] .button.primary,[data-theme=dark] .primary-play{background:#236b6e;border-color:#236b6e;color:#fff}
[data-theme=dark] button.primary:hover,[data-theme=dark] .button.primary:hover,[data-theme=dark] .primary-play:hover{background:#2f8588;border-color:#2f8588}
[data-theme=dark] .button.inverse{background:var(--paper-2);color:var(--ink);border-color:var(--line-strong)}
[data-theme=dark] .button.inverse:hover{background:var(--wash);color:var(--brand)}
[data-theme=dark] .hero-feature{background:var(--paper-2);border-color:var(--line)}
[data-theme=dark] .hero-feature:hover{background:#183134;border-color:var(--brand)}
[data-theme=dark] .feature-art{background:#0a1718;border-color:var(--line)}
[data-theme=dark] .shelf-heading button{background:var(--paper);border-color:var(--brand);color:var(--brand)}
[data-theme=dark] .shelf-heading button:hover{background:var(--wash)}
[data-theme=dark] .shelf-heading button[aria-pressed=true]{background:var(--brand);color:#0a1718;border-color:var(--brand)}
[data-theme=dark] .content-card>a:hover{background:var(--paper-2);border-color:var(--line)}
[data-theme=dark] .card-art{background:#0a1718;border-color:var(--line)}
[data-theme=dark] .card-open{background:rgba(14,30,32,.95);border-color:var(--line-strong);color:var(--brand)}
[data-theme=dark] .media{background:#091517;border-color:var(--line)}
[data-theme=dark] .group{background:rgba(255,255,255,.05);border-color:var(--line)}
[data-theme=dark] .group button:hover{color:var(--ink);background:rgba(255,255,255,.1)}
[data-theme=dark] .group button[aria-pressed=true]{background:var(--paper-2);color:var(--brand);box-shadow:0 1px 4px rgba(0,0,0,.4)}
[data-theme=dark] .scene{background:var(--paper-2);border-color:var(--line)}
[data-theme=dark] .scene img{background:#091517;border-color:var(--line)}
[data-theme=dark] .scene:hover{background:var(--wash);border-color:var(--brand)}
[data-theme=dark] .scene[aria-pressed=true]{background:var(--wash);border-color:var(--brand)}
[data-theme=dark] .translation-note[open]{background:var(--paper-2);border-color:var(--line-strong)}
[data-theme=dark] .translation{background:#112426;border-color:var(--line);color:var(--ink-2)}
[data-theme=dark] .write-invitation{background:linear-gradient(135deg,#192a2c 0%,#132223 100%);border-color:#2b474a}
[data-theme=dark] .write-invitation a{color:#e6a77b}
[data-theme=dark] .write-invitation a:hover{color:#f5c4a1}
[data-theme=dark] .write-invitation small,[data-theme=dark] .write-invitation ol{color:#8ea7a6}
[data-theme=dark] .writing-bridge{background:var(--paper-2);border-color:var(--line)}
[data-theme=dark] .paper-preview{background:#0e1e20;border-color:var(--line)}
[data-theme=dark] #image-dialog{background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}
[data-theme=dark] .zoom-canvas{background:#091517}
[data-theme=dark] .ambient-toggle{background:var(--paper-2);border-color:var(--line-strong);color:var(--ink-2)}
[data-theme=dark] .ambient-toggle[data-active=true]{border-color:var(--brand);background:var(--wash);color:var(--brand)}
[data-theme=dark] .hero-search .searchfield input{background:var(--paper-2);color:var(--ink);border-color:var(--line-strong)}
[data-theme=dark] .path-pill:hover{background:var(--wash);color:var(--brand);border-color:var(--brand)}
[data-theme=dark] .intro>button,[data-theme=dark] #random,[data-theme=dark] .sequence button{background:var(--paper-2);color:var(--ink);border-color:var(--line-strong)}
[data-theme=dark] .intro>button:hover,[data-theme=dark] #random:hover,[data-theme=dark] .sequence button:hover:not(:disabled){background:var(--wash);border-color:var(--brand);color:var(--brand)}
[data-theme=dark] .shelf .section-head>a:hover{background:var(--wash);color:var(--brand-hover)}
[data-theme=dark] .viewer{border-color:var(--line);box-shadow:var(--shadow-card)}
[data-theme=dark] #situation-label{border-color:var(--line-strong)}
[data-theme=dark] .filters button[aria-pressed=true]{color:#0a1718}
[data-theme=dark] .hero-search .searchfield button:hover{color:#0a1718}
[data-theme=dark] .media-info::before{opacity:.9;filter:brightness(1.6)}
[data-theme=dark] .skip{background:var(--paper-2);color:var(--ink)}


/* Original geometry; dark web variant follows the explicitly selected theme. */
.brand-logo{display:block;width:78.4px;height:auto;background:#fff;border-radius:4px;flex-shrink:0}
[data-theme=dark] .brand-logo{content:url('/branding/wise-wordrow-logo-dark.svg');background:#000}
.brand,.footer-brand{min-height:44px}
@media(max-width:520px){.brand-logo{width:70px}}

/* Shared controls stay legible and operable in every retained collection. */
svg[fill="currentColor"]{fill:currentColor;stroke:none}
.top .brand,.top-nav-wrap,.top .nav{min-width:0;max-width:100%;flex-wrap:wrap}
.top .brand span{white-space:normal;overflow-wrap:anywhere}
.group button,.scene,.media-bottom>a,.quote-nav button{min-height:44px;min-width:44px}
.research .actions{align-items:center;gap:12px;margin-top:24px}
.research #join-study{padding:24px 0;border-block:1px solid var(--line);margin:32px 0}
.research #study-id{display:block;width:min(100%,360px);margin-top:8px}
.research label:has(#consent){display:flex;align-items:flex-start;gap:12px}
.research #consent{flex:none;width:20px;height:20px;margin:4px 0 0}
.research #phase{margin:8px 12px 8px 0;max-width:100%}
.research #leave-study{background:transparent;color:var(--muted)}
.research #leave-study:hover{border-color:var(--ink);color:var(--ink)}
.research .disclosure{margin-top:24px}

.legacy-context a{display:inline-flex;align-items:center;min-height:44px}

@media(max-width:800px){input:not([type=checkbox]):not([type=radio]),select{font-size:16px}.speed-select{font-size:16px}}
@media(forced-colors:active){
  :focus-visible{outline:3px solid Highlight;outline-offset:3px}
  button,.button,select,input{border-color:ButtonText}
  [aria-current=page],[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-2px}
  button:disabled,[aria-disabled=true]{color:GrayText}
}

.home-hero>*{min-width:0}
[data-theme=dark] .searchfield:not(.hero-search .searchfield) button{color:var(--paper)}

/* Full corpus: same white shelf and teal reading grammar, one illustration per quote. */
@font-face{font-family:CorpusSerif;src:url(/static/corpus-fallback.099124dc0a77fdf1.woff2) format('woff2');font-display:swap}
:root{--corpus-measure:72ch;--serif:GallerySerif,CorpusSerif,'Batang','AppleMyungjo',Georgia,serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px}
.corpus-shell{max-width:var(--wrap);margin:0 auto;padding:48px var(--gutter) 80px}.corpus-list-heading{margin-bottom:32px}.corpus-list-heading h1,.corpus-not-found h1{font:clamp(30px,3.4vw,44px)/1.4 var(--serif);letter-spacing:-.025em;text-wrap:balance}.corpus-list-heading p,.corpus-intro{margin-top:12px;color:var(--muted);max-width:var(--corpus-measure)}
.corpus-search-row{display:flex;gap:12px;margin-top:8px}.corpus-search-row input{flex:1;min-width:0}.corpus-search-row button{background:var(--brand);color:var(--on-night);border-color:var(--brand);min-width:82px}#corpus-search{max-width:760px}.corpus-filter{margin-top:16px}.corpus-filter label{display:block;margin:12px 0 8px}.corpus-filter select{width:min(100%,380px)}summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0}details>summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:var(--radius-sm)}
.corpus-list-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 24px;font-size:14px;color:var(--muted)}.corpus-list-status a{min-height:44px;display:inline-flex;align-items:center}.corpus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 24px;list-style:none;padding:0}.corpus-card{min-width:0}.corpus-card>a{display:block;color:var(--ink);text-decoration:none;padding:8px;margin:-8px;border-radius:var(--radius-md)}.corpus-card>a:hover{background:var(--wash)}.corpus-card>a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.corpus-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f6f3ed;margin-bottom:16px}.corpus-card-text{font:18.5px/1.7 var(--serif);letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere;display:block}.corpus-card-credit{display:block;color:var(--muted);font-size:12.5px;line-height:1.6;margin-top:8px}.corpus-card-badge{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--brand);background:var(--wash);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 9px;margin-top:10px;line-height:1.4;letter-spacing:-.01em;vertical-align:middle;text-decoration:none;transition:all .15s ease}.corpus-card-badge:hover{background:var(--brand);color:var(--on-night);border-color:var(--brand)}.corpus-card-badge:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.corpus-card-badge svg{flex-shrink:0;opacity:.85;width:10px;height:10px;fill:currentColor}.corpus-card-video-wrap{position:relative;width:100%;aspect-ratio:1;margin-bottom:16px;background:#f6f3ed;overflow:hidden;border-radius:var(--radius-sm)}.corpus-card-video{display:block;width:100%;height:100%;object-fit:contain;background:#f6f3ed;pointer-events:none}.corpus-card-live-indicator{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#fff;background:rgba(20,60,62,.85);padding:3px 8px;border-radius:var(--radius-pill);box-shadow:0 2px 6px rgba(0,0,0,.15);pointer-events:none}.live-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.corpus-pager{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:48px;font-variant-numeric:tabular-nums}.corpus-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:44px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.corpus-pager a[aria-disabled=true]{color:var(--muted);opacity:.5;pointer-events:none}.corpus-empty{padding:48px 0;line-height:1.8}.corpus-empty a{display:inline-flex;align-items:center;min-height:44px}.corpus-notice{color:var(--muted);background:var(--paper-2);padding:16px 20px;border-radius:var(--radius-md);margin:16px 0;line-height:1.75}
.corpus-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:24px;color:var(--muted)}.corpus-reading-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}.corpus-artwork{min-width:0;background:var(--paper-2);padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);position:sticky;top:24px;text-align:center}.corpus-art-container{position:relative;display:block;width:100%}.corpus-art-open{display:block}.corpus-art-open img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;margin:auto;background:#f6f3ed;border-radius:var(--radius-md,8px);box-shadow:0 4px 20px rgba(0,0,0,.08);transition:opacity .18s ease}.corpus-art-container.is-card-view img{aspect-ratio:4/5;max-width:512px;box-shadow:0 6px 24px rgba(0,0,0,.1)}.corpus-art-play-badge{position:absolute;bottom:16px;right:16px;width:48px;height:48px;border-radius:50%;background:rgba(20,60,62,.85);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.25);text-decoration:none;transition:transform .2s ease,background .2s ease}.corpus-art-play-badge:hover{transform:scale(1.08);background:var(--brand);color:var(--on-night)}.corpus-art-play-badge:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.corpus-art-play-badge svg{margin-left:2px;flex-shrink:0;fill:currentColor}.corpus-artwork>button{margin-top:16px}.corpus-artwork-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.corpus-btn-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--line-strong);color:var(--ink);font-size:13.5px;font-weight:500;text-decoration:none;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:all .15s ease}.corpus-btn-tool:hover{background:var(--paper-3);border-color:var(--brand);color:var(--brand);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.12)}.corpus-btn-tool:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.corpus-btn-tool svg{flex-shrink:0;fill:currentColor}.corpus-btn-download{background:var(--paper-2);border-color:var(--brand);color:var(--brand);font-weight:600}.corpus-btn-download:hover{background:var(--brand);color:var(--on-night);border-color:var(--brand)}#toggle-card-view[data-active=true]{background:var(--wash);border-color:var(--brand);color:var(--brand);font-weight:600}.corpus-btn-video{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;background:var(--brand);color:var(--on-night);border:1px solid var(--brand);border-radius:var(--radius-pill);font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:all .15s ease}.corpus-btn-video:hover{background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.22)}.corpus-btn-video:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.corpus-btn-video svg{flex-shrink:0;width:14px;height:14px;fill:currentColor}.corpus-reading{min-width:0}.corpus-reading h1{font:clamp(25px,2.7vw,38px)/1.65 var(--serif);letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.corpus-credit{color:var(--muted);font-size:15px;line-height:1.75;margin-top:24px}.corpus-translation{border-top:1px solid var(--line);margin-top:28px;padding-top:8px}.corpus-translation p{font:20px/1.8 var(--serif);max-width:var(--corpus-measure);overflow-wrap:anywhere;margin:8px 0 20px}.corpus-primary-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.corpus-primary-actions button:first-child{background:var(--brand);border-color:var(--brand);color:var(--on-night)}.corpus-primary-actions button[aria-pressed=true]{background:var(--brand-hover)}#choice-status,#file-status,#media-status,#zoom-status,#backup-status{font-size:14px;color:var(--muted);line-height:1.75;margin-top:12px}.corpus-downloads,.corpus-source{margin-top:24px;border-top:1px solid var(--line);padding-top:8px}.corpus-source p{font-size:14px;color:var(--muted);margin:8px 0}.corpus-file-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 16px}.corpus-file-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}.corpus-file-actions input[readonly]{width:100%;font-size:14px}.corpus-writing-link{font-size:14px;color:var(--muted);margin-top:32px}
.corpus-media-switch{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;text-align:left}.corpus-media-switch>a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--paper-2);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:500;transition:all .15s ease}.corpus-media-switch>a:hover{background:var(--wash);border-color:var(--brand);color:var(--brand)}.corpus-media-switch>a[aria-current=page]{background:var(--brand);color:var(--on-night);border-color:var(--brand);font-weight:600}.corpus-media-switch>a[aria-current=page]:hover{background:var(--brand-hover);color:var(--on-night)}.corpus-video-choices{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.corpus-video-choices a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--paper-2);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:500;transition:all .15s ease}.corpus-video-choices a:hover{background:var(--wash);border-color:var(--brand);color:var(--brand)}.corpus-video-choices a[aria-current=page]{background:var(--brand);color:var(--on-night);border-color:var(--brand);font-weight:600}.corpus-video-choices a[aria-current=page]:hover{background:var(--brand-hover);color:var(--on-night)}.corpus-video-choices p{font-size:13px;color:var(--muted)}.corpus-media-frame{position:relative}.corpus-media-frame.is-loading::after{content:'';position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border:3px solid rgba(34,94,98,.2);border-top-color:var(--brand);border-radius:50%;animation:corpus-spin .8s linear infinite;pointer-events:none;z-index:2}@keyframes corpus-spin{to{transform:rotate(360deg)}}.corpus-media-frame video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f6f3ed}.corpus-play-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}#corpus-play{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:var(--on-night);border:1px solid var(--brand);border-radius:var(--radius-pill);font-weight:600;padding:10px 22px;box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:pointer;transition:all .15s ease}#corpus-play:hover{background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.22)}#corpus-play svg{flex-shrink:0;fill:currentColor}.corpus-play-tools select{min-height:44px;font-size:14px}.corpus-media-label{font-size:13px;color:var(--muted);margin-top:12px}
#art-dialog{width:min(1120px,calc(100vw - 32px));max-height:92vh;border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:20px;background:var(--paper);color:var(--ink)}#art-dialog::backdrop{background:rgba(15,38,40,.75)}.corpus-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.corpus-dialog-top h2{font-size:20px}.corpus-zoom-frame{overflow:auto;max-height:72vh}.corpus-zoom-frame img{display:block;max-width:100%;height:auto;margin:auto;background:#f6f3ed}.corpus-home-hero{margin-top:16px}.corpus-home-hero .feature-art{position:relative}.corpus-home-hero .feature-art img{max-height:460px;object-fit:contain;background:#f6f3ed}.feature-play-badge{position:absolute;bottom:16px;right:16px;width:44px;height:44px;border-radius:50%;background:rgba(20,60,62,.85);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:transform .2s ease,background .2s ease}.hero-feature:hover .feature-play-badge{transform:scale(1.08);background:var(--brand)}.feature-play-badge svg{margin-left:2px}.feature-action-video{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:600}.feature-action-video svg{flex-shrink:0;fill:currentColor}.path-pill svg{display:inline-block;vertical-align:-2px;margin-right:4px}.corpus-home-shelf{max-width:var(--wrap);margin:auto;padding:48px var(--gutter) 80px}.corpus-legacy-invitation{max-width:var(--wrap);margin:0 auto 72px;padding:32px var(--gutter);border-top:1px solid var(--line)}.corpus-legacy-invitation h2{font:28px/1.5 var(--serif)}.corpus-legacy-invitation p{color:var(--muted);margin:12px 0}.corpus-legacy-invitation a{display:inline-flex;align-items:center;min-height:44px}.corpus-source-list{list-style:none;padding:0;margin:32px 0}.corpus-source-list li{padding:20px 0;border-bottom:1px solid var(--line)}.corpus-source-list li>a:first-child{font:21px/1.7 var(--serif)}.corpus-source-list p{color:var(--muted);margin:8px 0;font-size:14px}.corpus-not-found{min-height:50vh}.corpus-not-found p{margin:20px 0}.corpus-not-found>a{display:inline-flex;align-items:center;min-height:44px;margin-right:24px}
[data-theme=dark] .corpus-artwork{background:var(--paper-2)}[data-theme=dark] .corpus-primary-actions button:first-child,[data-theme=dark] .corpus-search-row button{background:var(--brand);color:#0a1718}[data-theme=dark] .corpus-primary-actions button[aria-pressed=true]{background:var(--brand-hover);color:#0a1718}[data-theme=dark] .corpus-btn-video{background:var(--brand);color:#0a1718}[data-theme=dark] .corpus-card-badge{background:var(--paper-2);color:var(--brand);border-color:var(--line)}[data-theme=dark] .corpus-card-badge:hover{background:var(--brand);color:#0a1718}[data-theme=dark] .corpus-media-switch>a[aria-current=page],[data-theme=dark] .corpus-video-choices a[aria-current=page]{background:var(--brand);color:#0a1718}[data-theme=dark] .corpus-art-play-badge{background:rgba(20,60,62,.9);color:#fff}[data-theme=dark] .corpus-art-play-badge:hover{background:var(--brand);color:#0a1718}[data-theme=dark] #corpus-play{background:var(--brand);color:#0a1718}[data-theme=dark] #corpus-play:hover{background:var(--brand-hover)}[data-theme=dark] .corpus-card-video-wrap,[data-theme=dark] .corpus-card-video{background:#091517}[data-theme=dark] .corpus-art-container.is-card-view img{box-shadow:0 6px 24px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}[data-theme=dark] .corpus-btn-tool{background:var(--paper-2);border-color:var(--line);color:var(--ink)}[data-theme=dark] .corpus-btn-tool:hover{background:var(--paper-3);border-color:var(--brand);color:var(--brand)}[data-theme=dark] .corpus-btn-download{background:rgba(34,94,98,.25);border-color:var(--brand);color:var(--brand)}[data-theme=dark] .corpus-btn-download:hover{background:var(--brand);color:#0a1718}[data-theme=dark] #toggle-card-view[data-active=true]{background:rgba(34,94,98,.35);border-color:var(--brand);color:var(--brand)}
@media(max-width:1000px){.corpus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}.corpus-reading-spread{gap:32px}.corpus-reading h1{font-size:30px}}
@media(max-width:800px){.corpus-shell{padding-top:28px}.corpus-reading-spread{grid-template-columns:1fr;gap:32px}.corpus-artwork{position:static;max-width:600px;width:100%;margin:auto;padding:16px}.corpus-reading{grid-row:1}.corpus-reading h1{font-size:30px}.corpus-primary-actions{margin-top:20px}.corpus-source,.corpus-downloads{margin-top:16px}.corpus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.corpus-reading .corpus-translation{margin-top:20px}.corpus-artwork img{max-height:600px}.corpus-home-shelf{padding-top:32px}.corpus-home-hero .hero-feature{margin-top:8px}}
@media(max-width:600px){.corpus-shell{padding-left:20px;padding-right:20px}.corpus-card-text{font-size:17px;line-height:1.75}.corpus-card-credit{font-size:12px}.corpus-search-row{gap:8px}.corpus-search-row button{min-width:70px;padding:10px 12px}.corpus-list-status{margin-top:24px}.corpus-pager{gap:16px;margin-top:32px}.corpus-reading h1{font-size:26px}.corpus-media-switch{gap:16px}.corpus-home-shelf{padding-left:20px;padding-right:20px}.corpus-source-list li>a:first-child{font-size:18px}.corpus-legacy-invitation h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* The static poster loads with the shelf; playback keeps its completed frame. */
.corpus-card-video-wrap .corpus-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}
.corpus-card-video-wrap.wise-has-frame .corpus-video-poster{visibility:hidden}

/* DOM order: text and choice, matching media, supporting file/source actions. */
.corpus-reading-spread{column-gap:56px;row-gap:0}.corpus-reading{grid-column:2;grid-row:1}.corpus-artwork{grid-column:1;grid-row:1 / span 2}.corpus-support{grid-column:2;grid-row:2;min-width:0}.corpus-media-switch>a{flex:0 0 auto;white-space:nowrap}.corpus-media-switch>details{min-width:0}
@media(max-width:1000px){.corpus-reading-spread{column-gap:32px}}
@media(max-width:800px){.corpus-reading-spread{row-gap:24px}.corpus-reading{grid-column:1;grid-row:1}.corpus-artwork{grid-column:1;grid-row:2}.corpus-support{grid-column:1;grid-row:3}.corpus-support .corpus-downloads{margin-top:0}}

/* Keep short clauses together; long clauses can reflow inside narrow/zoomed views. */
.corpus-reading h1 .quote-phrase,.corpus-reading h1 .quote-wordgroup{display:inline-block;max-width:100%;vertical-align:top;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}

/* Detail controls: preserve the current type/palette and readable hover. */
.corpus-btn-video:hover{color:var(--on-night)}
[data-theme=dark] .corpus-btn-video:hover{color:#0a1718}
.corpus-video-choices a,.corpus-media-switch>a{min-height:44px}

/* Word search is a reading list; the explore shelf keeps its image-first grid. */
body[data-route=corpus-search] .corpus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
body[data-route=corpus-search] .corpus-card{padding:24px 0;border-top:1px solid var(--line)}
body[data-route=corpus-search] .corpus-card>a[data-detail-link]{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:20px;margin:0;padding:0;border-radius:0}
body[data-route=corpus-search] .corpus-card img{grid-row:span 2;width:88px;margin:0}
body[data-route=corpus-search] .corpus-card-text{font-size:20px;line-height:1.75}
body[data-route=corpus-search] .corpus-card-credit{font-size:14px;margin-top:8px}
body[data-route=corpus-search] .corpus-card>a.corpus-card-badge{margin-left:108px}
.corpus-card>a.corpus-card-badge{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;margin:12px 0 0;font-size:14px;line-height:1.5;box-shadow:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.corpus-card>a.corpus-card-badge:hover{background:var(--brand);border-color:var(--brand);color:var(--on-night)}
[data-theme=dark] .corpus-card>a.corpus-card-badge:hover{color:var(--paper)}
.corpus-reading-languages{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px;font-size:14px;color:var(--muted)}
.corpus-reading-languages>span{margin-right:8px}
.corpus-reading-languages a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;text-decoration:none;border-bottom:2px solid transparent}
.corpus-reading-languages a[aria-current=page]{border-bottom-color:var(--brand);font-weight:600}
.corpus-primary-actions .tracing-jump{margin-top:0;text-decoration:none}
.corpus-primary-actions #share-link{background:var(--paper);color:var(--ink);border-color:var(--line-strong)}
.corpus-primary-actions #share-link:hover{background:var(--wash);color:var(--brand);border-color:var(--brand)}
.corpus-source-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0;color:var(--muted);font-size:14px}
.corpus-source-navigation .corpus-pager{margin:0}
.corpus-sources{max-width:1000px}
.corpus-sources .corpus-list-heading a{white-space:nowrap}
.corpus-source-list{margin-top:16px}
.corpus-source-list li>a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.corpus-source-list li>a:first-child{display:block;min-height:44px;color:var(--ink);text-decoration:none}
.corpus-source-list li>a:first-child:hover{color:var(--brand);text-decoration:underline}
.corpus-not-found>a.button{margin-top:8px}
.corpus-list-status{scroll-margin-top:24px}
.corpus-empty{max-width:65ch;padding:24px 0 48px}
.corpus-empty p{font-size:18px;margin-bottom:12px}
#corpus-error button{margin-top:12px}
.corpus-reading [lang=en]{word-break:normal}
@media(max-width:800px){body[data-route=corpus-search] .corpus-grid{grid-template-columns:1fr}.corpus-reading-languages{margin-bottom:16px}.corpus-primary-actions{gap:8px}}
@media(max-width:600px){body[data-route=corpus-search] .corpus-card>a[data-detail-link]{grid-template-columns:64px minmax(0,1fr);column-gap:16px}body[data-route=corpus-search] .corpus-card img{width:64px}body[data-route=corpus-search] .corpus-card-text{font-size:18px}body[data-route=corpus-search] .corpus-card>a.corpus-card-badge{margin-left:80px}.corpus-source-navigation{align-items:flex-start}.corpus-source-navigation .corpus-pager{gap:12px}}

/* Local wayfinding stays beside the reading task on narrow screens. */
.corpus-detail-nav{display:none}
.corpus-shelf-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px}
#preview-motion{font-size:14px;min-height:44px;background:transparent;color:var(--brand);border:1px solid var(--line-strong);padding:8px 12px}
.corpus-search-help,.corpus-media-help{font-size:14px;color:var(--muted);margin-top:12px}
.corpus-search-help p,.corpus-media-help p{max-width:60ch;margin:4px 0 12px;line-height:1.8;text-align:left}
.corpus-search-help+.corpus-filter{margin-top:0}
.corpus-media-help{margin-top:8px;text-align:left}
.corpus-zoom-frame:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
@media(max-width:800px){
  .corpus-detail-nav{display:flex;position:sticky;top:0;z-index:4;gap:4px;margin:0 0 24px;padding:4px 0;background:var(--paper);border-block:1px solid var(--line)}
  .corpus-detail-nav a{display:flex;align-items:center;justify-content:center;flex:1;min-width:44px;min-height:44px;padding:8px 4px;color:var(--brand);text-underline-offset:5px}
  #quote-reading,#quote-media,#quote-source,#quote-tracing,#tracing-title{scroll-margin-top:80px}
  .corpus-detail-nav~.corpus-reading-spread :focus{scroll-margin-top:80px}
  .corpus-shelf-actions{justify-content:flex-start}
  #corpus-speed,.corpus-file-actions input[readonly]{font-size:16px}
}

/* Compact, shared page navigation: the list stays the visual focus. */
.corpus-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:20px;row-gap:8px;font-variant-numeric:tabular-nums}
.corpus-pager[aria-label$="위"]{margin:0 0 24px;padding:12px 0;border-block:1px solid var(--line)}
.corpus-pager>a{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px}
.corpus-pager>a[aria-disabled=true]{color:var(--muted);text-decoration:none;cursor:default}
.page-jump{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;max-width:100%;font-size:14px}
.page-jump input{width:4.25em;min-width:0;min-height:44px;padding:8px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:16px/1.4 var(--sans);text-align:center;font-variant-numeric:tabular-nums;caret-color:var(--brand)}
.page-jump button{min-height:44px;padding:8px 12px;font-size:14px;background:var(--paper);color:var(--brand);border:1px solid var(--line-strong)}
.page-jump button:hover{background:var(--wash)}
.page-jump-error{flex-basis:100%;margin:4px 0 0;color:var(--ink);font-size:14px;text-align:center}
.page-jump input[aria-invalid=true]{outline:2px solid var(--ink);outline-offset:2px}
.recovery-actions{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap}
.recovery-actions a,.context-help{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:.2em;font-size:14px}
.corpus-notice p{max-width:70ch;margin-bottom:12px}
.corpus-artwork>.context-help{justify-content:center}
#results-status,#list-start{scroll-margin-top:24px}
.help-shell{max-width:var(--wrap);padding-bottom:96px}
.help-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);column-gap:clamp(32px,5vw,72px);align-items:start;margin-top:40px}
.help-contents{position:sticky;top:24px;display:grid;gap:8px;border-top:1px solid var(--line-strong);padding-top:12px}
.help-contents a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:16px;color:var(--muted)}
.help-contents a:hover{color:var(--brand);text-decoration:underline;text-underline-offset:.2em}
.help-reading{max-width:70ch;min-width:0}
.help-section{margin:0 0 56px}
.help-section h2{font:clamp(26px,3vw,32px)/1.5 var(--serif);margin:0 0 20px;scroll-margin-top:24px;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
.help-answer{border-top:1px solid var(--line);scroll-margin-top:24px}
.help-answer summary{font-size:17px;font-weight:600;line-height:1.65;padding:18px 0;min-height:44px;cursor:pointer;word-break:keep-all;overflow-wrap:anywhere}
.help-answer[open] summary{color:var(--brand)}
.help-answer>div{padding:0 0 20px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
.help-answer p{margin:0 0 12px}
.help-answer a,.help-top{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:.2em}
.help-top{font-size:14px;margin-top:12px;color:var(--muted)}
.help-answer kbd{font:inherit;font-size:.9em;padding:.12em .3em;border:1px solid var(--line-strong);border-radius:3px;background:var(--paper-2)}
@media(max-width:700px){.help-layout{display:block;margin-top:24px}.help-contents{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:36px}.help-section{margin-bottom:40px}.help-answer summary{font-size:16px}.help-answer>div{font-size:16px}}
@media(max-width:400px){.corpus-pager{column-gap:8px}.page-jump{gap:6px}.page-jump input{width:3.5em}.page-jump button{padding:8px}.page-jump>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(forced-colors:active){.page-jump input[aria-invalid=true]{outline-color:Highlight}.corpus-pager>a[aria-disabled=true]{color:GrayText}.help-answer[open] summary{color:LinkText}}
.page-jump button{min-width:44px}
@media(max-width:400px){.corpus-pager{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px}.corpus-pager>a{padding-inline:6px}.page-jump{min-width:0}}

/* A single paper arrival, then motion that explains choices and inspection. */
body[data-wise-motion]{--motion-feedback:120ms;--motion-choice:220ms;--motion-inspect:280ms;--motion-paper:620ms;--motion-ease:var(--ease)}
body[data-wise-motion] :is(button,.path-pill,.tracing-download,.tracing-preview-caption){transition:background-color var(--motion-feedback) var(--motion-ease),color var(--motion-feedback) var(--motion-ease),border-color var(--motion-feedback) var(--motion-ease),transform var(--motion-feedback) var(--motion-ease)}
body[data-wise-motion] :is(button,.path-pill,.tracing-download):active:not(:disabled){transform:scale(.985)}
body[data-wise-motion] .hero-feature{transform-origin:12% 50%}
body[data-wise-motion] .corpus-media-switch{position:relative;padding-bottom:5px}
.wise-choice-marker{position:absolute;left:0;top:0;width:1px;height:2px;background:var(--brand);transform-origin:0 0;pointer-events:none;transition:transform var(--motion-choice) var(--motion-ease)}
body[data-wise-motion] :is(.corpus-translation,.corpus-downloads,.corpus-source)>summary{cursor:pointer}
body[data-wise-motion] :is(.corpus-translation,.corpus-downloads,.corpus-source)>summary::marker{color:var(--brand)}
body[data-wise-motion] .corpus-card-video-wrap:not(.wise-playing) .live-dot{animation:none}
@media(prefers-reduced-motion:no-preference){
  body[data-wise-motion] :is(#art-dialog,#tracing-dialog)[open]::backdrop{animation:wise-inspect-backdrop var(--motion-choice) var(--motion-ease)}
  @keyframes wise-inspect-backdrop{from{opacity:.6}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){
  body[data-wise-motion] :is(button,a,summary){transition:background-color 100ms linear,color 100ms linear,border-color 100ms linear!important}
  body[data-wise-motion] :is(button,.path-pill,.tracing-download):active{transform:none}
  body[data-wise-motion] .wise-choice-marker{transition:none!important}
}

/* Artwork arrival and navigation continuity; quotation text remains immediately readable. */
/* 입장 효과는 모두 CSS이며 기본 상태가 보이는 상태다. JS가 없어도 내용과 조작은 그대로 남는다. */
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:180ms}
  ::view-transition-group(wise-art){animation-duration:460ms;animation-timing-function:var(--ease)}
  ::view-transition-old(wise-art),::view-transition-new(wise-art){height:100%;object-fit:contain}
  body:is([data-route=corpus-quote],[data-route=corpus-watch]) :is(#corpus-art-img,.corpus-media-frame){view-transition-name:wise-art}

  @keyframes wise-bloom-lite{from{opacity:.85;filter:saturate(.85)}to{opacity:1;filter:none}}

  /* The artwork has one quiet arrival; essential text and controls are visible at once. */
  body[data-route=corpus-home] .hero-line{display:block}
  body[data-route=corpus-home] .hero-feature .feature-art img{animation:wise-bloom-lite 700ms var(--ease)}
  html:not([data-vt]) body:is([data-route=corpus-quote],[data-route=corpus-watch]) #corpus-art-img{animation:wise-bloom-lite 500ms var(--ease)}

  /* 피드백: 종이처럼 살짝 들리고, 저자 위에 펜 선이 그어진다. */
  .corpus-card>a :is(img,.corpus-card-video-wrap),.home-topic-example img,.related-art img{transition:transform 360ms var(--ease),box-shadow 360ms var(--ease)}
  .corpus-card-text{transition:color 200ms var(--ease)}
  .corpus-card-credit{position:relative}
  .corpus-card-credit::after{content:'';position:absolute;left:0;top:-5px;width:32px;height:1px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform 420ms var(--ease)}
  .corpus-card>a:is(:hover,:focus-visible) :is(img,.corpus-card-video-wrap){transform:translateY(-5px);box-shadow:0 16px 22px -14px rgba(37,44,44,.35)}
  .corpus-card>a:is(:hover,:focus-visible) .corpus-card-text{color:var(--brand)}
  .corpus-card>a:is(:hover,:focus-visible) .corpus-card-credit::after{transform:scaleX(1)}
  .home-topic-example:is(:hover,:focus-visible) img,.related-reading-link:is(:hover,:focus-visible) .related-art img{transform:translateY(-3px);box-shadow:0 12px 18px -12px rgba(37,44,44,.35)}
  .related-text{transition:color 200ms var(--ease)}
  .related-reading-link:is(:hover,:focus-visible) .related-text{color:var(--brand)}
}

/* Related reading extends the existing white shelf, literary type and teal links. */
.related-quotes{margin-top:64px;padding-top:40px;border-top:1px solid var(--line);color:var(--ink)}
.related-quotes h2{font:clamp(28px,3vw,34px)/1.45 var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:0}
.related-intro{margin:12px 0 32px;color:var(--muted);max-width:65ch;font-size:16px;line-height:1.75}
.related-group+.related-group{margin-top:36px}
.related-group-head{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:8px;flex-wrap:wrap}
.related-group h3{font:24px/1.5 var(--serif);letter-spacing:-.02em;margin:0;color:var(--ink)}
.related-all{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;font-size:14px;color:var(--brand);text-underline-offset:4px;line-height:1.65;overflow-wrap:anywhere}
.related-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.related-list-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.related-list>li{min-width:0;display:flex;border-bottom:1px solid var(--line)}
.related-reading-link{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:start;width:100%;min-height:44px;padding:20px 0;text-decoration:none;color:var(--ink)}
.related-reading-link:hover{background:var(--wash);color:var(--ink)}
.related-reading-link:hover .related-text{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.related-art{display:block;width:80px;min-width:0;aspect-ratio:1}
.related-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.related-copy{display:block;min-width:0}
.related-text{display:block;font:19px/1.75 var(--serif);letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere}
.related-text[lang=en]{word-break:normal}
.related-credit{display:block;margin-top:10px;color:var(--muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.related-empty{color:var(--muted);font-size:16px;padding:16px 0}
.related-quotes a:focus-visible,.topic-languages a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.topic-languages{display:flex;gap:24px;margin:16px 0;align-items:center}
.topic-languages a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;justify-content:center;padding:8px;color:var(--brand);text-underline-offset:4px}
.topic-languages a[aria-current=page]{font-weight:700;text-decoration-thickness:2px}
.topic-range{font-size:14px;color:var(--muted);margin:20px 0 24px}
@media(max-width:1000px){.related-list-three{grid-template-columns:1fr}.related-list-three .related-text{max-width:65ch}}
@media(max-width:700px){.related-quotes{margin-top:44px;padding-top:32px}.related-intro{margin-bottom:24px}.related-list{grid-template-columns:1fr}.related-reading-link{grid-template-columns:64px minmax(0,1fr);gap:16px}.related-art{width:64px}.related-group h3{font-size:22px}.related-text{font-size:18px}.related-credit{font-size:13px}.related-group-head{gap:4px 16px}.related-group+.related-group{margin-top:32px}.related-all{font-size:14px}}
@media(max-width:700px){.topic-grid{grid-template-columns:1fr;gap:0}.topic-grid .corpus-card>a{display:grid;grid-template-columns:80px minmax(0,1fr);gap:0 16px;padding:20px 0;margin:0;border-bottom:1px solid var(--line);border-radius:0}.topic-grid .corpus-card img{grid-row:span 2;width:80px;margin:0}.topic-grid .corpus-card-text{font-size:18px}.topic-grid .corpus-card-credit{font-size:13px}}