*{box-sizing:border-box}:root{--bg:#101820;--card:#18232e;--ink:#efe6d2;--mut:#b4ab98;--gold:#d2a94e;--line:#2c3947}
:root[data-t=l]{--bg:#f6f0e2;--card:#fffaf0;--ink:#2a2418;--mut:#5d5444;--gold:#8a6414;--line:#d9cdb0}
html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:clamp(1rem,.95rem + .25vw,1.15rem)/1.7 Georgia,"Iowan Old Style",serif;overflow-x:hidden}
a{color:var(--gold)}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:100;background:var(--gold);color:#171a1d;padding:.7rem 1rem;border-radius:.4rem;font:700 .9rem system-ui,sans-serif}.skip-link:focus{top:.6rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.top{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.8rem;padding:.5rem max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left));min-height:3.5rem}
.brand{font-weight:700;color:var(--ink);text-decoration:none;margin-right:auto;font-size:1rem}
nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:.4rem 1rem 1rem;flex-direction:column;max-height:calc(100dvh - 3.5rem);overflow:auto}
.top.open nav{display:flex}nav a{display:block;padding:.8rem .4rem;min-height:44px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);font:600 1rem system-ui,sans-serif}
nav a.on{color:var(--gold)}
button{background:none;border:1px solid var(--line);color:var(--ink);border-radius:.4rem;padding:.4rem .8rem;min-height:44px;font:600 .9rem system-ui,sans-serif;cursor:pointer}
.burger{display:grid;place-content:center;gap:5px;width:44px;padding:0}.burger span{display:block;width:22px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero,main,footer{width:100%;max-width:80rem;margin:auto;padding-left:max(1.2rem,env(safe-area-inset-left));padding-right:max(1.2rem,env(safe-area-inset-right))}
.hero{padding-top:clamp(2.5rem,8vw,6rem);padding-bottom:clamp(1.5rem,4vw,3rem)}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-top:clamp(2.8rem,7vw,6rem);padding-bottom:clamp(2.8rem,6vw,5rem)}
.hero:before{content:"";position:absolute;z-index:-1;inset:0 -2rem;background:radial-gradient(ellipse at 12% 8%,rgba(210,169,78,.12),transparent 42%),radial-gradient(ellipse at 92% 88%,rgba(210,169,78,.08),transparent 38%);pointer-events:none}
.hero-copy{min-width:0}.hero-kicker{display:flex;align-items:center;gap:.6rem;margin:0 0 1.25rem;color:var(--gold);font:700 .7rem/1.4 system-ui,sans-serif;letter-spacing:.16em}.hero-kicker-dot{width:.48rem;height:.48rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 17%,transparent)}
.hero h1{font-size:clamp(2.7rem,6.2vw,5.5rem);line-height:1.01;letter-spacing:-.045em;margin:0 0 1.25rem;font-weight:700}.hero h1 em{color:var(--gold);font-weight:400}.hero h1 span{font:600 .82rem/1.4 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-top:1.15rem}
.hero .lead{max-width:42rem;font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.65;margin:0;color:var(--mut)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.72rem 1.05rem;border-radius:.45rem;text-decoration:none;font:700 .88rem/1.2 system-ui,sans-serif;transition:transform .18s ease,background .18s ease,border-color .18s ease}.hero-btn:hover{transform:translateY(-2px)}.hero-btn-primary{background:var(--gold);color:#171a1d;border:1px solid var(--gold)}.hero-btn-secondary{color:var(--ink);border:1px solid var(--line);background:var(--card)}.hero-note{max-width:38rem;color:var(--mut);font: .78rem/1.55 system-ui,sans-serif;margin:1.15rem 0 0}
.hero-feature{position:relative;min-width:0;overflow:hidden;padding:1.25rem clamp(1rem,2vw,1.5rem) 1rem;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));border-radius:1rem;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,var(--gold) 6%),var(--card) 65%);box-shadow:0 18px 55px rgba(0,0,0,.16)}.hero-feature:after{content:"";position:absolute;width:13rem;height:13rem;border:1px solid color-mix(in srgb,var(--gold) 15%,transparent);border-radius:50%;right:-7rem;top:-7rem;box-shadow:0 0 0 1.2rem color-mix(in srgb,var(--gold) 5%,transparent),0 0 0 2.4rem color-mix(in srgb,var(--gold) 3%,transparent);pointer-events:none}
.hero-feature-top{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.hero-seal{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:italic 1.4rem Georgia,serif}.hero-feature-top small,.hero-origin small{display:block;color:var(--mut);font:700 .62rem/1.4 system-ui,sans-serif;letter-spacing:.12em}.hero-feature-top strong{display:block;font:700 1rem/1.4 system-ui,sans-serif}.hero-record-tag{margin-left:auto;padding:.25rem .45rem;border:1px solid var(--gold);border-radius:2rem;color:var(--gold);font:700 .58rem system-ui,sans-serif;letter-spacing:.1em}
.hero-lineage{position:relative;padding:.9rem 0 .7rem .25rem}.hero-generation{position:relative;display:flex;flex-direction:column;padding:.36rem 0 .36rem 1.5rem}.hero-generation:before{content:"";position:absolute;left:.05rem;top:.78rem;width:.62rem;height:.62rem;border-radius:50%;background:var(--gold);border:2px solid var(--card);box-shadow:0 0 0 1px var(--gold)}.hero-generation small{color:var(--mut);font:700 .58rem/1.35 system-ui,sans-serif;letter-spacing:.12em}.hero-generation strong{font:600 1rem/1.45 Georgia,serif}.hero-generation-muted strong{color:var(--mut);font-style:italic;font-size:.91rem}.hero-generation-current strong{color:var(--gold);font-size:1.12rem}.hero-generation-current strong span{font-size:.84rem;font-style:italic}.hero-line{display:block;width:1px;height:.55rem;margin-left:.35rem;background:color-mix(in srgb,var(--gold) 60%,var(--line))}
.hero-origin{display:flex;align-items:center;gap:.65rem;padding:.8rem .85rem;border:1px solid var(--line);border-radius:.55rem;background:color-mix(in srgb,var(--bg) 72%,transparent)}.hero-pin{color:var(--gold);font-size:1.3rem}.hero-origin strong{display:block;font:700 .95rem/1.4 system-ui,sans-serif}.hero-origin-label{margin-left:auto;color:var(--mut);font: .68rem/1.4 system-ui,sans-serif;text-align:right}.hero-disclaimer{font: .68rem/1.5 system-ui,sans-serif;color:var(--mut);margin:.65rem 0 0}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:1.8rem;padding-top:2.7rem}.hero h1{font-size:clamp(2.65rem,12vw,4.2rem)}.hero-feature{max-width:38rem}.hero-actions{gap:.6rem}.hero-btn{flex:1 1 12rem}}
@media(prefers-reduced-motion:reduce){.hero-btn{transition:none}.hero-btn:hover{transform:none}}

h1{font-size:clamp(2.3rem,8vw,5.2rem);line-height:1.05;margin:0 0 1rem;font-weight:700;letter-spacing:-.01em}h1 span{display:block;font-size:.48em;color:var(--gold);font-weight:400;font-style:italic;margin-top:.3rem}
h2{font-size:clamp(1.55rem,4vw,2.1rem);line-height:1.2;margin:0 0 .8rem}section{padding:clamp(1.8rem,4vw,3.2rem) 0;border-top:1px solid var(--line)}h3{font-size:1.05rem;margin:0 0 .3rem}
.lead{font-size:clamp(1.1rem,2.2vw,1.4rem);color:var(--mut);max-width:48rem}.c>p{max-width:46rem;margin:.6rem 0}
.bd{display:inline-block;font:600 .72rem/1 system-ui,sans-serif;padding:.3rem .5rem;border-radius:.3rem;border:1px solid;vertical-align:middle;margin-right:.3rem}
.d{color:#7ed39a;border-color:#7ed39a}.t{color:var(--gold);border-color:var(--gold)}.f{color:#e59a7c;border-color:#e59a7c}
:root[data-t=l] .d{color:#1d6a3a;border-color:#1d6a3a}:root[data-t=l] .f{color:#9a4325;border-color:#9a4325}
.note,.qa,details,.faq article,.tree li{background:var(--card);border:1px solid var(--line);border-radius:.6rem;padding:.8rem 1rem}.qa{list-style:none;margin:0 0 1rem;display:grid;gap:.6rem}
.tl,.faq{display:grid;gap:.7rem}summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .5rem}summary small{color:var(--mut);font-weight:400}details p{margin:.4rem 0 .2rem}
.a{margin:0;color:var(--mut)}.tree{list-style:none;padding:0;display:grid;gap:.5rem;border-left:2px solid var(--gold);margin:0 0 0 .5rem}.tree li{margin-left:1rem}
.map{width:100%;height:auto;background:var(--card);border:1px solid var(--line);border-radius:.6rem}.map text{fill:var(--ink);font-family:system-ui,sans-serif}
#route{animation:flow 2.5s linear infinite}@keyframes flow{to{stroke-dashoffset:-48}}
figure{margin:1rem 0}figure img{border-radius:.6rem;height:auto;max-width:100%}.c ul{padding-left:1.2rem;max-width:46rem}
footer{padding-top:2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom));color:var(--mut);font-size:.9rem;border-top:1px solid var(--line);overflow-wrap:anywhere}
@media(min-width:640px){.tl,.faq{grid-template-columns:1fr 1fr}.qa{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.burger{display:none}.brand{margin-right:1.5rem}
nav{display:flex;position:static;flex-direction:row;border:0;padding:0;max-height:none;overflow:visible;gap:.2rem 1rem;flex:1;justify-content:center;flex-wrap:wrap}
nav a{display:inline-block;padding:.3rem 0;min-height:0;border:0;font:600 .85rem system-ui,sans-serif;color:var(--mut)}nav a:hover,nav a.on,nav a[aria-current=page]{color:var(--gold)}
.top{padding-left:max(2rem,calc((100vw - 80rem)/2 + 1.2rem));padding-right:max(2rem,calc((100vw - 80rem)/2 + 1.2rem))}.brand{margin-right:0}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:end}.hero .lead{margin:0}
section{display:grid;grid-template-columns:17rem 1fr;gap:3rem;align-items:start}section>:is(h2,h1){position:sticky;top:5rem;margin:0}
.tl,.faq{grid-template-columns:1fr 1fr}.faq article,.tl details{height:100%}.qa{grid-template-columns:1fr}
.map{max-width:60rem}}
@media(min-width:1500px){.hero,main,footer{max-width:92rem}.top{padding-left:max(2rem,calc((100vw - 92rem)/2 + 1.2rem));padding-right:max(2rem,calc((100vw - 92rem)/2 + 1.2rem))}section{grid-template-columns:20rem 1fr}}
@media(prefers-reduced-motion:reduce){#route{animation:none}html{scroll-behavior:auto}.burger span{transition:none}}.tb{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:36rem}th,td{border:1px solid var(--line);padding:.5rem .6rem;text-align:left;vertical-align:top}th{background:var(--card)}
.history-timeline{display:grid;gap:.85rem}.history-event{display:grid;grid-template-columns:1fr;gap:.65rem;background:var(--card);border:1px solid var(--line);border-radius:.7rem;padding:1rem;min-width:0}.event-year{font:700 .82rem/1.3 system-ui,sans-serif;letter-spacing:.04em;color:var(--gold);text-transform:uppercase}.history-event h3{font-size:1.12rem;margin:0 0 .35rem}.history-event p{margin:.3rem 0 0;max-width:58rem}.person-portrait{margin:.3rem 0 0;max-width:17rem}.person-portrait img{display:block;width:100%;height:16rem;object-fit:cover;object-position:center top;border:1px solid var(--line);background:var(--bg)}.person-portrait figcaption{font: .76rem/1.5 system-ui,sans-serif;color:var(--mut);margin-top:.4rem}.family-event{border-color:var(--gold)}@media(min-width:700px){.history-event{grid-template-columns:9rem minmax(0,1fr) 13rem;align-items:start}.history-event:not(:has(.person-portrait)){grid-template-columns:9rem minmax(0,1fr)}.person-portrait{width:100%;max-width:13rem}.person-portrait img{height:15rem}}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin:1.2rem 0}.card{background:var(--card);border:1px solid var(--line);border-radius:.7rem;padding:1rem}.card h3{color:var(--gold)}.src{font-size:.92rem;color:var(--mut)}@media(min-width:1000px){nav{display:flex;position:static;flex-direction:row;max-height:none;overflow:visible;border:0;padding:0;gap:.15rem}nav a{padding:.5rem .4rem;font-size:.78rem;border:0}.burger{display:none}}\n@media print{.top,.hero-actions,.skip-link{display:none!important}body{background:#fff!important;color:#111!important;font-size:11pt}section{break-inside:avoid;border-color:#bbb}a{color:#111;text-decoration:underline}.card,.note,details,.faq article,.tree li{background:#fff!important;color:#111!important;box-shadow:none!important}}

.history-visual{margin:1.25rem 0 1.5rem;padding:0;border:1px solid var(--line,rgba(160,160,160,.28));border-radius:16px;overflow:hidden;background:var(--panel,rgba(128,128,128,.06))}.history-visual img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#f4f4f1}.history-visual figcaption{padding:.85rem 1rem;font-size:.88rem;line-height:1.55;color:var(--muted,inherit)}.history-visual figcaption strong{color:var(--text,inherit)}.history-visual a{font-weight:600;text-decoration:underline;text-underline-offset:2px}.ruler-visual{max-width:520px}.visual-note{font-size:.88rem;color:var(--muted,inherit);border-left:3px solid var(--accent,#9a865e);padding:.65rem .9rem;margin:.5rem 0 1.2rem}@media(min-width:800px){.history-visual:not(.ruler-visual) img{max-height:620px}}

/* Editorial image system and refined responsive surfaces */
:root{--gold-soft:rgba(210,169,78,.18);--paper:#e9dfc8}
.hero:before{background:linear-gradient(115deg,rgba(16,24,32,.97) 0%,rgba(16,24,32,.87) 58%,rgba(16,24,32,.66) 100%),url("https://thumb.wikimedia.org/wikipedia/commons/thumb/2/2a/Mongol_Empire_%28greatest_extent%29.svg/960px-Mongol_Empire_%28greatest_extent%29.svg.png") center/cover no-repeat,radial-gradient(ellipse at 12% 8%,rgba(210,169,78,.16),transparent 42%)}
:root[data-t=l] .hero:before{background:linear-gradient(115deg,rgba(246,240,226,.97) 0%,rgba(246,240,226,.88) 58%,rgba(246,240,226,.72) 100%),url("https://thumb.wikimedia.org/wikipedia/commons/thumb/2/2a/Mongol_Empire_%28greatest_extent%29.svg/960px-Mongol_Empire_%28greatest_extent%29.svg.png") center/cover no-repeat}
.history-figure{min-width:0;margin:1.25rem 0;padding:.65rem;background:var(--card);border:1px solid var(--line);border-radius:.85rem;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.history-figure img{display:block;width:100%;height:auto;max-height:30rem;object-fit:contain;border-radius:.45rem;background:var(--bg)}
.history-figure figcaption{padding:.65rem .35rem .25rem;color:var(--mut);font: .76rem/1.55 system-ui,sans-serif}
.history-figure figcaption strong{color:var(--ink)}
.wide-figure img{max-height:27rem}
.map-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;align-items:start}
.map-pair .history-figure{height:100%}
.regional-figure{max-width:34rem}
.card{transition:border-color .18s ease,transform .18s ease}
.card:hover{border-color:color-mix(in srgb,var(--gold) 65%,var(--line));transform:translateY(-2px)}
section{scroll-margin-top:5.5rem}
section>:is(h2,h1){font-family:Georgia,"Iowan Old Style",serif;letter-spacing:-.025em}
.brand{letter-spacing:.04em}
@media(max-width:760px){.hero:before{inset:0 -1.2rem}.history-figure{padding:.45rem}.history-figure figcaption{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

/* Lower-page editorial redesign: section rhythm, reading surfaces and responsive cards */
main{padding-bottom:clamp(2rem,5vw,5rem)}
main>section{
  position:relative;
  padding:clamp(2.2rem,4.6vw,4.2rem) 0;
  border-top:1px solid color-mix(in srgb,var(--gold) 24%,var(--line));
}
main>section:nth-of-type(even){
  background:linear-gradient(90deg,transparent, color-mix(in srgb,var(--gold) 3.2%,transparent) 48%,transparent);
}
main>section>:is(h2,h1){
  align-self:start;
  color:var(--gold);
  font-size:clamp(1.35rem,2.1vw,1.75rem);
  line-height:1.22;
  letter-spacing:-.035em;
  max-width:16rem;
  padding-top:.2rem;
}
main>section>:is(h2,h1):before{
  content:"HISTORY & HERITAGE";
  display:block;
  margin-bottom:.8rem;
  color:var(--mut);
  font:700 .62rem/1.2 system-ui,sans-serif;
  letter-spacing:.19em;
}
main>section>.c{
  min-width:0;
  padding:clamp(1rem,2.6vw,2rem);
  border:1px solid color-mix(in srgb,var(--gold) 17%,var(--line));
  border-radius:1rem;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--card) 97%,var(--gold) 3%),
    var(--card) 72%);
  box-shadow:0 14px 38px rgba(0,0,0,.10);
}
.c>p:first-child{margin-top:0}
.c>p:last-child{margin-bottom:0}
.c p{line-height:1.78}
.c h3{
  color:var(--ink);
  font-size:clamp(1.05rem,1.4vw,1.22rem);
  line-height:1.35;
  margin:1.55rem 0 .45rem;
}
.c h3:first-child{margin-top:.25rem}
.c a{text-decoration-thickness:1px;text-underline-offset:3px}
.c a:hover{color:var(--ink)}
.qa{gap:.75rem;padding:0;background:transparent;border:0}
.qa li{
  padding:1rem 1.1rem;
  border:1px solid var(--line);
  border-left:3px solid var(--gold);
  border-radius:.65rem;
  background:color-mix(in srgb,var(--bg) 42%,var(--card));
  line-height:1.65;
}
.note,.faq article,.tree li,details,.card{
  border-radius:.75rem;
  box-shadow:0 7px 22px rgba(0,0,0,.07);
}
.note{border-left:3px solid var(--gold);padding:1rem 1.1rem}
.bd{letter-spacing:.035em;text-transform:uppercase;font-size:.64rem}
.grid{gap:1rem;margin:1.4rem 0}
.card{
  padding:1.2rem;
  background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 92%,var(--gold) 8%));
}
.card h3{margin-top:0;color:var(--gold)}
.card p:last-child{margin-bottom:0}
.history-event{
  border-radius:.8rem;
  padding:1.15rem;
  background:linear-gradient(120deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--gold) 6%));
  border-color:color-mix(in srgb,var(--gold) 18%,var(--line));
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.history-event h3{color:var(--ink)}
.event-year{display:inline-flex;align-items:center;min-height:1.8rem;padding:.25rem .6rem;border:1px solid color-mix(in srgb,var(--gold) 50%,var(--line));border-radius:2rem;width:max-content}
.history-figure,.history-visual{
  border-radius:.9rem;
  border-color:color-mix(in srgb,var(--gold) 25%,var(--line));
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.history-figure figcaption,.history-visual figcaption{font-size:.78rem;line-height:1.65}
.tree{gap:.7rem;margin-left:.4rem;padding-left:.15rem}
.tree li{
  position:relative;
  padding:1rem 1.15rem;
  border-left:3px solid var(--gold);
  background:linear-gradient(110deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--gold) 5%));
}
.faq{gap:.8rem}
.faq article{padding:1.1rem 1.2rem;background:var(--card);border-color:var(--line)}
.faq article h3{margin:.1rem 0 .55rem;color:var(--gold)}
.faq article p{margin:0}
.tb{border:1px solid var(--line);border-radius:.7rem}
table{border:0;min-width:32rem}
th{color:var(--gold);font:700 .78rem system-ui,sans-serif;letter-spacing:.04em}
td,th{padding:.8rem .9rem}
footer{margin-top:1rem;padding-top:2.5rem;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--gold) 4%,transparent));}
@media(min-width:1000px){
  main>section{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);column-gap:clamp(2rem,4vw,4rem)}
  main>section>:is(h2,h1){top:6rem;max-width:16rem}
  main>section>.c{padding:clamp(1.4rem,2.4vw,2.2rem)}
}
@media(max-width:639px){
  main>section{padding:2rem 0}
  main>section>.c{padding:1rem;border-radius:.8rem}
  .qa li{padding:.85rem}
  .history-event{padding:.9rem}
  .tree li{margin-left:.75rem}
}
@media(prefers-reduced-motion:no-preference){
  .history-event,.faq article,.tree li,.qa li{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
  .history-event:hover,.faq article:hover,.tree li:hover,.qa li:hover{
    border-color:color-mix(in srgb,var(--gold) 60%,var(--line));
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(0,0,0,.12);
  }
}
:root[data-t=l] main>section>.c{box-shadow:0 12px 32px rgba(64,48,20,.07)}

.profile-portrait{margin:1rem 0 0;max-width:16rem}.profile-portrait img{display:block;width:100%;height:auto;aspect-ratio:800/1018;object-fit:cover;border:1px solid var(--line);border-radius:.5rem;background:var(--card)}.profile-portrait figcaption{font:.76rem/1.5 system-ui,sans-serif;color:var(--mut);margin-top:.4rem}

/* Multi-page additions */
.crumbs{display:block;text-align:left;justify-content:flex-start;font:.82rem/1.4 system-ui,sans-serif;color:var(--mut);padding:1.2rem 0 .2rem}
.crumbs a{color:var(--gold);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-hidden]{margin:0 .4rem}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.4rem 0 .4rem;border-top:1px solid var(--line)}
.pager a{display:block;padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));border-radius:.8rem;background:var(--card);color:var(--ink);text-decoration:none}
.pager a:hover{border-color:var(--gold)}
.pager a small{display:block;font:700 .66rem/1.2 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:.35rem}
.pager a strong{font-family:Georgia,"Iowan Old Style",serif;font-size:1.05rem;color:var(--gold)}
.pager .next{text-align:right;grid-column:2}.pager .prev{grid-column:1}
.pager .all{grid-column:1/-1;text-align:center;font:.85rem system-ui,sans-serif;color:var(--gold)}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.topic-card{display:flex;flex-direction:column;height:100%;padding:1.1rem 1.2rem;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));border-radius:.8rem;background:var(--card);color:var(--ink);text-decoration:none}
.topic-card:hover,.topic-card:focus-visible{border-color:var(--gold);transform:translateY(-2px)}
.topic-card small{font:700 .66rem/1.2 system-ui,sans-serif;letter-spacing:.16em;color:var(--mut);text-transform:uppercase}
.topic-card h3{margin:.45rem 0 .4rem;font-size:1.08rem;line-height:1.25;color:var(--gold);font-family:Georgia,"Iowan Old Style",serif}
.topic-card p{margin:0;font:.85rem/1.55 system-ui,sans-serif;color:var(--mut)}
@media (max-width:600px){.pager{grid-template-columns:1fr}.pager .next,.pager .prev{grid-column:1;text-align:left}}
@media (prefers-reduced-motion:reduce){.topic-card:hover{transform:none}}
@media print{.pager,.crumbs{display:none}}