[hidden]{display:none!important}:root{--paper: #f7f4ec;--paper-2: #f2eee3;--paper-3: #eae5d7;--white: #fffdf8;--ink: #1b1a17;--ink-2: #4a463d;--ink-3: #857f70;--ink-4: #b5aea0;--accent: #b23a2e;--accent-2: #8c6a3f;--line: rgba(27, 26, 23, .12);--line-2: rgba(27, 26, 23, .26);--serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--sans: "Space Grotesk", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: "Space Grotesk", ui-monospace, "SFMono-Regular", monospace;--fs-display: clamp(38px, 5.4vw, 66px);--fs-title: 22px;--fs-body: 15px;--fs-meta: 12px;--fs-label: 11px;--bg: var(--paper);--bg-soft: var(--paper-2);--panel: var(--paper-2);--panel-2: var(--white);--ink-soft: var(--ink-2);--ink-faint: var(--ink-3);--gold: var(--accent);--gold-soft: var(--accent-2);--rust: var(--accent);--line-strong: var(--line-2);--accent-cat: var(--accent);--header-bg: rgba(247, 244, 236, .92)}[data-theme=dark]{--paper: #171512;--paper-2: #1f1c17;--paper-3: #2a251c;--white: #23201a;--ink: #ece6d4;--ink-2: #c9c1ab;--ink-3: #9b937f;--ink-4: #6f6858;--accent: #d4695c;--accent-2: #c49a6c;--line: rgba(236, 230, 212, .14);--line-2: rgba(236, 230, 212, .3);--header-bg: rgba(23, 21, 18, .92)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:var(--fs-body);line-height:1.8;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}::selection{background:var(--accent);color:var(--white)}.site-header{height:70px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:17px;font-weight:600;border-radius:50%}.brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1}.brand-copy strong{font-family:var(--serif);font-size:19px;letter-spacing:.16em;font-weight:600}.brand-copy small{color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.2em}.top-nav{display:flex;gap:28px;font-size:var(--fs-meta);color:var(--ink-2)}.top-nav a{padding:25px 0 22px;border-bottom:2px solid transparent;transition:color .18s,border-color .18s}.top-nav a:hover,.top-nav a.active{color:var(--ink);border-color:var(--accent)}.search-trigger{border:1px solid var(--line-2);background:transparent;border-radius:4px;padding:7px 13px;display:flex;align-items:center;gap:9px;color:var(--ink-2);cursor:pointer;font-size:var(--fs-meta);transition:border-color .18s,color .18s}.search-trigger:hover{border-color:var(--ink);color:var(--ink)}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle{border:1px solid var(--line-2);background:transparent;border-radius:4px;width:34px;height:34px;display:grid;place-items:center;color:var(--ink-2);cursor:pointer;font-size:15px;line-height:1;transition:border-color .18s,color .18s}.theme-toggle:hover{border-color:var(--ink);color:var(--ink)}.search-trigger span:first-child{font-size:16px}.search-trigger kbd{font-size:10px;padding:1px 5px;border:1px solid var(--line);border-radius:3px;font-family:var(--mono)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:start center;padding:12vh 20px 20px;background:#1b1a1757;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.search-panel{position:relative;width:min(600px,100%);padding:36px;background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 24px 60px #1b1a1729}.modal-close{position:absolute;top:12px;right:16px;border:0;background:transparent;color:var(--ink-3);font-size:24px;cursor:pointer;line-height:1}.search-panel h2{font-family:var(--serif);font-size:26px;font-weight:600;margin:8px 0 18px}.search-panel input{width:100%;border:0;border-bottom:1px solid var(--line-2);background:transparent;color:var(--ink);padding:12px 0;outline:0;font-size:16px;font-family:var(--serif)}.search-panel input:focus{border-color:var(--accent)}.search-results{min-height:90px;padding-top:12px}.search-hint{color:var(--ink-3);font-size:var(--fs-meta);margin:4px 0}.hint-chip{margin:0 6px 6px 0;padding:5px 12px;min-height:36px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink-2);font-size:var(--fs-meta);cursor:pointer;transition:all .18s}.hint-chip:hover{border-color:var(--accent);color:var(--accent)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line);cursor:pointer;transition:color .15s,background .15s}.result-item:hover,.result-item.active{background:var(--paper-2)}.result-item.active span,.result-item:hover span{color:var(--accent)}.result-item small{color:var(--ink-3);font-size:var(--fs-label)}.result-item mark{background:none;color:var(--accent);font-weight:700}.search-foot{margin:10px 0 0;color:var(--ink-4);font-size:var(--fs-label);letter-spacing:.08em}.section-pad{padding:72px 5vw}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;padding-bottom:14px;border-bottom:1px solid var(--line)}.section-head h2{font-family:var(--serif);font-size:clamp(26px,3.4vw,38px);letter-spacing:-.01em;margin:8px 0 0;font-weight:600}.section-head .side{color:var(--ink-3);font-size:var(--fs-meta);line-height:1.9;text-align:right}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.2em;margin:0;font-weight:500}.eyebrow:before{content:"";width:14px;height:2px;background:var(--accent)}.cat-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);letter-spacing:.14em;font-weight:600;color:var(--cat, var(--accent))}.entity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.entity-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:24px 22px 20px;background:var(--paper-2);border:1px solid var(--line);border-radius:5px;overflow:hidden}.entity-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--cat)}.entity-card:hover{background:var(--white);border-color:var(--cat);transform:translateY(-2px);box-shadow:0 10px 28px #1b1a171a}.entity-card{transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.entity-card:focus-visible,.pick-card:focus-visible,.button:focus-visible,.filter-chip:focus-visible,.era-chip:focus-visible,.search-trigger:focus-visible,.top-nav a:focus-visible,.related-item:focus-visible,.hint-chip:focus-visible,.browse-clear:focus-visible,.modal-close:focus-visible,.detail-nav-item:focus-visible,.theme-toggle:focus-visible,.back-top:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.entity-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.entity-year{color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.06em;white-space:nowrap;font-family:var(--mono)}.entity-card h3{margin:2px 0 0;font-family:var(--serif);font-size:var(--fs-title);font-weight:600;letter-spacing:-.01em}.entity-foreign{margin:-4px 0 0;color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.1em}.entity-summary{margin:0;color:var(--ink-2);font-size:var(--fs-meta);line-height:1.85;flex:1}.entity-more{display:flex;align-items:center;justify-content:space-between;color:var(--cat);font-size:var(--fs-meta);padding-top:10px;border-top:1px solid var(--line)}.entity-card.featured{grid-column:span 2;grid-row:span 2}.entity-card.featured h3{font-size:30px}.entity-card.featured .entity-summary{font-size:var(--fs-body)}.entity-thumb{display:block;margin:2px -6px 0;border-radius:3px;overflow:hidden;background:var(--paper-3)}.entity-thumb img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform .35s ease}.entity-card:hover .entity-thumb img{transform:scale(1.03)}.entity-card.featured .entity-thumb img{aspect-ratio:16 / 8}.entity-card:not(:has(.entity-thumb)):after{position:absolute;right:10px;bottom:-18px;font-family:var(--serif);font-size:96px;line-height:1;color:var(--cat);opacity:.09;pointer-events:none}.entity-card[data-cat=civilization]:not(:has(.entity-thumb)):after{content:"◇"}.entity-card[data-cat=figure]:not(:has(.entity-thumb)):after{content:"○"}.entity-card[data-cat=artifact]:not(:has(.entity-thumb)):after{content:"□"}.entity-card[data-cat=event]:not(:has(.entity-thumb)):after{content:"△"}.route-loading{display:grid;place-items:center;min-height:55vh;color:var(--ink-3);font-family:var(--serif);font-size:15px;letter-spacing:.3em}.progress-track{height:8px;border-radius:99px;background:var(--line, #e5ddcb);overflow:hidden;margin:10px 0 4px}.progress-fill{height:100%;border-radius:99px;background:var(--gold, #b98a2f);transition:width .4s ease}.footprint-meta{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.footprint-meta b{font-size:26px;font-family:var(--serif)}.footprint-side{color:var(--ink-3);font-size:var(--fs-meta);line-height:1.9}.detail-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.collection-item{display:flex;flex-direction:column}.collection-num{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--gold, #b98a2f)}.collection-note{margin:2px 0 0;color:var(--ink-soft, #6b6455);font-size:13px}.route-error{padding:80px 5vw;max-width:640px}.route-error h1{font-family:var(--serif);font-size:clamp(26px,4vw,40px);font-weight:600;margin:12px 0}.route-error p{color:var(--ink-2);margin:0 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;min-height:40px;border-radius:4px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:var(--fs-meta);cursor:pointer;transition:all .18s}.button:hover{background:var(--ink);color:var(--paper)}.button-solid{background:var(--accent);border-color:var(--accent);color:var(--white)}.button-solid:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}.back-top{position:fixed;right:22px;bottom:26px;z-index:40;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:var(--panel-2);color:var(--ink);font-size:17px;line-height:1;cursor:pointer;box-shadow:0 8px 22px #1b1a1724;transition:background .18s,color .18s}.back-top:hover{background:var(--ink);color:var(--paper)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 5vw;border-top:1px solid var(--line);color:var(--ink-3);font-size:var(--fs-label)}.brand.mini .brand-mark{width:24px;height:24px;font-size:13px}.brand.mini .brand-copy strong{font-size:15px}.brand.mini .brand-copy small{font-size:9px}.site-footer p{margin:0}.foot-nav{display:flex;gap:18px}.foot-nav a{color:var(--ink-2)}.foot-nav a:hover{color:var(--accent)}@media(max-width:900px){.site-header{height:60px}.top-nav{gap:18px;font-size:var(--fs-label)}.top-nav a{padding:20px 0 17px}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.entity-grid{grid-template-columns:1fr 1fr}.entity-card.featured{grid-column:span 2;grid-row:auto}.section-pad{padding:52px 5vw}.section-head{flex-direction:column;align-items:flex-start;gap:10px}.section-head .side{text-align:left}.search-panel{padding:26px 20px}.site-footer{flex-direction:column;gap:8px;text-align:center}}@media(max-width:640px){.entity-grid{grid-template-columns:1fr}.entity-card.featured{grid-column:span 1}}.hero{position:relative;min-height:74vh;display:grid;grid-template-columns:48% 52%;align-items:center;gap:40px;padding:56px 5vw 72px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{margin-bottom:4px}.hero h1{font-family:var(--serif);font-size:var(--fs-display);line-height:1.18;letter-spacing:-.02em;margin:18px 0;font-weight:600}.hero h1 em{font-style:normal;color:var(--accent)}.hero-sub{color:var(--ink-2);font-size:var(--fs-body);line-height:1.95;max-width:440px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;gap:32px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}.hero-stat{display:flex;flex-direction:column;gap:4px}.hero-stat b{font-family:var(--serif);font-size:30px;color:var(--ink);line-height:1;font-weight:600}.hero-stat span{color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.08em}.hero-visual{position:relative;z-index:1}.hero-ring-wrap{max-width:520px;margin:0 auto}.skyline-svg{width:100%;height:auto;display:block;opacity:.5;color:var(--ink)}.skyline-base{fill:var(--paper);opacity:.92}.hero-ring{position:relative;aspect-ratio:1;max-width:380px;margin:-40px auto 0}.hero-ring svg{width:100%;height:100%;overflow:visible}.ring-track{fill:none;stroke:var(--line-2);stroke-width:1}.ring-tick{stroke:var(--ink-4);stroke-width:1}.ring-label{fill:var(--ink-3);font-size:10px;font-family:var(--mono);letter-spacing:.18em}.ring-dot{fill:var(--white);stroke:var(--cat, var(--accent));stroke-width:1.5;cursor:pointer;transition:r .18s,fill .18s}.ring-dot:hover{fill:var(--accent)}.ring-dot-label{fill:var(--ink);font-size:12px;font-family:var(--serif);font-weight:600}.ring-core{fill:none;stroke:var(--line-2);stroke-width:1;stroke-dasharray:2 5}.ring-lead{stroke:var(--ink-4);stroke-width:1;stroke-dasharray:2 3}.hero-ring g[role=button]{outline:none}.hero-ring g[role=button]:focus-visible .ring-dot{fill:var(--accent)}.picks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 5vw 64px}.pick-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line);border-radius:5px;background:var(--paper-2);cursor:pointer;text-align:left;color:var(--ink);transition:border-color .2s,background .2s}.pick-card:hover{background:var(--white);border-color:var(--c)}.pick-card .pick-icon{font-size:16px;color:var(--c);line-height:1}.pick-card strong{font-family:var(--serif);font-size:18px;font-weight:600}.pick-card small{color:var(--ink-3);font-size:var(--fs-label)}.pick-card b{position:absolute;top:20px;right:20px;color:var(--c);font-weight:400;font-size:14px}.daily{padding:56px 5vw 80px}.daily-inner{max-width:1000px;margin:0 auto}.daily-quote{text-align:center}.daily-quote .quote-mark{font-family:var(--serif);font-size:56px;line-height:.4;color:var(--ink-4)}.daily-quote p{font-family:var(--serif);font-size:clamp(19px,2.4vw,27px);letter-spacing:-.01em;line-height:1.8;margin:20px auto 14px;max-width:700px;font-weight:500}.daily-quote .src{color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.14em}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:36px;gap:8px}.hero-visual{order:-1;max-width:300px;margin:0 auto}.hero-stats{gap:22px}.picks{grid-template-columns:1fr 1fr}.daily{padding:40px 5vw 60px}}.timeline-page{padding:52px 0 96px}.timeline-hero{text-align:center;padding:20px 5vw 0}.timeline-hero .eyebrow{justify-content:center}.timeline-hero h1{font-family:var(--serif);font-size:clamp(28px,3.8vw,44px);letter-spacing:-.01em;margin:10px 0;font-weight:600}.timeline-hero p{color:var(--ink-2);font-size:var(--fs-body);margin:0 auto;max-width:560px;line-height:1.9}.tl-era-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:30px 5vw 0}.tl-era-seg{border:1px solid var(--line);background:var(--paper);padding:12px 8px 10px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:center;transition:all .16s}.tl-era-seg:hover{border-color:var(--ink-3);transform:translateY(-2px)}.tl-era-seg.active{background:var(--ink);border-color:var(--ink)}.tl-era-seg.active .seg-short,.tl-era-seg.active .seg-range{color:var(--paper)}.tl-era-seg.active .seg-count{color:var(--paper-2)}.tl-era-seg .seg-short{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}.tl-era-seg .seg-range{font-size:11px;color:var(--ink-3);white-space:nowrap}.tl-era-seg .seg-count{font-size:11px;color:var(--ink-3)}.tl-era-head{text-align:center;margin-top:44px}.tl-era-head h2{font-family:var(--serif);font-size:26px;font-weight:600;margin:6px 0 14px}.tl-cat-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tl-cat-chip{border:1px solid var(--line);background:transparent;color:var(--ink-2);padding:6px 14px;border-radius:999px;font-size:var(--fs-meta);cursor:pointer;transition:all .16s;min-height:34px}.tl-cat-chip:hover{border-color:var(--ink-3);color:var(--ink)}.tl-cat-chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.hband-scroll{overflow-x:auto;overflow-y:hidden;margin-top:26px;padding:0 5vw 8px;cursor:grab;scrollbar-width:thin}.hband-scroll.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.hband{position:relative;height:490px}.hband-axis{position:absolute;left:0;right:0;height:1px;background:var(--line-2, #bbb)}.hband-stem{position:absolute;width:1px;height:26px;background:var(--line-2, #bbb)}.hband-stem.above{transform:translateY(-26px)}.hband-dot{position:absolute;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px var(--paper);z-index:2}.hband-card{position:absolute;width:172px;z-index:3}.hband-card.read{opacity:.55}.hband-card.read:hover{opacity:1}.hband-link{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--white, #fff);text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}.hband-card:hover .hband-link,.hband-link:hover{border-color:var(--ink-2);box-shadow:0 4px 14px #0000000f}.hband-year{font-family:var(--serif);font-size:12.5px;font-weight:600;color:var(--ink-3)}.hband-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px;line-height:1.35}.hband-catdot{width:7px;height:7px;border-radius:50%;flex:none}.hband-kicker{font-size:12px;color:var(--ink-3);line-height:1.4}.hband-empty{padding:60px 0;text-align:center;color:var(--ink-3)}.hband-hint{text-align:center;color:var(--ink-faint, #999);font-size:var(--fs-label);letter-spacing:.1em;margin-top:10px}.tl-era-pager{display:flex;justify-content:space-between;max-width:900px;margin:34px auto 0;padding:0 5vw}.tl-pager-btn{border:1px solid var(--line);background:transparent;color:var(--ink-2);padding:12px 18px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .16s}.tl-pager-btn:hover{border-color:var(--ink);color:var(--ink)}@media(max-width:900px){.tl-era-nav{grid-template-columns:repeat(3,1fr)}.hband{height:430px}}[data-theme=dark] .hband-dot{box-shadow:0 0 0 4px var(--paper)}[data-theme=dark] .hband-link,[data-theme=dark] .tl-era-seg{background:var(--paper-2)}[data-theme=dark] .tl-era-seg.active{background:var(--paper)}[data-theme=dark] .tl-era-seg.active .seg-short,[data-theme=dark] .tl-era-seg.active .seg-range{color:var(--ink)}.browse-page{padding:56px 5vw 96px}.browse-head{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:28px}.browse-head h1{font-family:var(--serif);font-size:clamp(28px,3.8vw,42px);letter-spacing:-.01em;margin:10px 0;font-weight:600}.browse-head p{color:var(--ink-2);font-size:var(--fs-body);max-width:620px;line-height:1.9;margin:0}.browse-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;position:sticky;top:70px;z-index:10;background:var(--paper);padding:12px 0}@media(max-width:900px){.browse-controls{top:60px}}.browse-search-row .browse-search{flex:1;min-width:200px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);padding:7px 14px;font-size:var(--fs-meta);outline:0}.browse-search-row .browse-search:focus{border-color:var(--accent)}.browse-search-row .browse-search::placeholder{color:var(--ink-4)}.browse-count{color:var(--ink-3);font-size:var(--fs-meta);margin:0 0 16px;display:flex;align-items:center;gap:12px}.browse-clear{border:0;background:transparent;color:var(--accent);font-size:var(--fs-meta);cursor:pointer;padding:2px 4px}.browse-clear:hover{text-decoration:underline}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-row-label{color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.16em;margin-right:6px;white-space:nowrap}.filter-chip{border:1px solid var(--line);background:transparent;color:var(--ink-2);padding:6px 14px;min-height:36px;border-radius:4px;font-size:var(--fs-meta);cursor:pointer;transition:all .18s}.filter-chip:hover{border-color:var(--line-2);color:var(--ink)}.filter-chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filter-chip.cat.active{background:var(--white);border-color:var(--cat, var(--ink));color:var(--cat, var(--ink));font-weight:600}.browse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.browse-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:28px}.browse-pager .filter-chip:disabled{opacity:.35;cursor:default}.pager-info{color:var(--ink-3);font-size:var(--fs-meta);letter-spacing:.06em}.browse-empty{text-align:center;padding:72px 0;color:var(--ink-2);font-size:var(--fs-body)}.browse-empty b{display:block;font-family:var(--serif);font-size:var(--fs-title);color:var(--ink);margin-bottom:8px;font-weight:600}@media(max-width:1000px){.browse-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.browse-grid{grid-template-columns:1fr}}.detail-page{padding:0 0 88px}.read-progress{position:fixed;top:0;left:0;z-index:60;width:100%;height:3px;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}.detail-hero{position:relative;padding:64px 5vw 40px;background:var(--paper-2);border-bottom:1px solid var(--line)}.detail-hero-inner{position:relative;max-width:1100px;margin:0 auto}.detail-crumb{color:var(--ink-3);font-size:var(--fs-meta);margin-bottom:22px}.detail-crumb a:hover{color:var(--accent)}.detail-kicker{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.detail-hero h1{font-family:var(--serif);font-size:clamp(38px,5.4vw,62px);letter-spacing:-.02em;margin:12px 0 6px;font-weight:600}.detail-foreign{color:var(--ink-3);font-size:var(--fs-meta);letter-spacing:.16em;margin:0 0 16px;font-family:var(--mono)}.detail-summary{color:var(--ink-2);font-size:16px;line-height:1.95;max-width:640px;margin:0}.detail-range{margin-top:22px;display:flex;align-items:center;gap:14px;color:var(--accent);font-size:var(--fs-meta);letter-spacing:.06em;font-family:var(--mono)}.detail-range .bar{flex:0 0 52px;height:2px;background:var(--accent)}.detail-range span:last-child{color:var(--ink-3);font-family:var(--sans);letter-spacing:0}.detail-figure{margin:30px 0 0}.detail-figure img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;margin:0 auto;border-radius:5px;border:1px solid var(--line);background:var(--paper-3)}.detail-figure figcaption{margin-top:8px;color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.04em}.detail-figure figcaption a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}.detail-figure figcaption a:hover{color:var(--accent)}.detail-body{max-width:1100px;margin:0 auto;padding:48px 5vw 0;display:grid;grid-template-columns:1fr 320px;gap:56px}.detail-article p.para{font-size:16px;line-height:2.1;color:var(--ink-2);margin:0 0 24px;text-align:justify}.detail-article p.para:first-of-type:first-letter{font-family:var(--serif);font-size:2.6em;font-weight:600;float:left;line-height:1;padding:4px 10px 0 0;color:var(--cat)}.detail-quote{margin:34px 0;padding:22px 26px;border-left:2px solid var(--cat);background:var(--paper-2);border-radius:0 4px 4px 0}.detail-quote p{font-family:var(--serif);font-size:19px;line-height:1.85;margin:0 0 8px;font-weight:500}.detail-quote cite{color:var(--ink-3);font-size:var(--fs-meta);font-style:normal;letter-spacing:.08em}.detail-side{display:flex;flex-direction:column;gap:26px;align-self:start;position:sticky;top:92px}.detail-side h4{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:var(--fs-label);letter-spacing:.2em;color:var(--ink-3);font-weight:600}.facts-card{border:1px solid var(--line);border-radius:5px;padding:22px;background:var(--white)}.fact-row{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-bottom:1px solid var(--line)}.fact-row:last-child{border-bottom:0}.fact-row span{color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.12em}.fact-row b{font-size:var(--fs-meta);font-weight:500;line-height:1.75;color:var(--ink)}.related-card{border:1px solid var(--line);border-radius:5px;padding:22px;background:var(--white)}.related-item{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-bottom:1px solid var(--line);transition:color .15s}.related-item:last-child{border-bottom:0}.related-item:hover .r-name{color:var(--accent)}.r-name{font-family:var(--serif);font-size:16px;font-weight:600}.r-meta{color:var(--ink-3);font-size:var(--fs-label)}.sameera-section{max-width:1100px;margin:0 auto;padding:56px 5vw 0}.sameera-section h3{font-family:var(--serif);font-size:24px;font-weight:600;margin:0 0 6px}.sameera-sub{color:var(--ink-3);font-size:var(--fs-meta);margin:0 0 20px}.sameera-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-nav{max-width:1100px;margin:0 auto;padding:48px 5vw 0;display:flex;justify-content:space-between;gap:14px}.detail-nav-item{flex:1;display:flex;flex-direction:column;gap:6px;padding:18px 22px;border:1px solid var(--line);border-radius:5px;background:var(--paper-2);transition:border-color .2s,background .2s}.detail-nav-item:hover{background:var(--white);border-color:var(--accent)}.detail-nav-item.next{text-align:right}.detail-nav-item small{color:var(--ink-3);font-size:var(--fs-label);letter-spacing:.08em}.detail-nav-item strong{font-family:var(--serif);font-size:18px;font-weight:600}@media(max-width:900px){.detail-body{grid-template-columns:1fr;gap:36px}.detail-side{position:static}.sameera-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.sameera-grid>*{flex:0 0 82%;scroll-snap-align:start}.detail-hero{padding-top:44px}.detail-article p.para{text-align:left}.detail-nav{flex-direction:column}.detail-nav-item.next{text-align:left}}.detail-section{margin-top:4px}.detail-sec-h{font-family:var(--serif);font-size:21px;font-weight:600;margin:36px 0 16px;padding-left:12px;border-left:3px solid var(--cat);letter-spacing:.05em;line-height:1.5}.detail-sec-h+.para{margin-top:0}.tts-msg{display:block;width:100%;margin-top:10px;font-size:13px;color:#b4443c;line-height:1.6}