/* Imperial personnel archive. Loaded after shared theme layers, scoped to the
   existing people / arcana components. Sealed visibility is controlled by JS. */
#people,#bonds{--record-gold:#d6b980;--record-line:rgba(214,185,128,.32);--record-paper:#0e1826}
#people .people-eyebrow,#bonds .bond-intro-line{border-top:1px solid var(--record-line);padding-top:21px;color:#d6bd91}
#people .chip,#bonds .arc-region-tab{background:linear-gradient(160deg,#162233,#0c1522);border-color:var(--record-line);color:#d5d4cf;transition:background .2s,border-color .2s,color .2s;min-height:44px}
#people .chip.on,#bonds .arc-region-tab.active{color:#fff0d1;border-color:#d6b980;background:linear-gradient(145deg,#3b3223,#1c2430);box-shadow:inset 0 -3px #d6b980,inset 0 1px rgba(255,237,189,.18)}
#people .strip{gap:15px;padding:5px 3px 19px;scroll-padding-inline:3px;touch-action:pan-x pan-y}
#people .ct{width:clamp(170px,15vw,210px);background:linear-gradient(155deg,#182333,#0c1521);border-color:rgba(214,185,128,.4);box-shadow:0 6px 15px rgba(0,0,0,.16);transition:border-color .22s,box-shadow .22s,transform .22s}
#people .ct .im{aspect-ratio:3/4.15;filter:brightness(.9) saturate(.9);position:relative;transition:filter .22s}
#people .ct .im:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(6,12,23,.42),transparent 40%)}
#people .ct:before{inset:4px;box-shadow:none;border:1px solid rgba(235,211,166,.09)}
#people .ct:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--cast-accent,#d6b980);opacity:.55;pointer-events:none}
#people .ct img{transition:transform .28s ease}
#people .ct b{padding:15px 15px 0;font-size:16px;line-height:1.5;color:#f1e6d4}
#people .ct small{padding:0 15px;margin:7px 0 0;min-height:33px;font-size:12px;line-height:1.5;color:#d0d3d8}
#people .ct-affiliation{display:block;padding:10px 15px 15px;color:var(--cast-accent,#ccb58f);font:600 10px/1.5 var(--ui);letter-spacing:.06em;border-top:1px solid rgba(214,185,128,.13);margin-top:8px}
#people .ct.on{background:linear-gradient(150deg,#282c31,#132132);border-color:#ecd19a;box-shadow:0 0 0 1px #d6b980,0 8px 24px rgba(0,0,0,.32)}
#people .ct.on:after{opacity:1;height:3px}
#people .ct.on .ct-serial{background:#dfc58f;color:#151b25;border-color:#efdaaa}
#people .people-index-head{padding:22px 0 15px;border-top:1px solid var(--record-line)}
#people .ct.on .im{filter:none}
#people .ct-serial{background:rgba(7,13,23,.83);border-color:rgba(224,193,137,.55);color:#ecdbb8}
#people .people-gallery-actions button{width:44px;height:44px}
#people .people-gallery-actions button:disabled{opacity:.35;cursor:default}
#people .people-dossier{overflow:clip;border-color:rgba(214,185,128,.5);background:linear-gradient(125deg,#152233,#0d1726);box-shadow:0 22px 65px rgba(0,0,0,.3)}
#people .people-dossier:before{opacity:.04}
#people .people-dossier-top{padding-block:19px;background:linear-gradient(110deg,#242a2d,#101a29);border-bottom-color:var(--record-line)}
#people .cstage{grid-template-columns:minmax(0,44%) minmax(0,56%);padding:22px;gap:24px;align-items:start}
#people .cpor{position:relative;top:auto;align-self:start;height:clamp(540px,76vh,820px);min-height:0;border:1px solid var(--record-line);box-shadow:0 15px 40px rgba(0,0,0,.3)}
#people .cpor img{object-fit:cover;object-position:center 18%}
#people .cpor:before{display:block;content:"";position:absolute;inset:10px;z-index:3;border:1px solid rgba(224,198,152,.38);pointer-events:none;background:linear-gradient(#d6b980,#d6b980) left top / 30px 1px no-repeat,linear-gradient(#d6b980,#d6b980) right bottom / 30px 1px no-repeat}
#people .cpor-top,#people .cpor-bottom{left:25px;right:25px}
#people .cinfo{padding:20px 20px 25px;background:linear-gradient(145deg,rgba(15,26,40,.96),rgba(9,18,31,.96));min-height:0;border:1px solid rgba(214,185,128,.15)}
#people .cinfo .fac{font-size:12px;line-height:1.7;padding-bottom:17px;border-bottom-color:var(--record-line)}
#people .cinfo h3{font-size:clamp(38px,4vw,59px);margin-top:24px;line-height:1.2}
#people .cinfo .role{color:#ddc394;font-size:21px}
#people .cinfo blockquote.quote{margin-block:24px;padding:15px 19px;border-left-color:var(--record-gold);background:linear-gradient(90deg,rgba(207,171,100,.08),transparent);font-size:20px}
#people .cinfo dl{gap:0;margin-top:20px}
#people .cinfo dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:21px 0;border-bottom-color:rgba(214,185,128,.19)}
#people .cinfo dl dt{font-size:13px;letter-spacing:.05em;color:#dfc591}
#people .cinfo dl dt small{color:var(--rc);opacity:.9}
#people .cinfo dl dd{margin:0;font-size:15.5px;line-height:1.95;color:#e0dfda;max-width:60ch;overflow-wrap:anywhere}
#people .cast-profile-links{border-color:var(--record-line);background:rgba(6,14,24,.54);padding:20px}
#people .cast-profile-links button{min-height:44px;background:#152235;transition:border-color .2s,background .2s}
#people .cpor.anim,#people .cinfo.anim{animation:personnel-arrive .26s ease-out both}
@keyframes personnel-arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}
#bonds .arcana-layout{grid-template-columns:minmax(0,1fr) minmax(350px,390px);gap:20px}
#bonds .arcana-board,#bonds .arcana-dossier{position:relative;border-color:rgba(214,185,128,.46);box-shadow:0 18px 40px rgba(0,0,0,.25)}
#bonds .arcana-topline,#bonds .arc-dossier-stamp{background:linear-gradient(115deg,#232b32,#101a2b);border-bottom-color:var(--record-line)}
#bonds .arcana-topline{padding:25px 22px;box-shadow:inset 0 3px #b99a60}
#bonds .arcana-topline h3{font-size:25px}
#bonds .arcana-board{padding:6px;background:#080f1b}
#bonds .arcana-scroll{box-shadow:inset 0 0 80px rgba(0,0,0,.35)}
#bonds .arcana-tools button{min-height:44px;min-width:44px;border-color:var(--record-line);transition:background .2s}
#bonds .arcana-scroll{background:radial-gradient(ellipse at 50% 50%,rgba(89,91,121,.18),transparent 68%),linear-gradient(145deg,#101c2e,#07101c);overscroll-behavior-x:contain;touch-action:pan-x pan-y}
#bonds .arc-starfield circle.star-bright{opacity:.8}
#bonds .arc-geometry{opacity:.72}
#bonds .arc-thread{stroke-width:1.3;opacity:.36;transition:opacity .22s,stroke-width .22s;pointer-events:none}
#bonds .arc-thread.muted{opacity:.06}
#bonds .arc-thread.selected{opacity:1;stroke-width:2.7}
#bonds .arc-person{transition:opacity .22s}
#bonds .arc-person.is-dim{opacity:.22}
#bonds .arc-rim{stroke-width:2;transition:stroke-width .2s,stroke .2s}
#bonds .arc-person.is-selected .arc-rim{stroke:#ecd19a;stroke-width:4}
#bonds .arc-person.is-selected .arc-outer-ring{stroke:#ddbf88;opacity:1;stroke-width:1.6}
#bonds .arc-person.is-selected .arc-glow{stroke:#d6b980;opacity:.45;stroke-width:1.5;stroke-dasharray:none}
#bonds .arc-person-name{fill:#f5ead7;font-size:16px;stroke-width:5px}
#bonds .arc-person-role{fill:#c6d1de;stroke-width:4px}
#bonds .arcana-dossier{background:linear-gradient(150deg,#172335,#0b1422);min-height:580px;padding-bottom:22px}
#bonds .arc-dossier-stamp{padding:23px 22px;box-shadow:inset 0 3px #b99a60;color:#dcc18f;letter-spacing:.16em}
#bonds .arc-dossier-person{padding:25px 22px;gap:18px;align-items:flex-start;background:radial-gradient(ellipse at 0 0,rgba(184,146,77,.12),transparent 75%)}
#bonds .arc-dossier-photo{box-shadow:0 0 0 4px rgba(216,185,128,.06);border-color:#b99a60}
#bonds .arc-dossier-photo img{display:block;width:88px;height:122px}
#bonds .arc-dossier-person h3{font-size:26px;color:#fff0d4}
#bonds .arc-dossier-person small{font-size:12px;line-height:1.75}
#bonds .arc-dossier-person p{font-size:14px;line-height:1.85;color:#d8dce0}
#bonds .arc-profile-link{min-height:36px;padding-block:8px}
#bonds .arc-relation-summary{margin-inline:22px;padding-block:16px 0;border-top-color:var(--record-line)}
#bonds .arc-dossier-caption{margin:26px 20px 13px;padding:12px 10px;background:rgba(213,180,116,.07);border-bottom:1px solid var(--record-line);font:700 15px var(--disp);color:#e4c995}
#bonds .arc-connection-list{gap:12px;padding-inline:17px}
#bonds .arc-connection{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:15px 12px;background:linear-gradient(120deg,rgba(30,42,59,.72),rgba(8,16,28,.65));border-color:rgba(214,185,128,.25)}
#bonds .arc-related-image img{display:block;width:46px;height:62px}
#bonds .arc-related-name{font-size:14px;line-height:1.6;min-height:32px}
#bonds .arc-connection-copy small{font-size:12px;margin-block:6px}
#bonds .arc-connection-copy p{font-size:13px;line-height:1.9;color:#d5dae0;overflow-wrap:anywhere}
#bonds .arc-doc{min-height:44px;font-size:12px}
#bonds .arc-bridge{min-height:76px;border-color:var(--record-line)}
#people button:focus-visible,#bonds button:focus-visible{outline:2px solid #efd5a0;outline-offset:3px}
#bonds .arc-person:focus-visible .arc-outer-ring{stroke:#f4deb5;stroke-width:3;opacity:1}
@media(hover:hover) and (pointer:fine){
 #people .ct:hover{transform:translateY(-2px);border-color:#e1c58e;box-shadow:0 10px 24px rgba(0,0,0,.35)}
 #people .ct:hover img{transform:scale(1.04)}
 #people .ct:hover .im{filter:none}
 #people .ct:hover .im:before{background:linear-gradient(125deg,rgba(248,226,181,.15),transparent 48%),linear-gradient(0deg,rgba(6,12,23,.42),transparent 40%)}
 #bonds .arc-person:hover .arc-rim{stroke:#ead09a;stroke-width:3.6}
}
@media(max-width:1100px){#bonds .arcana-layout{grid-template-columns:1fr}#bonds .arcana-dossier{min-height:0}}
@media(max-width:750px){
 #people .ct{width:156px}#people .strip{gap:12px}#people .ct .im{aspect-ratio:3/4.15}
 #people .ct small{font-size:12px}#people .ct b{font-size:14px}
 #people .cstage{display:flex;padding:12px;gap:0}#people .cpor{position:relative;top:auto;align-self:stretch;aspect-ratio:3/3.6;height:auto;min-height:0}
 #people .cinfo{padding:27px 9px 24px}#people .cinfo h3{font-size:42px}#people .cinfo .role{font-size:20px}
 #people .cinfo blockquote.quote{font-size:18px}#people .cinfo dl dd{font-size:15px;margin-top:9px}
 #people .cinfo dl>div{display:block;padding:18px 0}
 #people .cinfo blockquote.quote{padding:14px 13px}
 #people .cast-profile-links{padding:16px 13px}
 #people .people-dossier-top{flex-wrap:wrap;row-gap:8px}
 #bonds .arcana-topline{padding:16px 12px;gap:8px;flex-wrap:wrap}
 #bonds .arcana-tools{margin-left:auto}#bonds #bsvg{min-width:860px}
 #bonds .arcana-bottomline{flex-wrap:wrap;gap:6px}
 #bonds .arc-dossier-person{padding:23px 18px;gap:15px}
 #bonds .arc-dossier-person h3{font-size:24px}
 #bonds .arc-connection-list{padding-inline:12px}#bonds .arc-connection{padding:13px 10px;gap:9px}
 #bonds .arc-connection-copy p{font-size:13px}#bonds .arc-dossier-caption{margin-inline:17px}
}
@media(hover:none){#people .ct:hover{transform:none}#people .ct:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){
 #people .ct,#people .ct img,#people .ct .im,#people .chip,#people .cast-profile-links button,
 #bonds .arc-region-tab,#bonds .arc-thread,#bonds .arc-person,#bonds .arc-rim,#bonds .arcana-tools button{transition:none}
 #people .cpor.anim,#people .cinfo.anim{animation:none}
 #people .ct:hover,#people .ct:hover img{transform:none}
}

/* Supplemental records follow both columns rather than extending one column. */
#people .personnel-supplements{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}
#people .personnel-supplements .cast-profile-links,#people .personnel-supplements .secret{margin:0;min-width:0}
#people .personnel-supplements .cnav,#people .personnel-supplements .cast-reveal-control{grid-column:1/-1}
#people .personnel-supplements .cnav{margin-top:0}
@media(max-width:750px){#people .personnel-supplements{display:flex;flex-direction:column;gap:18px;margin-top:20px;width:100%}}

/* Nox and Charon alone: monochrome, weathered parchment records. */
#people .ct.monochrome-record .im{filter:grayscale(1)}
#people .ct.monochrome-record img,#people .torn-record .cpor img{filter:grayscale(1)}
#people .torn-record .cpor.sealed img{filter:grayscale(1) blur(11px) brightness(.4)}
#people .torn-record .cinfo{
 background:radial-gradient(ellipse at 12% 9%,#e3d6b9aa,transparent 42%),repeating-linear-gradient(4deg,#7d6a4610 0 1px,transparent 1px 5px),linear-gradient(135deg,#d0c2a5,#b9aa8c 70%,#cdbd9d);
 color:#26241f;border:0;padding:35px 28px 42px;box-shadow:inset 0 0 65px #53432c44;
 clip-path:polygon(2% 1%,10% 2%,18% 0,29% 1.5%,42% 0,55% 2%,68% 1%,80% 0,91% 2%,98% 0,100% 11%,98% 22%,100% 34%,97% 43%,100% 54%,98% 67%,100% 79%,98% 89%,100% 98%,90% 100%,79% 98%,65% 100%,54% 98%,43% 100%,30% 98%,17% 100%,6% 98%,0 100%,1% 88%,0 76%,2% 64%,0 51%,2% 38%,0 24%,2% 13%);
}
#people .torn-record .cinfo h3,#people .torn-record .cinfo .role,#people .torn-record .cinfo .fac,#people .torn-record .cinfo .fac small,#people .torn-record .cinfo dl dt,#people .torn-record .cinfo dl dd{color:#29271f}
#people .torn-record .cinfo blockquote.quote{color:#302b23;border-left-color:#6e5b3d;background:#73613f12;text-shadow:none}
#people .torn-record .cinfo dl>div,#people .torn-record .cinfo .fac{border-bottom-color:#66543855}
#people .torn-record .cinfo dl dt small{color:#66563d}
@media(max-width:750px){#people .torn-record .cinfo{padding:30px 23px 35px}}

#people .torn-record .cinfo .fac i,#people .torn-record .cinfo blockquote.quote:before{color:#62543e;background-color:#62543e}

/* The whole surviving record is damaged, including the illustration. */
#people .torn-record{--tear:polygon(1% 0,9% 1%,16% 0,25% 1.2%,34% 0,43% .8%,55% 0,67% 1%,78% 0,90% 1%,99% 0,100% 12%,99% 21%,100% 35%,98.8% 46%,100% 59%,99% 73%,100% 89%,99% 99%,89% 98.5%,76% 100%,64% 98.7%,51% 100%,39% 99%,27% 100%,15% 99%,1% 100%,0 88%,1% 74%,0 59%,1% 43%,0 27%,1% 15%);clip-path:var(--tear);border:0;background:linear-gradient(120deg,#29271f,#10151b 60%,#333027);padding-bottom:25px}
#people .torn-record .cpor{clip-path:var(--tear);border:0;background:#b4a68a;box-shadow:inset 0 0 50px #342c20}
#people .torn-record .cpor:before{inset:0;border:0;background:radial-gradient(ellipse at center,transparent 40%,#a99c7b66 85%,#453a2bcc);mix-blend-mode:screen;z-index:3}
#people .torn-record .cpor:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.35;background:repeating-linear-gradient(8deg,transparent 0 26px,#dbd1b54a 27px,transparent 28px 64px),repeating-linear-gradient(93deg,transparent 0 46px,#d6c8a42e 47px,transparent 48px 91px),radial-gradient(ellipse at 17% 78%,#c9bb9580,transparent 32%);mix-blend-mode:screen}
#people .torn-record .cpor img{opacity:.82}
#people .torn-record .cpor-top,#people .torn-record .cpor-bottom{color:#d8d2c5}
#people .torn-record .cast-profile-links{border:0;background:none;padding:0;align-self:start}
#people .torn-record .torn-relation-fragment{padding:27px 32px 8px;background:repeating-linear-gradient(3deg,#7762420d 0 1px,transparent 1px 5px),linear-gradient(135deg,#d0c2a5,#ad9e80);color:#29271f;clip-path:polygon(2% 2%,16% 0,30% 3%,47% 0,63% 2%,80% 0,98% 3%,100% 21%,97% 39%,100% 62%,96% 90%,86% 83%,75% 97%,63% 82%,51% 94%,39% 83%,27% 98%,15% 81%,1% 92%,3% 67%,0 43%);box-shadow:inset 0 0 45px #55462e44}
#people .torn-record .torn-relation-fragment small{font:500 10px var(--lat);letter-spacing:.16em;color:#605039}
#people .torn-record .torn-relation-fragment h4{font:700 30px var(--disp);color:#29271f;margin:15px 0 12px}
#people .torn-record .torn-relation-fragment p{font:400 18px/1.6 var(--read);color:#383126;margin:0;height:21px;overflow:hidden}
#people .ct.monochrome-record .im{clip-path:polygon(1% 0,17% 2%,33% 0,49% 2%,68% 0,84% 2%,99% 0,100% 28%,98% 53%,100% 79%,98% 100%,76% 98%,51% 100%,26% 98%,0 100%,2% 75%,0 48%);opacity:.85}
