:root{--ink:#281b32;--purple:#281535;--purple-soft:#42254f;--paper:#fff8e8;--canvas:#f1e8d8;--gold:#d7af63;--gold-deep:#89621f;--line:#d9cbb6;--muted:#706178;--link:#5d2e79;--white:#fffdf6;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Impact,"Arial Narrow","Franklin Gothic Medium",sans-serif;--serif:Georgia,"Times New Roman",serif;--ease:180ms ease}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;color:var(--ink);background:var(--canvas);font:16px/1.7 var(--font)}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b579d4;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:12px 18px;background:var(--paper);color:var(--purple);font-weight:700}.skip-link:focus{top:12px}
.topbar{min-height:92px;display:flex;align-items:center;gap:28px;padding:16px max(24px,calc((100vw - 1560px)/2));background:var(--purple);border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:30;color:var(--paper)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--paper);font-family:var(--serif);font-size:21px;line-height:1.15;letter-spacing:-.8px}.brand:hover{text-decoration:none}.brand strong{font-weight:700}.brand small{display:block;font:9px/1.5 var(--font);color:var(--gold);letter-spacing:1.9px;text-transform:uppercase;margin-top:7px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:47px;height:51px;color:var(--paper);font:bold 42px var(--serif);letter-spacing:-9px;padding-right:8px;border:1px solid var(--gold);transform:skew(-5deg);box-shadow:4px 4px 0 #d7af6335}.brand-mark span{transform:translateY(5px);color:var(--gold)}.primary-navigation{display:flex;gap:22px;font-size:12px;font-weight:650;white-space:nowrap}.primary-navigation a{color:var(--paper);padding:11px 0;border-bottom:1px solid transparent}.primary-navigation a:hover{border-color:var(--gold);text-decoration:none;color:var(--gold)}.search-form{height:46px;display:flex;align-items:center;gap:10px;max-width:460px;flex:1;background:#fff8e80c;border:1px solid #c6a3da55;padding:0 12px;margin-left:auto;transition:background var(--ease),border-color var(--ease)}.search-form:focus-within{border-color:var(--gold);background:#fff8e815}.search-form svg{width:19px;height:19px;fill:none;stroke:var(--gold);stroke-width:1.6;flex-shrink:0}.search-form input{min-width:0;width:100%;height:100%;border:0;background:none;outline:none;color:var(--paper);font-size:14px}.search-form input::placeholder{color:#d0c1d4}.search-form input:focus-visible{outline:none}.search-form kbd{color:var(--gold);font-size:11px;border:1px solid #d7af6366;padding:0 6px}.outline-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--gold);padding:10px 16px;background:transparent;color:var(--paper);font-size:12px;font-weight:700;white-space:nowrap;transition:background var(--ease),color var(--ease)}.outline-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.outline-button:hover{background:var(--gold);color:var(--purple);text-decoration:none}.primary-button{background:var(--gold);color:var(--purple);border-color:var(--gold);font-size:13px;box-shadow:4px 4px 0 #0002}.primary-button:hover{background:var(--paper);color:var(--purple);text-decoration:none}.collection-band{min-height:40px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px max(24px,calc((100vw - 1560px)/2));font-size:10px;letter-spacing:.3px;color:var(--muted)}.collection-band>div{display:flex;align-items:center;gap:12px}.collection-band strong{font-weight:650;color:var(--purple)}.band-divider{color:#b8a88e}.live-dot{width:5px;height:5px;background:var(--gold-deep);transform:rotate(45deg)}
.workspace{max-width:1600px;margin:auto;padding:32px 24px 64px;display:grid;grid-template-columns:210px minmax(0,1fr) 170px;gap:24px;align-items:start}.directory{position:sticky;top:120px;display:flex;flex-direction:column;max-height:calc(100dvh - 144px);min-width:0}.directory-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;border-bottom:2px solid var(--purple);padding-bottom:12px}.eyebrow{display:block;font-size:10px;font-weight:750;line-height:1.5;letter-spacing:1.7px;text-transform:uppercase;color:var(--gold-deep)}.directory h2{margin:4px 0 0;font:30px/1 var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--purple)}.count-pill{padding:3px 7px;border:1px solid #c6b79e;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.filter-label{color:var(--purple);font-size:12px;font-weight:650;margin-bottom:7px}.directory select{width:100%;min-height:44px;background:var(--paper);color:var(--purple);border:1px solid #c4b299;border-radius:0;font-size:12px;padding:10px 8px}.result-count{font-size:11px;color:var(--muted);margin:14px 0 10px;line-height:1.6}.character-list{overflow:auto;min-height:70px;scrollbar-width:thin;scrollbar-color:#b6a28a transparent;padding-right:5px;flex:1}.character-link{display:flex;gap:10px;align-items:center;padding:10px 7px;color:var(--purple);border-bottom:1px solid #d9cbb666;font-size:13px;line-height:1.5;transition:background var(--ease)}.character-link:hover{text-decoration:none;background:#fff8e899}.character-link[aria-current=page]{background:var(--purple);color:var(--paper);border-left:3px solid var(--gold);font-weight:650}.mini-mark{width:36px;height:44px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#dfd3bf;color:var(--purple);flex-shrink:0;overflow:hidden}.mini-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.character-link[aria-current=page] .mini-mark{background:var(--paper)}.character-copy{min-width:0}.character-link small{display:block;font-size:10px;font-weight:400;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:145px}.character-link[aria-current=page] small{color:#d3bfdc}.directory-more{width:100%;min-height:44px;background:var(--paper);border:1px solid var(--line);color:var(--link);font-size:11px;margin-top:12px;padding:8px}.directory-note{border-top:1px solid #cbbba2;margin-top:16px;padding-top:14px;display:flex;gap:8px;color:var(--muted);font-size:11px;line-height:1.7}.directory-note p{margin:0}.note-icon{font:italic 13px var(--serif);border:1px solid #9d886c;width:16px;height:16px;flex-shrink:0;text-align:center;line-height:15px;margin-top:2px}
.article{min-width:0;outline:none}.article:focus-visible{outline:3px solid #b579d4;outline-offset:5px}#character-article{background:var(--paper);border:1px solid var(--line);box-shadow:5px 5px 0 #2815350b}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:14px 30px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6;background:#f4ead7}.breadcrumbs a{color:var(--link)}.breadcrumbs span[aria-current]{color:var(--muted)}.breadcrumb-separator{color:#aa967c}.article-header{padding:34px;border-bottom:1px solid var(--line)}.profile-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,31%);gap:26px;align-items:start}.profile-copy{min-width:0}.article-kicker{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:18px}.article-kicker .eyebrow{color:var(--gold-deep)}.entry-state{font-size:10px;font-weight:650;color:#6d4a17;background:#efe0bc;border:1px solid #d7c18e;padding:3px 7px;letter-spacing:.2px}.article h1{font-family:var(--display);font-size:clamp(38px,3.65vw,62px);letter-spacing:.4px;font-weight:400;line-height:1.03;color:var(--purple);text-transform:uppercase;margin:0 0 20px;overflow-wrap:anywhere}.work-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.work-tag{display:inline-block;padding:4px 8px;min-height:28px;color:var(--purple);background:#eaddc5;border:1px solid #cbb58d;font-size:10px;font-weight:600;line-height:1.7}.work-tag:hover{color:var(--link)}.overview{font-size:16px;line-height:1.85;color:#44374c;max-width:70ch}.overview p{margin:0 0 14px}.overview p:last-child{margin-bottom:0}.portrait{margin:0;min-width:0}.portrait-frame{min-height:280px;min-width:0;display:flex;align-items:center;justify-content:center;padding:14px;background-color:#f5ead4;background-image:radial-gradient(#8c6ba929 .7px,transparent .7px);background-size:7px 7px;border:1px solid #ceba95;position:relative}.portrait-frame::after{content:"";position:absolute;right:-1px;bottom:-1px;width:24px;height:24px;clip-path:polygon(100% 0,100% 100%,0 100%);background:var(--gold)}.portrait-image{display:block;max-width:100%;max-height:380px;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}.portrait-caption{display:flex;flex-direction:column;gap:4px;font-size:10px;line-height:1.65;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}.portrait-caption a{width:fit-content}.image-credit{font-size:9px}.portrait-unavailable{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:24px;min-height:260px;background:#eee3cf}.portrait-unavailable strong{font:26px/1.05 var(--display);color:#7d6686}.portrait-unavailable p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.article-body{padding:0 34px 24px}.article-section{padding-top:34px;margin-bottom:18px;scroll-margin-top:120px}.section-heading{display:flex;align-items:center;gap:13px;margin:0 0 20px;padding-bottom:13px;border-bottom:2px solid var(--purple);font:italic 28px/1.25 var(--serif);color:var(--purple)}.section-number{font:700 11px/1 var(--font);color:var(--purple);background:var(--gold);padding:8px;letter-spacing:.5px;transform:skew(-6deg)}.facts-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:0}.fact{display:grid;grid-template-columns:minmax(90px,34%) minmax(0,1fr);border-bottom:1px solid var(--line);padding:14px 0;font-size:12px;line-height:1.8;gap:10px}.fact:nth-child(odd){padding-right:18px}.fact:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.fact dt{color:var(--muted)}.fact dd{margin:0;color:var(--purple);white-space:pre-line;overflow-wrap:anywhere}.article-section>p,.section-prose p{font-size:16px;color:#44374c;line-height:1.85;margin:0 0 18px;max-width:75ch;overflow-wrap:anywhere}.subheading{font:700 16px/1.5 var(--font);color:var(--purple);margin:25px 0 10px}.source-cite{font-size:11px;vertical-align:super;line-height:0;margin-left:4px;font-weight:700;padding:3px 1px}.empty-copy{font-size:14px;color:var(--muted);line-height:1.85}.story-details{border:1px solid #c5b08e;background:#f5ead6}.story-details summary{list-style:none;cursor:pointer;padding:19px 20px;display:flex;align-items:center;gap:12px;min-height:64px}.story-details summary::-webkit-details-marker{display:none}.story-details summary::after{content:"+";font:30px/1 var(--font);color:var(--purple);margin-left:auto}.story-details[open] summary::after{content:"−"}.story-details .section-heading{margin:0;padding:0;border:0;font-size:26px}.spoiler-label{font:700 9px/1.5 var(--font);color:var(--paper);background:var(--purple);padding:4px 7px;white-space:nowrap;letter-spacing:.8px}.story-details .section-prose{padding:8px 22px 15px}.relations-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.8}.relations-table th{background:var(--purple);color:var(--paper);font-weight:600;font-size:11px;padding:11px 10px;border-bottom:1px solid var(--purple)}.relations-table td{padding:15px 10px;border-bottom:1px solid var(--line);color:#4f4058;vertical-align:top;overflow-wrap:anywhere}.relations-table td:first-child{font-weight:650;width:28%}.relations-table td:nth-child(2){color:var(--muted);font-size:11px;width:22%}.relations-table+.section-prose{margin-top:25px}.source-list{list-style:none;padding:0;margin:0}.source-list>li{margin:0 0 20px;padding-left:16px;border-left:3px solid var(--gold)}.source-list strong{display:block;font-size:14px;font-weight:650;color:var(--purple)}.source-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;margin:5px 0}.source-disclaimer{padding:17px;background:#eee2ca;border-left:3px solid var(--gold-deep);color:#64536b;font-size:12px;line-height:1.85;margin:25px 0}.bibliography{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.bibliography summary{font-size:13px;color:var(--link);cursor:pointer;padding:6px 0}.bibliography ol{font-size:12px;line-height:1.85;padding-left:22px;color:var(--muted);max-height:380px;overflow:auto;margin:16px 0}.bibliography li{margin:10px 0;overflow-wrap:anywhere}.article-pagination{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:22px 34px;background:#f1e5ce}.article-pagination :is(button,a){border:0;background:none;color:var(--link);padding:0;max-width:47%;font-size:12px;font-weight:600;text-align:left;min-height:44px}.article-pagination :is(button,a):last-child{text-align:right}.article-pagination small{display:block;color:var(--muted);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}
.page-sidebar{position:sticky;top:120px;min-width:0}.contents-card{border-left:2px solid var(--gold);padding-left:15px;margin:4px 0 28px}.contents-card .eyebrow{font-size:9px;margin-bottom:15px}.contents-card nav a{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;line-height:1.6;padding:8px 0}.contents-card nav a:hover,.contents-card nav a.is-active{color:var(--purple);text-decoration:none;font-weight:700}.contents-card nav a span{font-size:9px;color:var(--gold-deep);width:16px;flex-shrink:0}.contents-card:has(nav:empty){display:none}.coverage-card{padding:16px 14px;background:#e8dcc6;border-top:3px solid var(--purple)}.coverage-card .eyebrow{font-size:9px}.coverage-primary{margin:12px 0 15px;font-size:11px;color:var(--muted);line-height:1.5}.coverage-primary strong{font:38px/1.1 var(--serif);color:var(--purple);display:block;margin-bottom:5px}.coverage-row{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:var(--muted);margin:7px 0}.coverage-row b{font-weight:650;color:var(--purple);font-variant-numeric:tabular-nums}.coverage-notice{font-size:10px;line-height:1.8;color:#705e73;border-top:1px solid #c9b99e;padding-top:12px;margin:14px 0 0}.sidebar-footnote{font:italic 12px/1.9 var(--serif);color:#79667c;margin:18px 4px}.muted{color:var(--muted);font-size:12px}
.home-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);gap:24px;padding:40px 34px;background-color:var(--purple);background-image:radial-gradient(#d7af6319 .8px,transparent .8px);background-size:8px 8px;color:var(--paper);border-bottom:5px solid var(--gold)}.home-copy{align-self:center}.home-copy>.eyebrow{color:var(--gold);letter-spacing:2px;margin-bottom:24px}.article .home-title{font:clamp(46px,4.6vw,76px)/.98 var(--display);letter-spacing:.5px;color:var(--paper);margin:0 0 24px;text-transform:uppercase;overflow-wrap:normal}.home-title em{display:block;font:italic .72em/1.2 var(--serif);text-transform:none;color:var(--gold);margin:5px 0}.home-deck{font-size:14px;line-height:1.85;color:#e2d4e4;max-width:48ch;margin:0 0 26px}.home-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font-size:13px;font-weight:700;border-bottom:1px solid currentColor;width:fit-content}.text-link:hover{text-decoration:none;opacity:.8}.home-actions .text-link{color:var(--paper)}.archive-count{font-size:10px;line-height:1.8;color:#d1b8d5;letter-spacing:.35px;margin:20px 0 0}.home-spotlight{min-width:0;align-self:center;position:relative}.spotlight-label{display:block;font-size:9px;font-weight:700;letter-spacing:2px;color:var(--gold);margin:0 0 10px}.home-spotlight .portrait-frame{background-color:#f2e4c9;border:1px solid var(--gold);min-height:330px;box-shadow:8px 8px 0 #d7af6333}.home-spotlight .portrait-image{max-height:370px}.home-spotlight .portrait-caption{color:#d5c1d9;font-size:9px;margin-top:14px}.home-spotlight .portrait-caption a{color:var(--gold)}.spotlight-name{display:block;color:var(--paper);font:30px/1.1 var(--display);text-transform:uppercase;letter-spacing:.5px;margin-top:18px}.spotlight-name:hover{color:var(--gold);text-decoration:none}.spotlight-work{font-size:11px;color:var(--gold)}.home-body{padding-bottom:32px}.home-section{padding-top:38px;margin-bottom:14px;scroll-margin-top:120px}.editorial-heading{font:italic 31px/1.25 var(--serif);color:var(--purple);margin:8px 0 25px}.dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dossier-card{display:flex;align-items:center;gap:14px;min-width:0;position:relative;padding:17px 14px;background:var(--white);border:1px solid #d4c1a2;transition:border-color var(--ease),background var(--ease)}.dossier-card:hover{background:#f5e9d0;border-color:var(--gold-deep);text-decoration:none}.card-visual{width:64px;height:86px;background:#e8dcc5;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.card-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.card-initials{font:24px/1 var(--display);color:#947da0}.card-number{position:absolute;right:9px;top:6px;font-size:8px;font-weight:700;color:#a58d66;letter-spacing:1px}.card-copy{min-width:0;padding-top:6px}.card-copy .eyebrow{font-size:8px;letter-spacing:.7px;color:var(--gold-deep)}.card-copy h3{font:21px/1.12 var(--display);font-weight:400;color:var(--purple);text-transform:uppercase;letter-spacing:.3px;margin:7px 0 9px;overflow-wrap:anywhere}.card-action,.card-status{font-size:10px;color:var(--muted)}.card-status{color:#7c5928}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.work-card{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;background:#f1e5cf;border:1px solid #cbb58f;padding:18px;position:relative;overflow:hidden}.work-card::after{content:"";position:absolute;right:0;top:0;width:18px;height:18px;background:var(--gold);clip-path:polygon(0 0,100% 0,100% 100%)}.work-card:hover{background:var(--purple);border-color:var(--purple);text-decoration:none}.work-card h3{font:23px/1.12 var(--display);font-weight:400;text-transform:uppercase;color:var(--purple);margin:10px 0}.work-order{font-size:10px;color:var(--gold-deep);letter-spacing:1px}.work-count{font-size:10px;color:var(--muted)}.work-card:hover h3,.work-card:hover .work-count{color:var(--paper)}.work-card:hover .work-order{color:var(--gold)}.editorial-note{padding:24px;margin-top:36px;background:var(--purple);border-left:5px solid var(--gold);color:var(--paper)}.editorial-note strong{font:italic 22px/1.4 var(--serif);font-weight:400}.editorial-note p{font-size:12px;line-height:1.85;color:#dfcfe3;margin:10px 0 0}.directory-header{position:relative;border-top:5px solid var(--gold)}.directory-header>.eyebrow{margin-bottom:18px}.directory-header h1{font-size:clamp(36px,3.8vw,58px)}.directory-deck{font-size:15px;color:#68556f;line-height:1.85;margin:0;max-width:60ch}.directory-body{padding-top:24px}.directory-summary{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.directory-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.page-link{min-height:44px;min-width:44px;padding:10px 14px;border:1px solid #bfaa89;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650}.page-link[aria-current=page],.page-link:hover{background:var(--purple);color:var(--paper);text-decoration:none}
.state-panel{padding:80px 30px;text-align:center;background:var(--paper);border:1px solid var(--line);min-height:400px}.state-panel h2{font:34px/1.1 var(--display);font-weight:400;text-transform:uppercase;margin:20px 0 12px}.state-panel p{font-size:14px;color:var(--muted);max-width:40ch;margin:0 auto 24px}.state-symbol{font:30px/1 var(--serif);color:var(--gold-deep);border:1px solid #c4ac83;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px}.spinner{display:inline-block;width:30px;height:30px;border:2px solid #dac9aa;border-top-color:var(--purple);border-radius:50%;animation:spin .9s linear infinite}.no-results{color:var(--muted);font-size:13px;padding:18px 8px;line-height:1.8}.site-footer{max-width:1200px;padding:28px 24px 38px;margin:0 auto;border-top:1px solid #cbb99d;text-align:center;color:#79677c;font-size:11px;line-height:1.9}.site-footer p{margin:6px 0}.site-footer a{color:var(--link)}.directory-collapsed{grid-template-columns:minmax(0,1fr) 170px;max-width:1320px}.directory-collapsed .directory{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.workspace{gap:30px;grid-template-columns:220px minmax(0,1fr) 180px}.workspace.directory-collapsed{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:1240px){.primary-navigation{display:none}.workspace{grid-template-columns:190px minmax(0,1fr);gap:22px}.page-sidebar{display:none}.directory-collapsed{grid-template-columns:minmax(0,1fr);max-width:1050px}.article-header{padding:30px}.article-body{padding-left:30px;padding-right:30px}.profile-hero{grid-template-columns:minmax(0,1fr) minmax(180px,30%);gap:22px}.home-hero{padding:34px 30px}.home-copy>.eyebrow{font-size:9px}.home-title{font-size:60px}.home-spotlight .portrait-frame{min-height:280px}.home-spotlight .portrait-image{max-height:310px}}
@media(max-width:900px){.profile-hero{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.article h1{font-size:42px}.overview{font-size:15px}.profile-header{padding:28px 24px}.portrait-frame{min-height:240px;padding:10px}.portrait-unavailable{min-height:220px;padding:18px}.home-hero{grid-template-columns:1fr;gap:30px}.home-spotlight{max-width:320px;width:100%;justify-self:center}.home-copy{max-width:52ch}.article .home-title{font-size:64px}.home-deck{font-size:15px}.facts-grid{display:block}.fact:nth-child(odd),.fact:nth-child(even){padding:12px 0;border-left:0}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dossier-grid{grid-template-columns:1fr}.card-visual{width:70px;height:86px}.card-copy h3{font-size:24px}.home-spotlight .portrait-frame{min-height:320px}}
@media(max-width:780px){html{scroll-padding-top:160px}.topbar{min-height:80px;padding:15px 18px;gap:14px;flex-wrap:wrap}.brand{font-size:20px;flex:1}.brand small{font-size:8px;letter-spacing:1.5px}.brand-mark{width:39px;height:43px;font-size:34px;letter-spacing:-8px;padding-right:7px}.search-form{order:3;max-width:none;flex-basis:100%;height:46px}.search-form input{font-size:16px}.outline-button{padding:10px 12px;font-size:11px}.collection-band{padding:9px 18px;font-size:9px;min-height:38px}.collection-band>span{display:none}.collection-band>div{gap:9px}.workspace,.workspace.directory-collapsed{display:block;padding:20px 14px 45px}.directory{position:static;max-height:65dvh;padding:20px;background:var(--paper);border:1px solid var(--line);margin-bottom:20px}.directory-heading{margin-bottom:16px}.directory h2{font-size:30px}.character-list{max-height:40dvh}.character-link{font-size:14px;padding:11px 8px}.character-link small{max-width:calc(100vw - 150px);font-size:11px}.directory-note{margin-top:12px;padding-top:12px}.article-header,.profile-header{padding:26px 22px}.profile-hero{display:flex;flex-direction:column;gap:0}.profile-copy{display:contents}.profile-copy>.article-kicker{order:1;width:100%;margin-bottom:18px}.profile-copy>h1{order:2}.profile-copy>.work-tags{order:3}.profile-hero>.portrait{order:4;width:100%;max-width:400px;align-self:center;margin:0 0 25px}.profile-copy>.overview{order:5}.article h1{font-size:clamp(38px,10vw,54px);margin-bottom:18px;line-height:1.05}.overview{font-size:16px;line-height:1.85}.work-tags{margin-bottom:22px}.work-tag{font-size:10px}.portrait-frame{min-height:300px;padding:18px}.portrait-image{max-height:360px}.portrait-unavailable{min-height:190px;padding:24px}.portrait-caption{font-size:11px}.image-credit{font-size:10px}.article-body{padding:0 22px 22px}.article-section{padding-top:30px;scroll-margin-top:160px}.section-heading{font-size:27px}.section-number{font-size:10px;padding:7px}.fact{grid-template-columns:110px minmax(0,1fr);font-size:12px}.section-prose p{font-size:16px}.story-details summary{padding:16px 14px;gap:9px}.story-details .section-heading{font-size:24px;gap:9px}.spoiler-label{font-size:8px;padding:3px 5px}.story-details .section-prose{padding:5px 16px 12px}.relations-table{font-size:12px}.relations-table th,.relations-table td{padding:11px 6px}.relations-table td:first-child{width:32%}.relations-table td:nth-child(2){width:25%;font-size:10px}.source-list strong{font-size:14px}.source-links{font-size:12px;gap:14px}.source-disclaimer{font-size:11px}.bibliography ol{font-size:11px}.article-pagination{padding:20px 22px}.article-pagination :is(button,a){font-size:12px}.breadcrumbs{padding:12px 22px;font-size:10px}.home-hero{padding:30px 24px;gap:28px}.article .home-title{font-size:clamp(46px,12vw,68px);line-height:.98;margin-bottom:23px}.home-copy>.eyebrow{margin-bottom:20px;font-size:9px}.home-deck{font-size:15px}.home-actions{gap:16px}.home-actions .text-link{font-size:12px}.home-spotlight{max-width:320px}.home-spotlight .portrait-frame{min-height:330px}.home-spotlight .portrait-image{max-height:350px}.home-spotlight .portrait-caption{font-size:10px}.spotlight-name{font-size:32px}.home-section{padding-top:32px;scroll-margin-top:160px}.editorial-heading{font-size:29px}.dossier-grid{gap:12px}.dossier-card{padding:17px 14px;gap:16px}.card-visual{width:72px;height:94px}.card-copy h3{font-size:24px}.card-copy .eyebrow{font-size:9px}.card-action,.card-status{font-size:11px}.works-grid{gap:10px}.work-card{padding:15px;min-height:150px}.work-card h3{font-size:23px}.editorial-note{padding:21px;margin-top:30px}.editorial-note p{font-size:12px}.directory-body{padding-top:22px}.directory-header>.eyebrow{margin-bottom:16px}.directory-deck{font-size:15px}.directory-summary{font-size:11px}.page-link{min-width:44px;padding:10px 12px}.site-footer{font-size:10px;padding:24px 20px}.directory-collapsed .directory{display:none}.directory:not(.mobile-expanded){display:none}.page-sidebar{display:block;position:static;margin-top:24px}.contents-card{display:none}.coverage-card{padding:20px;max-width:none}.coverage-primary{display:inline-block;margin:10px 24px 12px 0;vertical-align:top}.coverage-primary strong{font-size:33px}.coverage-row{display:inline-flex;margin:8px 16px 8px 0;gap:8px;font-size:11px}.coverage-notice{margin-top:6px;font-size:11px}.sidebar-footnote{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}*,*::before,*::after{transition:none!important}}
@media print{.topbar,.collection-band,.directory,.page-sidebar,.article-pagination,.directory-pagination,.site-footer{display:none}.workspace{display:block;padding:0}.article-header{padding:15px 0}.article-body{padding:0}#character-article{border:0;box-shadow:none}.article-section{break-inside:avoid}.story-details{border:0}.story-details:not([open])::after{content:"Story hidden: open this section before printing.";font-size:12px}.source-links a:after{content:" (" attr(href) ")";font-size:10px}.portrait-frame{background:none}.portrait-image{max-height:250px}.home-hero{background:white;color:black}.home-title{color:black!important}}.portrait-caption{display:block}.portrait-caption .image-credit{display:inline;font-size:10px}.portrait-caption>a{display:inline;white-space:nowrap}.image-details{margin-top:6px;font-size:10px}.image-details summary{cursor:pointer;color:inherit;width:fit-content}.image-details p{margin:8px 0;line-height:1.7}.home-spotlight .portrait-caption .image-credit{font-size:9px}@media(max-width:780px){.portrait-caption .image-credit,.home-spotlight .portrait-caption .image-credit{font-size:10px}}
/* Search-to-entry clarity, preserving the editorial visual system. */
.home-hero:not(.has-representative){grid-template-columns:1fr}.home-title{overflow-wrap:anywhere}.profile-context{margin:0 0 18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}.profile-context>div{display:flex;flex-wrap:wrap;gap:6px 14px;margin:3px 0}.profile-context dt{color:var(--muted);min-width:88px}.profile-context dd{margin:0;font-weight:650;color:var(--purple)}.recorded-associations{margin:0 0 18px;font-size:11px;color:var(--muted)}.recorded-associations summary{cursor:pointer;min-height:30px;padding:4px 0;width:fit-content}.recorded-associations .work-tags{margin:7px 0 0}.quick-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px}.quick-facts>div{padding:11px 10px;background:#eee2ca;border-left:2px solid var(--gold-deep);min-width:0}.quick-facts dt{font-size:10px;font-weight:650;color:var(--muted);margin-bottom:5px}.quick-facts dd{margin:0;font-size:12px;line-height:1.7;color:var(--purple);overflow-wrap:anywhere;white-space:pre-line}.entry-contents{display:none;border:1px solid var(--line);background:#f3e8d3;margin:0 0 20px}.entry-contents summary{padding:11px 14px;min-height:44px;cursor:pointer;font-size:13px;font-weight:650;color:var(--purple)}.entry-contents nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:0 14px 12px}.entry-contents nav a{display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.6;border-top:1px solid #d9cbb688;padding:6px 0}.pagination-controls{display:contents}.browsing-note{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:20px}.directory-header.has-representative{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:start}.collection-heading-copy{min-width:0}.collection-heading-copy>.eyebrow{margin-bottom:18px}.collection-representative{min-width:0}.collection-representative .portrait-frame{min-height:0;padding:9px}.collection-representative .portrait-image{max-height:190px}.collection-representative .portrait-caption{font-size:9px;line-height:1.6}.collection-representative .image-credit{font-size:9px}.collection-representative-copy{margin-top:12px}.collection-representative-copy .eyebrow{font-size:8px;letter-spacing:1px}.representative-name{display:block;font:21px/1.12 var(--display);text-transform:uppercase;letter-spacing:.2px;margin:6px 0}.representative-work,.representative-version{font-size:10px;line-height:1.65;margin:4px 0;color:var(--muted)}.work-tile{display:flex;flex-direction:column;min-width:0}.work-tile>.work-card{flex:1}.work-representative-thumb{display:block;max-width:100%;max-height:130px;height:auto;object-fit:contain;align-self:center;margin:10px 0 2px}.work-representative-label{font-size:10px;line-height:1.7;padding:10px 11px;margin:0;border:1px solid #cbb58f;border-top:0;background:#fff9ec;color:var(--muted)}.work-representative-label a{font-weight:650}.work-representative-label>span{display:block;font-size:9px;margin-top:3px}.primary-navigation a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1240px){.primary-navigation{display:flex;gap:16px}.topbar{gap:18px}.search-form{min-width:140px}.entry-contents{display:block}.directory-header.has-representative{grid-template-columns:minmax(0,1fr) 160px;gap:22px}.collection-representative .portrait-image{max-height:170px}.quick-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){html{scroll-padding-top:220px}.topbar{gap:12px 14px}.primary-navigation{order:4;flex-basis:100%;gap:28px;border-top:1px solid #d7af6340;padding-top:3px}.primary-navigation a{font-size:12px;padding:5px 0}.search-form{min-width:0}.profile-copy>.profile-context{order:3;width:100%}.profile-copy>.recorded-associations{order:4;width:100%}.profile-copy>.quick-facts{order:5;width:100%}.profile-copy>.entry-contents{order:6;width:100%}.profile-hero>.portrait{order:7}.profile-copy>.overview{order:8}.profile-context{font-size:13px;margin-bottom:15px}.profile-context>div{gap:4px 12px}.profile-context dt{min-width:83px}.quick-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.quick-facts dd{font-size:12px}.article-section,.home-section{scroll-margin-top:220px}.directory-header.has-representative{display:block}.collection-representative{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;margin-top:24px;align-items:start}.collection-representative .portrait-image{max-height:150px}.collection-representative .portrait-caption,.collection-representative .image-credit{font-size:9px}.collection-representative-copy{margin-top:0}.representative-name{font-size:23px}.representative-work,.representative-version{font-size:11px}.collection-heading-copy>.eyebrow{margin-bottom:16px}}
@media print{.entry-contents,.quick-facts,.recorded-associations{break-inside:avoid}.primary-navigation{display:none}}
.work-card h3{min-width:0;overflow-wrap:anywhere}
.part-navigation{margin:0 0 28px;padding:22px 0;border-bottom:1px solid var(--line)}.part-navigation h2{margin:0 0 16px;font:italic 25px/1.3 var(--serif);color:var(--purple)}.part-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.part-link{display:flex;flex-direction:column;justify-content:center;min-height:68px;padding:10px 12px;border:1px solid #cbb58f;background:#f3e8d3;gap:5px;overflow-wrap:anywhere}.part-link>span{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--gold-deep)}.part-link strong{font-size:12px;line-height:1.5;color:var(--purple)}.part-link:hover,.part-link[aria-current=page]{background:var(--purple);text-decoration:none}.part-link:hover strong,.part-link[aria-current=page] strong{color:var(--paper)}.part-link:hover>span,.part-link[aria-current=page]>span{color:var(--gold)}.work-group+.work-group{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.work-group>.editorial-heading{margin-bottom:18px}.card-version{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin:-3px 0 8px}.image-subject-label{display:block;margin-bottom:5px;font-size:11px;line-height:1.7;color:var(--ink);font-weight:650}
@media(max-width:780px){.part-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.part-link{padding:10px;min-height:74px}.part-link strong{font-size:12px}.part-navigation h2{font-size:24px}.image-subject-label{font-size:11px}}

.work-filter{border:0;margin:0 0 12px;padding:0;min-width:0}
.work-filter .filter-label{padding:0}
.work-filter-options{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto;padding:2px 0}
.work-filter-option{display:flex;align-items:flex-start;gap:8px;cursor:pointer;color:var(--purple);font-size:12px;line-height:1.5;padding:3px 2px}
.work-filter-option input{accent-color:var(--purple-soft);margin-top:2px;flex:none}
.work-filter-clear{min-height:36px;border:1px solid var(--gold);background:transparent;color:var(--purple);font-size:12px;font-weight:700;padding:7px 12px;margin-top:8px;cursor:pointer}
.work-filter-clear:hover{background:var(--gold);color:var(--purple)}

/* Character guide + tools: keep the original purple, paper and gold identity. */
.topbar{gap:20px}.primary-navigation{gap:17px}.primary-navigation a[aria-current=page]{color:var(--gold);border-bottom-color:var(--gold)}
.primary-navigation #nav-generator{color:var(--gold);font-weight:800}
.home-fact-line{font-size:13px;line-height:1.8;color:var(--gold);font-weight:700;margin:0 0 18px;letter-spacing:.2px}
.home-tool-note{font-size:12px;color:#e6d7e9;margin:17px 0 0}.home-copy .home-title{line-height:1.02}
.home-tools{padding-top:30px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tool-card{display:flex;flex-direction:column;min-width:0;padding:24px 20px;border:1px solid #cbb58f;background:#f2e7d2;position:relative;overflow:hidden;transition:transform var(--ease),border-color var(--ease)}
.tool-card:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--purple)}
.tool-card-number{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--gold-deep)}
.tool-card h3{font:29px/1.05 var(--display);font-weight:400;color:var(--purple);margin:18px 0 13px;text-transform:uppercase;overflow-wrap:anywhere}
.tool-card p{font-size:13px;line-height:1.8;margin:0 0 24px;color:#66536d}.tool-card-action{margin-top:auto;font-size:12px;font-weight:750;color:var(--purple)}
.tool-card-featured{background:var(--purple);border:2px solid var(--gold);box-shadow:5px 5px 0 #d7af6340}
.tool-card-featured h3,.tool-card-featured .tool-card-action{color:var(--gold)}.tool-card-featured p{color:#e4d6e8}.tool-card-featured .tool-card-number{color:var(--gold)}
.home-body .part-navigation{margin-top:34px}.profile-highlight{padding:14px 0;border-bottom:1px solid var(--line)}
.profile-highlight h3,.profile-highlight summary{font:700 17px/1.55 var(--font);color:var(--purple);margin:0 0 10px}
.profile-highlight summary{cursor:pointer;min-height:44px;display:list-item}.profile-highlight p{font-size:15px;line-height:1.85;margin:8px 0 10px}
.highlight-citations{font-size:11px;color:var(--muted);display:block;line-height:1.8}.profile-highlight[open]{padding:17px;background:#efe4d0}
.profile-tool-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 5px}
.profile-tool-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #b59b75;font-size:12px;font-weight:700;color:var(--purple);background:#f4e9d4}
.profile-tool-links a:hover{color:var(--paper);background:var(--purple);text-decoration:none}
.tool-header{padding:38px 38px 30px;border-top:5px solid var(--gold);background:linear-gradient(120deg,#f7edda,#eadac0)}
.tool-header h1{font:clamp(38px,4.8vw,68px)/1.03 var(--display);text-transform:uppercase;color:var(--purple);margin:16px 0 20px;max-width:17ch;overflow-wrap:normal}
.tool-deck{font-size:16px;line-height:1.85;color:#65516d;max-width:67ch;margin:0}.tool-body{padding-top:28px}
.tool-explainer{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:125px}
.tool-explainer h2{font:italic 28px/1.3 var(--serif);color:var(--purple)}.tool-explainer h3{font-size:17px;margin:22px 0 8px}
.tool-explainer p{font-size:14px;line-height:1.9;max-width:80ch}.stands-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}
.stands-controls>label{font-size:12px;color:var(--purple);font-weight:700;display:flex;flex-direction:column;gap:6px;min-width:0}
.stands-controls input[type=search],.stands-controls select{min-height:46px;width:100%;min-width:0;padding:10px 12px;background:#fff9ec;border:1px solid #bca788;color:var(--purple);font-size:14px}
.stands-controls>.stands-spoiler-control{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;font-weight:500;min-height:38px}
.stands-controls input[type=checkbox]{accent-color:var(--purple);width:18px;height:18px}.stands-count{font-weight:750;font-size:13px;color:var(--purple);padding:12px 0;border-bottom:1px solid var(--line)}
.stands-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.stand-card{padding:22px 20px;background:#f3e8d3;border:1px solid #cbb58f;min-width:0;scroll-margin-top:130px}.stand-card>.eyebrow{font-size:8px;letter-spacing:1px}
.stand-card h2{font:28px/1.15 var(--display);font-weight:400;text-transform:uppercase;color:var(--purple);overflow-wrap:anywhere;margin:13px 0 18px}
.stand-users{padding:0;list-style:none;margin:0}.stand-users>li{padding:12px 0;border-top:1px solid #ccb994}
.stand-user-link{font-weight:750;font-size:14px}.stand-user-work{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:4px}
.stand-notes{font-size:12px;margin:6px 0}.stand-evidence{font-size:11px;margin-top:8px}.stand-evidence summary{min-height:34px;cursor:pointer;color:var(--purple)}
.stand-evidence a{display:block;overflow-wrap:anywhere;font-size:11px;margin:6px 0;line-height:1.6}
.quiz-image-credit{font-size:10px;line-height:1.7;color:var(--muted)}.quiz-image-credit details{font-size:10px;margin-top:5px}
@media(max-width:1240px){.topbar{flex-wrap:wrap}.primary-navigation{gap:16px}.brand{font-size:20px}.search-form{max-width:none}.tool-card{padding:20px 16px}.tool-card h3{font-size:25px}}
@media(max-width:900px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:190px}.tool-card h3{font-size:32px}.tool-card p{margin-bottom:18px}.stands-grid{grid-template-columns:1fr}}
@media(max-width:780px){.primary-navigation{flex-wrap:wrap;gap:0 18px}.primary-navigation a{font-size:11px;min-height:40px}.topbar{padding-top:12px;padding-bottom:10px}.home-fact-line{font-size:12px;max-width:32ch}.home-tool-note{font-size:11px}.tool-header{padding:27px 22px}.tool-header h1{font-size:clamp(38px,11vw,58px)}.tool-deck{font-size:15px}.tool-body{padding-top:23px}.stands-controls{grid-template-columns:1fr}.stands-controls input[type=search],.stands-controls select{font-size:16px}.stand-card{padding:20px 17px}.profile-tool-links{display:grid;grid-template-columns:1fr}.profile-highlight p{font-size:15px}.tool-explainer p{font-size:15px}html{scroll-padding-top:270px}.tool-explainer,.stand-card{scroll-margin-top:270px}}

.sg-shell{padding:clamp(20px,3vw,38px);color:var(--ink)}
.sg-workbench{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.3fr);gap:28px;align-items:start}
.sg-controls{min-width:0;padding-top:5px}
.sg-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--gold-deep);line-height:1.6}
.sg-controls-title{font:clamp(30px,3vw,42px)/1.08 var(--display);text-transform:uppercase;letter-spacing:.4px;margin:15px 0 18px;color:var(--purple)}
.sg-intro{font-size:14px;line-height:1.8;margin:0 0 24px;color:var(--muted)}
.sg-form{display:grid;gap:22px}
.sg-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.sg-field-label{font-size:12px;font-weight:750;color:var(--purple);line-height:1.6}
.sg-optional{margin-left:8px;font-size:11px;font-weight:400;color:var(--muted)}
.sg-input,.sg-select{display:block;width:100%;min-height:48px;padding:11px 12px;border:1px solid #bfae96;border-radius:0;background:var(--white);color:var(--ink);font:13px/1.6 var(--font)}
.sg-input::placeholder{color:var(--muted);opacity:1}
.sg-input:focus-visible,.sg-select:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px}
.sg-hint{font-size:11px;line-height:1.7;color:var(--muted);margin:0}
.sg-modes,.sg-preferences{margin:0;padding:0;border:0;min-width:0}
.sg-modes legend,.sg-preferences legend{padding:0;margin:0 0 9px}
.sg-modes{display:grid;gap:8px}
.sg-mode{position:relative;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff9ec;padding:12px;cursor:pointer;min-height:68px}
.sg-mode:has(input:checked){border-color:var(--purple);box-shadow:inset 3px 0 0 var(--purple);background:#ede1ed}
.sg-mode:focus-within{outline:3px solid var(--gold-deep);outline-offset:3px}
.sg-mode input{flex:none;width:17px;height:17px;accent-color:var(--purple);margin:0}
.sg-mode-copy{display:flex;flex-direction:column;gap:3px}
.sg-mode strong{font-size:12px;color:var(--purple);line-height:1.5}
.sg-mode small{font-size:11px;line-height:1.6;color:var(--muted)}
.sg-preferences{display:grid;gap:15px;padding:16px;background:#e9ddcd;border-left:3px solid var(--gold-deep)}
.sg-preferences legend{padding-top:5px}
.sg-generate{min-height:54px;padding:14px 18px;border:1px solid var(--purple);background:var(--purple);color:var(--paper);font:750 13px/1.6 var(--font);box-shadow:4px 4px 0 var(--gold);transition:background var(--ease),transform var(--ease)}
.sg-generate:hover{background:var(--purple-soft);transform:translateY(-1px)}
.sg-local-note{margin:-10px 0 0;color:var(--muted);font-size:11px;line-height:1.6;text-align:center}
.sg-how{border-top:1px solid var(--line);margin-top:26px;padding-top:5px}
.sg-how summary{min-height:44px;padding:10px 0;cursor:pointer;color:var(--purple);font-size:12px;font-weight:700;line-height:1.7}
.sg-how p{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0 12px}
.sg-output{min-width:0}
.sg-result{position:relative;overflow:hidden;padding:25px 23px 23px;background:var(--purple);color:var(--paper);border:1px solid var(--gold);box-shadow:6px 6px 0 #28153525}
.sg-result::before{content:"";position:absolute;pointer-events:none;right:-60px;top:-135px;width:250px;height:250px;border:1px solid #d7af6333;transform:rotate(35deg);box-shadow:0 0 0 24px #d7af6308,0 0 0 48px #d7af6305}
.sg-result-top{position:relative;display:flex;gap:10px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
.sg-edition{color:var(--gold);font-size:9px;line-height:1.5;font-weight:800;letter-spacing:1.6px}
.sg-concept-label{font-size:9px;line-height:1.5;color:#e2d4e7;text-align:right}
.sg-stand-name{position:relative;font:clamp(36px,4vw,57px)/.98 var(--display);letter-spacing:.8px;text-transform:uppercase;color:var(--paper);margin:0 0 14px;overflow-wrap:anywhere}
.sg-byline{position:relative;font:italic 13px/1.7 var(--serif);color:#e2d4e7;margin:0 0 18px;overflow-wrap:anywhere}
.sg-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}
.sg-tag{display:block;padding:4px 8px;border:1px solid #d7af6370;font-size:9px;line-height:1.6;color:var(--gold);text-transform:uppercase;letter-spacing:.45px}
.sg-ability{border-top:1px solid #d7af6355;padding-top:20px}
.sg-label{font-size:9px;font-weight:800;letter-spacing:1.5px;line-height:1.6;color:var(--gold)}
.sg-ability h3{font:italic 25px/1.2 var(--serif);color:var(--paper);margin:8px 0 13px}
.sg-ability p{font-size:13px;line-height:1.9;color:var(--paper);margin:0 0 22px}
.sg-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px;margin:0;padding:18px 0;border-top:1px solid #d7af633d;border-bottom:1px solid #d7af633d}
.sg-detail{min-width:0}
.sg-detail-wide{grid-column:1/-1}
.sg-detail dt{font-size:9px;line-height:1.6;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.sg-detail dd{margin:0;font-size:12px;line-height:1.9;color:var(--paper)}
.sg-stat-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.85fr);gap:12px;align-items:center;padding-top:19px}
.sg-radar{width:100%;height:auto;min-width:0;overflow:visible}
.sg-radar-grid{fill:#fff8e804;stroke:#d7af6340;stroke-width:1}
.sg-radar-axis{stroke:#d7af6345;stroke-width:1}
.sg-radar-shape{fill:#d7af6340;stroke:var(--gold);stroke-width:2.3;stroke-linejoin:round}
.sg-radar-label{fill:var(--paper);font:10px var(--font)}
.sg-stat-copy{min-width:0}
.sg-stat-copy h3{font:italic 18px/1.4 var(--serif);margin:0 0 7px;color:var(--paper)}
.sg-stat-help{margin:0 0 13px;font-size:10px;line-height:1.7;color:#dfd0e4}
.sg-grade-table{width:100%;border-collapse:collapse;margin:0;text-align:left}
.sg-grade-table thead th{font-size:8px;line-height:1.5;color:#dfd0e4;padding:0 0 7px;font-weight:600;text-transform:uppercase;letter-spacing:.7px}
.sg-grade-table th:last-child,.sg-grade-table td:last-child{text-align:right}
.sg-grade{border-top:1px solid #d7af6338}
.sg-grade th{font-size:10px;font-weight:400;line-height:1.6;color:#dfd0e4;padding:6px 8px 6px 0}
.sg-grade td{color:var(--gold);font:21px/1 var(--display);padding:6px 0}
.sg-flavor{margin:15px 0 0;border-top:1px solid #d7af6338;padding-top:15px;color:#dfd0e4;font:italic 12px/1.8 var(--serif)}
.sg-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:19px}
.sg-secondary{min-height:44px;border:1px solid var(--purple);border-radius:0;background:transparent;color:var(--purple);padding:9px 14px;font:700 11px/1.7 var(--font)}
.sg-secondary:hover{background:var(--purple);color:var(--paper)}
.sg-reset{min-height:44px;margin-left:auto;padding:9px 6px;border:0;background:transparent;color:var(--muted);font:600 11px/1.7 var(--font);text-decoration:underline;text-underline-offset:3px}
.sg-feedback{min-height:36px;margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.8}
@media(max-width:1180px){.sg-workbench{grid-template-columns:minmax(0,1fr);gap:28px}.sg-controls-title{max-width:560px}.sg-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 22px}.sg-form>.sg-preferences{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.sg-form>.sg-generate,.sg-form>.sg-local-note{grid-column:1/-1}.sg-how{margin-top:20px}.sg-result{padding:28px}.sg-stat-panel{grid-template-columns:minmax(180px,.9fr) minmax(0,1fr);max-width:650px;margin:0 auto}.sg-radar-label{font-size:10px}.sg-grade th{font-size:11px}.sg-stat-help{font-size:11px}.sg-grade td{font-size:23px}.sg-stand-name{font-size:52px}}
@media(max-width:620px){.sg-shell{padding:22px 18px}.sg-form{grid-template-columns:minmax(0,1fr)}.sg-form>.sg-preferences{grid-template-columns:minmax(0,1fr)}.sg-workbench{gap:24px}.sg-controls-title{font-size:34px}.sg-intro{font-size:13px}.sg-result{padding:22px 18px}.sg-result-top{margin-bottom:20px}.sg-stand-name{font-size:43px}.sg-ability h3{font-size:25px}.sg-detail-grid{grid-template-columns:minmax(0,1fr);gap:15px}.sg-stat-panel{grid-template-columns:minmax(0,1fr);gap:2px}.sg-radar{max-width:300px;display:block;margin:0 auto}.sg-stat-copy h3{font-size:20px}.sg-grade th{font-size:12px}.sg-grade td{font-size:24px}.sg-grade-table thead th{font-size:9px}.sg-result-actions{gap:8px}.sg-secondary{padding:9px 11px;font-size:11px}.sg-feedback{font-size:11px}.sg-kicker{font-size:9px}.sg-byline{font-size:12px}}
@media print{.sg-controls,.sg-result-actions,.sg-feedback{display:none}.sg-shell{padding:0}.sg-workbench{display:block}.sg-result{box-shadow:none;print-color-adjust:exact;break-inside:avoid}.sg-stat-panel{grid-template-columns:1fr 1fr}}

.quiz-shell {
  --quiz-purple: var(--purple, #6b348b);
  --quiz-gold: var(--gold, #c6a45d);
  --quiz-ink: var(--ink, #241c2b);
  --quiz-muted: var(--muted, #746d79);
  --quiz-line: var(--line, #e0d9e5);
  color: var(--quiz-ink);
}
.quiz-shell [hidden] { display: none !important; }
.quiz-shell .primary-button { background: var(--quiz-purple); border-color: var(--quiz-purple); color: #fffaf1; }
.quiz-shell .primary-button:hover { background: #4c2a61; text-decoration: none; }
.quiz-shell .outline-button { color: var(--quiz-purple); border-color: var(--quiz-line); background: transparent; }
.quiz-shell .outline-button:hover:not(:disabled) { background: #f4edf9; border-color: var(--quiz-purple); }
.quiz-intro {
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid var(--quiz-line);
  border-top: 4px solid var(--quiz-purple);
  background: linear-gradient(135deg, #f8f3fc, #fffdf7);
}
.quiz-facts, .quiz-part {
  color: var(--quiz-purple);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.quiz-facts { margin: 0 0 14px; }
.quiz-intro-copy { max-width: 650px; margin: 0 0 23px; line-height: 1.75; }
.quiz-start { min-height: 46px; }
.quiz-noscript { display: block; margin-top: 14px; font-size: 14px; }
.quiz-question-screen { padding: clamp(18px, 4vw, 34px); border: 1px solid var(--quiz-line); background: #fff; }
.quiz-progress-line { display: flex; align-items: center; gap: 20px; margin-bottom: 29px; }
.quiz-progress-text { flex: 0 0 auto; color: var(--quiz-purple); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.quiz-progress { width: 100%; min-width: 60px; height: 7px; appearance: none; accent-color: var(--quiz-purple); border: 0; background: #ece5f0; border-radius: 10px; overflow: hidden; }
.quiz-progress::-webkit-progress-bar { background: #ece5f0; border-radius: 10px; }
.quiz-progress::-webkit-progress-value { background: var(--quiz-purple); border-radius: 10px; }
.quiz-progress::-moz-progress-bar { background: var(--quiz-purple); border-radius: 10px; }
.quiz-question { border: 0; margin: 0; padding: 0; min-width: 0; }
.quiz-question-title { display: block; padding: 0; margin-bottom: 25px; font-size: clamp(22px, 3vw, 29px); font-weight: 760; line-height: 1.35; letter-spacing: -.025em; }
.quiz-question-title:focus { outline: none; }
.quiz-options { display: grid; gap: 11px; }
.quiz-option { display: flex; align-items: center; gap: 13px; padding: 15px 17px; min-height: 62px; border: 1px solid var(--quiz-line); background: #fff; cursor: pointer; line-height: 1.5; transition: border-color .15s, background .15s; }
.quiz-option:hover { border-color: var(--quiz-purple); background: #faf7fc; }
.quiz-option:has(input:checked) { border-color: var(--quiz-purple); background: #f4edf9; box-shadow: inset 3px 0 0 var(--quiz-purple); }
.quiz-option:has(input:focus-visible) { outline: 2px solid var(--quiz-purple); outline-offset: 3px; }
.quiz-radio { flex: 0 0 auto; width: 17px; height: 17px; margin: 0; accent-color: var(--quiz-purple); }
.quiz-option-letter { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: 0 0 auto; color: var(--quiz-purple); background: #f1eaf6; font-size: 11px; font-weight: 800; }
.quiz-option-text { font-size: 15px; }
.quiz-feedback { min-height: 21px; margin: 12px 0 8px; font-size: 13px; color: #8c2857; }
.quiz-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.quiz-actions button { min-height: 45px; }
.quiz-back:disabled { opacity: .4; cursor: default; }
.quiz-roster-preview { margin-top: 43px; }
.quiz-subheading { margin: 8px 0 19px; font-size: clamp(21px, 3vw, 28px); line-height: 1.25; }
.quiz-preview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.quiz-preview-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--quiz-line); color: inherit; text-decoration: none; background: #fff; }
.quiz-preview-card:hover { border-color: var(--quiz-purple); }
.quiz-preview-image { display: block; width: 100%; height: 145px; object-fit: contain; object-position: center bottom; background: #f6f2f8; }
.quiz-preview-copy { display: flex; flex-direction: column; gap: 7px; padding: 13px; }
.quiz-preview-copy strong { font-size: 15px; line-height: 1.35; }
.quiz-method { margin-top: 30px; border-top: 1px solid var(--quiz-line); padding-top: 18px; }
.quiz-method summary { cursor: pointer; color: var(--quiz-purple); font-size: 14px; font-weight: 700; }
.quiz-method p { max-width: 760px; color: var(--quiz-muted); font-size: 13px; line-height: 1.75; }
.quiz-result-heading { margin: 0 0 19px; font-size: 25px; letter-spacing: -.02em; }
.quiz-result-heading:focus { outline: none; }
.quiz-result-card { display: grid; grid-template-columns: minmax(150px, .72fr) minmax(0, 1.6fr); border: 1px solid var(--quiz-line); border-top: 4px solid var(--quiz-purple); background: #fff; }
.quiz-result-portrait { display: flex; align-items: center; justify-content: flex-end; flex-direction: column; padding: 20px 15px 14px; background: linear-gradient(145deg, #ece0f4, #faf6ee); }
.quiz-result-image { display: block; max-width: 100%; width: auto; height: 300px; object-fit: contain; }
.quiz-image-credit { margin-top: 13px; color: var(--quiz-muted); font-size: 10px; line-height: 1.5; text-align: center; }
.quiz-result-copy { min-width: 0; padding: clamp(20px, 3vw, 31px); }
.quiz-result-name { margin: 10px 0 16px; color: var(--quiz-purple); font-size: clamp(28px, 4vw, 40px); letter-spacing: -.035em; line-height: 1.05; }
.quiz-result-reason { margin: 0; font-size: 15px; line-height: 1.75; }
.quiz-answer-reasons { padding: 16px 0; }
.quiz-answer-reasons h4 { margin: 0 0 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .055em; }
.quiz-answer-reasons ul { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.9; }
.quiz-answer-reasons li::marker { color: var(--quiz-gold); }
.quiz-profile-link { display: inline-flex; margin-top: 5px; }
.quiz-result-sources { display: grid; gap: 8px; margin: 18px 0 0; color: var(--quiz-muted); font-size: 11px; line-height: 1.65; }
.quiz-result-sources a { color: var(--quiz-purple); }
.quiz-restart { margin-top: 20px; min-height: 44px; }
@media (max-width: 680px) {
  .quiz-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quiz-progress-line { align-items: flex-start; flex-direction: column; gap: 10px; }
  .quiz-question-title { font-size: 23px; }
  .quiz-option { padding: 13px 11px; gap: 9px; }
  .quiz-option-text { font-size: 14px; }
  .quiz-result-card { grid-template-columns: 1fr; }
  .quiz-result-image { height: 235px; }
  .quiz-actions { flex-wrap: wrap; }
  .quiz-next { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) { .quiz-option { transition: none; } }

/* Supplied manga-poster reference; existing local fonts and content stay intact. */
:root{--ink:#1b1027;--purple:#21102f;--purple-soft:#492270;--paper:#fff7df;--canvas:#f8f0d9;--gold:#eeef38;--gold-deep:#6b5520;--magenta:#ed2292;--cyan:#51c9c2;--line:#281832;--muted:#695e6e;--link:#622991;--white:#fffbed}
body{background:radial-gradient(circle,#4f2b5820 .5px,transparent .8px) 0 0/7px 9px,var(--canvas)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--magenta);outline-offset:4px}
.topbar{background:var(--paper);color:var(--ink);border-bottom:4px double var(--ink);padding:12px max(24px,calc((100vw - 1560px)/2));gap:22px;min-height:84px}
.brand{color:var(--ink);letter-spacing:-.8px;font-size:25px;gap:12px}
.brand small{color:var(--purple);letter-spacing:2px;font-size:9px;margin-top:5px}
.brand-mark{position:relative;display:block;flex:none;width:56px;height:48.3px;padding:0;border:0;box-shadow:none;transform:none;overflow:hidden}
.brand-mark .brand-logo{position:absolute;display:block;width:143.187%;max-width:none;height:139.976%;left:-21.698%;top:-19.441%}
.primary-navigation{gap:0;align-items:center;font-size:11px;letter-spacing:.6px;text-transform:uppercase}
.primary-navigation a{color:var(--ink);padding:5px 14px;border-bottom:0;border-left:1px solid #28183270;min-height:44px}
.primary-navigation a:hover,.primary-navigation a[aria-current=page]{color:var(--ink);background:var(--gold);border-bottom:0}
.primary-navigation #nav-generator{color:var(--purple);font-weight:850}
.search-form{border:1px solid var(--ink);background:transparent;max-width:290px;min-width:170px;height:44px}
.search-form:focus-within{background:#fffbed;border-color:var(--purple)}
.search-form input{color:var(--ink);font-size:12px}.search-form input::placeholder{color:var(--muted)}
.search-form svg{stroke:var(--ink)}.search-form kbd{color:var(--muted);border-color:#695e6e70}
.outline-button{border-color:var(--ink);color:var(--ink)}.outline-button:hover{background:var(--gold);color:var(--ink)}
.primary-button{border:2px solid var(--ink);background:var(--gold);color:var(--ink);box-shadow:4px 4px 0 var(--magenta);min-height:48px}
.primary-button:hover{background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--cyan)}
.collection-band{background:var(--paper);border-bottom:1px solid var(--ink);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.6px;min-height:32px}
.live-dot{background:var(--magenta)}
.workspace{gap:24px}.workspace.is-landing{display:block;max-width:1600px;padding:0 0 50px;position:relative}
.is-landing .page-sidebar{display:none}.is-landing.directory-collapsed .directory{display:none}
.is-landing:not(.directory-collapsed) .directory{display:flex;position:relative;top:auto;max-height:560px;margin:24px;max-width:620px;padding:24px;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--magenta)}
#character-article{border:2px solid var(--ink);box-shadow:5px 5px 0 #28183218;background:var(--paper)}
.is-home#character-article{border:0;box-shadow:none;background:transparent}
.home-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:20px;padding:48px 46px 30px;background:radial-gradient(circle,#ffffff16 .6px,transparent .9px) 0 0/5px 5px,var(--purple);border-bottom:4px double var(--ink);min-height:610px}
.home-hero::before{content:"";position:absolute;z-index:-1;inset:0 0 0 47%;background:radial-gradient(circle,var(--ink) 1px,transparent 1.3px) 0 0/6px 6px,linear-gradient(126deg,var(--magenta) 0 37%,var(--gold) 37% 63%,var(--purple-soft) 63% 82%,var(--magenta) 82%);clip-path:polygon(0 0,100% 0,100% 100%,15% 100%);border-left:8px solid var(--paper)}
.home-hero::after{content:"✦";position:absolute;right:-20px;top:-130px;font-size:450px;line-height:1;color:var(--paper);opacity:.22;transform:rotate(16deg);z-index:-1;pointer-events:none}
.home-copy{position:relative;z-index:2;padding:13px 0 28px;align-self:center;min-width:0}
.home-copy>.eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px;line-height:1.7;margin:0 0 24px}
.article .home-title{font-size:clamp(78px,9.9vw,145px);line-height:.9;margin:0 0 27px;text-transform:uppercase;letter-spacing:-3px;overflow-wrap:normal;color:var(--gold);text-shadow:5px 4px 0 var(--magenta)}
.home-title em{display:block;font-style:normal;font-size:.78em;color:var(--paper);text-shadow:none;letter-spacing:-1px}
.home-fact-line{font-size:12px;font-weight:750;color:var(--gold);letter-spacing:.3px;max-width:none;margin:0 0 18px}
.home-deck{font-size:16px;line-height:1.8;color:var(--paper);max-width:44ch;margin:0 0 26px}
.home-actions{gap:23px;display:flex;flex-wrap:wrap;align-items:center}.home-actions .primary-button{padding:13px 21px;font-size:13px}
.home-actions .text-link{color:var(--paper);font-size:12px;border-bottom:1px solid var(--paper);padding:9px 0}
.home-tool-note{font-size:11px;letter-spacing:.6px;color:#e6d7e9;margin-top:20px}
.home-spotlight{position:relative;max-width:470px;width:100%;align-self:end;justify-self:center;padding:0 0 0 20px;border:0;background:none}
.home-spotlight .spotlight-label{position:relative;z-index:2;display:block;width:fit-content;background:var(--purple);color:var(--gold);font-size:9px;letter-spacing:2px;padding:6px 13px;border:1px solid var(--paper);transform:rotate(-3deg);margin:0 0 -20px 5px}
.home-spotlight .portrait{margin:0;position:relative}.home-spotlight .portrait-frame{border:0;box-shadow:none;background:none;min-height:0;padding:0;display:flex;justify-content:center}
.home-spotlight .portrait-image{width:auto;height:auto;max-width:100%;max-height:520px;filter:drop-shadow(8px 5px 0 #21102f70)}
.home-spotlight .portrait-caption{background:var(--paper);color:var(--ink);padding:9px 12px;border:1px solid var(--ink);font-size:9px;line-height:1.65;margin:0}
.home-spotlight .portrait-caption a,.home-spotlight .image-details summary{color:var(--purple)}.home-spotlight .portrait-caption .image-credit{color:var(--ink);font-size:9px}
.home-spotlight .image-subject-label{font-size:10px;color:var(--ink)}
.home-spotlight .image-details{font-size:9px}.home-spotlight .image-details summary{min-height:27px}
.spotlight-name{display:block;background:var(--purple);border:1px solid var(--paper);border-bottom:0;padding:12px 15px 3px;font:32px/1 var(--display);text-transform:uppercase;letter-spacing:.5px;color:var(--paper);margin:10px 0 0;box-shadow:4px 4px 0 var(--magenta)}
.spotlight-name:hover{color:var(--gold)}.spotlight-work{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;background:var(--purple);color:var(--gold);border:1px solid var(--paper);border-top:0;padding:5px 15px 12px;box-shadow:4px 4px 0 var(--magenta)}
.article-body.home-body{padding:0 34px 34px}
.home-body .part-navigation{margin:0 -34px;padding:18px 34px 20px;border-bottom:3px double var(--ink);background:var(--paper)}
.home-body .part-navigation h2{font:26px/1.2 var(--display);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.home-body .part-links{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.home-body .part-link{min-height:86px;text-align:center;align-items:center;justify-content:flex-start;border:1px solid var(--ink);background:transparent;padding:9px 5px;gap:7px}
.home-body .part-link>span{color:var(--purple);font:24px/1 var(--display);letter-spacing:0}.home-body .part-link strong{font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.4px}
.home-body .part-link:hover{background:var(--purple);box-shadow:3px 3px 0 var(--magenta)}.home-body .part-link:hover>span{color:var(--gold)}
.home-section{padding-top:38px}.home-section>.eyebrow{color:var(--purple);font-size:9px;letter-spacing:2px;margin-bottom:9px}
.home-section>.editorial-heading{font:clamp(35px,4.7vw,64px)/1 var(--display);letter-spacing:-.6px;text-transform:uppercase;color:var(--ink);margin:0 0 20px}
.tool-grid{gap:18px}.tool-card{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--cyan);padding:24px;min-height:240px}
.tool-card:nth-child(3){box-shadow:4px 4px 0 var(--magenta)}.tool-card:hover{transform:translateY(-3px);border-color:var(--ink)}
.tool-card h3{font-size:34px;line-height:1.05;margin:16px 0 15px}.tool-card p{color:var(--muted);font-size:13px;line-height:1.8;max-width:45ch}
.tool-card-number{font:23px/1 var(--display);color:var(--purple)}.tool-card-action{font-size:12px;color:var(--purple)}
.tool-card-featured{background:radial-gradient(circle,#ffffff1c .7px,transparent 1px) 0 0/5px 5px,var(--purple);box-shadow:5px 5px 0 var(--magenta);border-color:var(--ink)}
.tool-card-featured h3,.tool-card-featured .tool-card-number,.tool-card-featured .tool-card-action{color:var(--gold)}.tool-card-featured p{color:var(--paper)}
.home-body .dossier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#featured-profiles .dossier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.poster-card{--card-accent:#a369ef;display:flex;flex-direction:column;gap:0;padding:0;border:2px solid var(--ink);box-shadow:3px 3px 0 #28183225;min-width:0;background:var(--paper);overflow:hidden}
.poster-card:nth-child(4n+2){--card-accent:#eeef38}.poster-card:nth-child(4n+3){--card-accent:#ef55ad}.poster-card:nth-child(4n){--card-accent:#51c9c2}
.poster-card:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:5px 5px 0 var(--magenta);text-decoration:none}
.poster-card .card-number{position:absolute;z-index:2;top:9px;left:9px;right:auto;bottom:auto;background:var(--purple);border:1px solid var(--paper);padding:4px 8px;color:var(--gold);font:16px/1 var(--display);opacity:1}
.poster-card .card-visual{position:relative;isolation:isolate;width:100%;height:300px;padding:18px 5px 0;border-bottom:2px solid var(--ink);background:radial-gradient(circle,#21102f60 .7px,transparent 1px) 0 0/5px 5px,var(--card-accent);overflow:hidden}
.poster-card .card-visual::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(125deg,transparent 0 36px,#fff7df45 37px 61px,transparent 62px 87px);clip-path:polygon(0 0,100% 17%,90% 100%,0 67%)}
.poster-card .card-image{display:block;max-height:none;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(4px 2px 0 #21102f55)}
.poster-card .card-copy{padding:13px 13px 12px;display:flex;flex-direction:column;min-width:0;flex:1}.poster-card .card-copy .eyebrow{order:2;font-size:9px;letter-spacing:.7px;margin:0;color:var(--purple);font-weight:800}
.poster-card .card-copy h3{font:clamp(23px,2.5vw,34px)/1.05 var(--display);text-transform:uppercase;color:var(--ink);margin:0 0 9px;overflow-wrap:normal}
.poster-card .card-action{order:4;margin-top:auto;padding-top:11px;font-size:10px;color:var(--purple)}.poster-card .card-version{order:3;margin:6px 0 0;color:var(--muted)}
.home-body .works-grid{gap:16px}.work-card{border:1px solid var(--ink);background:var(--paper)}.work-order{color:var(--purple)}
.editorial-note{border:1px solid var(--ink);border-left:7px solid var(--magenta);background:var(--paper);box-shadow:4px 4px 0 #28183215;margin-top:38px}
.editorial-note strong{color:var(--purple)}.editorial-note p{color:var(--muted)}
.breadcrumbs{border-bottom:1px solid var(--ink);background:var(--paper)}.profile-header,.directory-header{border-top-color:var(--magenta);background:var(--paper)}
.portrait-frame{background:radial-gradient(circle,#49227025 .8px,transparent 1.1px) 0 0/6px 6px,#eee2f5;border:1px solid var(--ink);box-shadow:5px 5px 0 var(--gold)}
.work-tag{border-color:var(--ink);background:var(--paper);color:var(--purple)}.quick-facts>div{background:#f4ecd4;border-left-color:var(--purple-soft)}
.section-heading{color:var(--purple)}.section-number{color:var(--purple);border-color:var(--ink);background:var(--gold)}
.coverage-card,.contents-card{border-color:var(--ink)}.coverage-primary strong{color:var(--purple)}.count-pill{border-color:var(--ink)}
.directory-pagination .page-link{border-color:var(--ink)}.directory-pagination .page-link[aria-current=page]{background:var(--purple);color:var(--gold)}
.site-footer{border-top:3px double var(--ink);background:var(--paper);color:var(--muted);padding:25px max(24px,calc((100vw - 1500px)/2));font-size:10px}
@media(min-width:1600px){.home-hero{min-height:670px;padding-left:60px;padding-right:60px}.home-spotlight .portrait-image{max-height:560px}.home-body .poster-card .card-visual{height:340px}}
@media(max-width:1390px){.topbar{flex-wrap:wrap;gap:10px 22px}.brand{margin-right:auto}.primary-navigation{order:3;width:100%;border-top:1px solid #28183255;justify-content:center}.primary-navigation a{border-left:0;border-right:1px solid #28183255;padding:7px 22px}.primary-navigation a:last-child{border:0}.search-form{flex:0 1 300px;margin-left:0}.home-hero{min-height:600px;padding:35px 34px 27px}.home-deck{max-width:40ch;font-size:15px}.home-spotlight .portrait-image{max-height:470px}.poster-card .card-visual{height:260px}}
@media(max-width:1000px){.home-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:35px 28px}.article .home-title{font-size:clamp(72px,10.4vw,105px)}.home-fact-line{font-size:11px}.home-spotlight{padding-left:0}.home-spotlight .portrait-image{max-height:430px}.home-body .dossier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-body .part-links{gap:5px}.home-body .part-link strong{font-size:8px}.home-body .part-link{padding-left:3px;padding-right:3px}.tool-card{padding:20px}.tool-card h3{font-size:28px}.home-body .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){html{scroll-padding-top:210px}.topbar{padding:10px 18px;gap:10px 14px;position:relative}.brand{font-size:23px}.brand small{font-size:8px;letter-spacing:1.2px}.brand-mark{width:49px;height:42.3px}.topbar>.outline-button{min-height:44px;font-size:0;padding:10px}.outline-button svg{width:20px}.primary-navigation{order:4;justify-content:flex-start;flex-wrap:wrap;gap:0;width:100%;padding:4px 0 0}.primary-navigation a{font-size:10px;padding:6px 12px;border:0;min-height:40px}.primary-navigation a:first-child{padding-left:6px}.search-form{order:3;width:100%;max-width:none;flex-basis:100%;height:44px;margin:0}.search-form input{font-size:16px}.collection-band{padding:8px 18px;font-size:8px;gap:8px}.collection-band>div{gap:8px;flex-wrap:wrap}.collection-band>span{display:none}.collection-band .band-divider{display:none}.collection-band>div>span:last-child{display:none}.workspace.is-landing{padding-bottom:30px}.home-hero{grid-template-columns:1fr;gap:0;padding:28px 24px 25px;min-height:0}.home-hero::before{inset:43% 0 0 0;clip-path:polygon(0 16%,100% 0,100% 100%,0 100%);border:0}.home-copy{padding:4px 0 25px}.home-copy>.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:22px}.article .home-title{font-size:clamp(76px,18vw,122px);letter-spacing:-2px;margin-bottom:23px}.home-title em{font-size:.77em}.home-fact-line{font-size:11px;max-width:100%;line-height:1.8}.home-deck{font-size:15px;max-width:45ch;margin-bottom:22px}.home-actions{gap:12px 22px}.home-actions .primary-button{font-size:12px;min-height:48px}.home-actions .text-link{font-size:12px}.home-tool-note{font-size:10px}.home-spotlight{max-width:390px;margin-top:5px;padding:0 12px}.home-spotlight .portrait-image{max-height:390px;max-width:100%}.home-spotlight .portrait-caption{font-size:9px;padding:9px}.home-spotlight .portrait-caption .image-credit{font-size:9px}.spotlight-name{font-size:30px}.home-body.article-body{padding:0 20px 25px}.home-body .part-navigation{margin:0 -20px;padding:20px}.home-body .part-navigation h2{font-size:25px}.home-body .part-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.home-body .part-link{min-height:85px;padding:10px 7px}.home-body .part-link>span{font-size:25px}.home-body .part-link strong{font-size:9px}.home-section{padding-top:32px}.home-section>.editorial-heading{font-size:38px;margin-bottom:20px;line-height:1.05}.home-body .tool-grid{grid-template-columns:1fr;gap:16px}.tool-card{min-height:205px;padding:22px}.tool-card h3{font-size:32px}.tool-card p{font-size:13px;margin-bottom:18px}.home-body .dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.poster-card .card-visual{height:235px;padding:12px 3px 0}.poster-card .card-copy{padding:12px 9px}.poster-card .card-copy h3{font-size:25px;overflow-wrap:anywhere}.poster-card .card-copy .eyebrow{font-size:8px;letter-spacing:.3px}.poster-card .card-action{font-size:9px}.poster-card .card-version{font-size:9px}.editorial-note{padding:20px 17px}.editorial-note p{font-size:13px}.is-landing:not(.directory-collapsed) .directory{margin:20px;max-height:540px;padding:18px}.site-footer{padding:22px 20px;font-size:10px}.article-section,.home-section{scroll-margin-top:24px}}
@media(max-width:420px){.brand{font-size:20px;gap:9px}.brand small{font-size:7px}.home-spotlight .portrait-image{max-height:355px}.home-body .dossier-grid{gap:10px}.poster-card .card-visual{height:210px}.poster-card .card-copy h3{font-size:23px}.home-section>.editorial-heading{font-size:35px}.home-fact-line{font-size:10px}}
@media(prefers-reduced-motion:reduce){.poster-card:hover,.tool-card:hover{transform:none}}
@media print{.home-hero{display:block;background:white;color:black;min-height:0}.home-hero::before,.home-hero::after{display:none}.home-copy .home-title,.home-title em,.home-fact-line,.home-deck,.home-tool-note{color:black;text-shadow:none}.home-spotlight{display:none}.home-body .dossier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-card{box-shadow:none;break-inside:avoid}.poster-card .card-visual{height:160px;background:white}}
@media(max-width:780px){#featured-profiles .dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#featured-profiles .poster-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}#featured-profiles .poster-card:last-child .card-visual{border-bottom:0;border-right:2px solid var(--ink)}#featured-profiles .poster-card:last-child .card-copy{justify-content:center;padding:20px 14px}#featured-profiles .poster-card:last-child .card-action{margin-top:15px}}
@media(max-width:780px){.primary-navigation a{min-height:44px}}

/* Manga-poster skin for the existing tools. Keep controls and source content intact. */
.is-tool .tool-header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(26px, 4vw, 48px);
  border-top: 0;
  border-bottom: 3px solid var(--ink);
  background: var(--purple);
  color: var(--paper);
}
.is-tool .tool-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 57%;
  opacity: .38;
  background: radial-gradient(circle, var(--ink) 1px, transparent 1.4px) 0 0 / 6px 6px, linear-gradient(135deg, var(--purple-soft) 22%, var(--magenta) 100%);
  clip-path: polygon(34% 0, 100% 0, 100% 100%, 0 100%);
}
.is-tool .tool-header::after {
  content: "";
  position: absolute;
  top: -24px;
  right: 12%;
  width: 12px;
  height: 180%;
  background: var(--gold);
  transform: rotate(27deg);
  opacity: .15;
  pointer-events: none;
}
.is-tool .tool-header > * { position: relative; z-index: 1; }
.is-tool .tool-header .eyebrow { color: var(--gold); letter-spacing: .18em; }
.is-tool .tool-header h1 {
  max-width: 19ch;
  margin: 17px 0 20px;
  color: var(--paper);
  line-height: 1;
  text-shadow: 3px 3px 0 var(--ink);
}
.is-tool .tool-deck { color: var(--paper); max-width: 66ch; line-height: 1.8; }
.is-tool .tool-body { padding: clamp(22px, 3.5vw, 38px); background: var(--paper); }
.is-tool .tool-explainer { border-top: 3px solid var(--ink); margin-top: 38px; padding-top: 23px; }
.is-tool .tool-explainer h2 { color: var(--ink); }
.is-tool .tool-explainer h3 { color: var(--purple); }
.is-tool .tool-explainer .text-link { display: inline-block; font-weight: 800; border-bottom: 2px solid var(--magenta); }
.is-tool .profile-tool-links { border-top: 2px solid var(--ink); padding-top: 23px; gap: 12px; }
.is-tool .profile-tool-links a { border: 2px solid var(--ink); color: var(--ink); background: var(--paper); box-shadow: 3px 3px 0 var(--cyan); }
.is-tool .profile-tool-links a:hover { background: var(--gold); color: var(--ink); }

/* The generator is a drawing-board form beside a collectible result card. */
.sg-shell { padding: 0; }
.sg-workbench { gap: 30px; }
.sg-controls { padding: 24px; border: 2px solid var(--ink); background: var(--canvas); box-shadow: 5px 5px 0 var(--magenta); }
.sg-kicker { color: var(--purple); }
.sg-controls-title { margin-top: 12px; color: var(--ink); }
.sg-intro { color: var(--muted); margin-bottom: 22px; }
.sg-field-label { color: var(--ink); font-weight: 800; }
.sg-optional { color: var(--muted); }
.sg-input, .sg-select { min-height: 50px; background: var(--paper); border: 2px solid var(--ink); color: var(--ink); }
.sg-input:focus-visible, .sg-select:focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
.sg-mode { min-height: 74px; border: 2px solid var(--ink); background: var(--paper); padding: 12px; }
.sg-mode:has(input:checked) { border-color: var(--ink); background: var(--gold); box-shadow: 3px 3px 0 var(--magenta); }
.sg-mode:focus-within { outline: 3px solid var(--link); outline-offset: 3px; }
.sg-mode strong, .sg-mode:has(input:checked) small { color: var(--ink); }
.sg-mode small { color: var(--muted); }
.sg-mode input { accent-color: var(--ink); }
.sg-preferences { border: 2px solid var(--ink); border-left: 6px solid var(--purple); background: var(--paper); padding: 17px 14px 15px; }
.sg-preferences legend { background: var(--paper); padding: 0 5px; }
.sg-generate { border: 2px solid var(--ink); background: var(--gold); color: var(--ink); box-shadow: 4px 4px 0 var(--magenta); font-weight: 800; }
.sg-generate:hover { background: var(--cyan); color: var(--ink); transform: translateY(-1px); }
.sg-how { border-top: 2px solid var(--ink); }
.sg-how summary { color: var(--ink); }
.sg-how p { color: var(--muted); }
.sg-output { padding: 0 6px 6px 0; }
.sg-result {
  border: 3px solid var(--ink);
  padding: 27px 25px;
  background: var(--purple);
  color: var(--paper);
  box-shadow: 6px 6px 0 var(--gold);
}
.sg-result::before {
  top: -95px;
  right: -90px;
  width: 270px;
  height: 270px;
  border: 0;
  background: radial-gradient(circle, var(--purple) 1px, transparent 1.4px) 0 0 / 5px 5px, var(--magenta);
  transform: rotate(38deg);
  opacity: .24;
  box-shadow: 0 0 0 7px var(--gold), 0 0 0 13px var(--ink);
}
.sg-result-top { gap: 15px; }
.sg-edition { display: inline-block; padding: 5px 7px; color: var(--ink); background: var(--gold); border: 1px solid var(--ink); letter-spacing: .12em; }
.sg-concept-label { color: var(--paper); max-width: 14ch; }
.sg-stand-name { color: var(--paper); text-shadow: 3px 3px 0 var(--purple-soft); }
.sg-byline { color: #f0dfef; }
.sg-tags { gap: 8px; }
.sg-tag { border: 1px solid var(--cyan); color: var(--cyan); background: var(--purple); padding: 5px 8px; font-weight: 700; }
.sg-ability { border-top: 2px solid var(--magenta); }
.sg-label, .sg-detail dt { color: var(--gold); }
.sg-ability h3 { color: var(--paper); }
.sg-detail-grid { border-top: 1px solid #fff7df55; border-bottom: 1px solid #fff7df55; }
.sg-detail dd, .sg-ability p { color: var(--paper); }
.sg-radar-grid { fill: #eeef3806; stroke: #eeef3855; }
.sg-radar-axis { stroke: #eeef3866; }
.sg-radar-shape { fill: #eeef383b; stroke: var(--gold); stroke-width: 3; }
.sg-radar-label { fill: var(--paper); }
.sg-stat-copy h3 { color: var(--paper); }
.sg-stat-help, .sg-grade-table thead th, .sg-grade th, .sg-flavor { color: #eddfef; }
.sg-grade { border-top-color: #fff7df3b; }
.sg-grade td { color: var(--gold); }
.sg-flavor { border-top-color: #fff7df55; }
.sg-secondary { border: 2px solid var(--ink); color: var(--ink); background: var(--paper); box-shadow: 3px 3px 0 var(--cyan); font-weight: 800; }
.sg-secondary:hover { background: var(--gold); color: var(--ink); }
.sg-reset { color: var(--ink); }
.sg-feedback { color: var(--purple); }
.sg-shell button:focus-visible { outline: 3px solid var(--link); outline-offset: 4px; }

/* Source-backed Stand records: a colored tab and a direct route to each user. */
.stands-controls { padding: 22px; border: 2px solid var(--ink); background: var(--canvas); box-shadow: 4px 4px 0 var(--cyan); }
.stands-controls > label { color: var(--ink); font-weight: 800; }
.stands-controls input[type=search], .stands-controls select { min-height: 50px; border: 2px solid var(--ink); background: var(--paper); color: var(--ink); }
.stands-controls input[type=search]:focus-visible, .stands-controls select:focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
.stands-controls input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--purple); flex-shrink: 0; }
.stands-controls > .stands-spoiler-control { min-height: 44px; font-weight: 600; gap: 9px; }
.stands-browser > .browsing-note { color: var(--muted); margin-top: 20px; }
.stands-count { color: var(--ink); border-bottom: 3px solid var(--ink); padding: 15px 0; }
.stands-grid { gap: 20px; }
.stand-card { --stand-accent: var(--gold); position: relative; border: 2px solid var(--ink); background: var(--paper); padding: 21px 20px 18px; box-shadow: 4px 4px 0 var(--purple); }
.stand-card:nth-child(3n + 2) { --stand-accent: var(--magenta); }
.stand-card:nth-child(3n) { --stand-accent: var(--cyan); }
.stand-card::before { content: ""; position: absolute; left: -2px; right: -2px; top: -2px; height: 7px; border: 2px solid var(--ink); border-bottom-width: 1px; background: var(--stand-accent); }
.stand-card > .eyebrow { display: inline-block; background: var(--stand-accent); color: var(--ink); padding: 4px 6px; margin-top: 3px; letter-spacing: .08em; line-height: 1.7; }
.stand-card h2 { color: var(--ink); margin: 16px 0 18px; }
.stand-users > li { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 10px; padding: 12px 0; border-top: 1px solid var(--ink); }
.stand-user-link { color: var(--link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; line-height: 1.65; overflow-wrap: anywhere; }
.stand-user-link:hover { color: var(--ink); }
.stand-user-work { display: inline; min-width: 0; margin-top: 0; color: var(--muted); overflow-wrap: anywhere; }
.stand-notes, .stand-evidence { flex-basis: 100%; }
.stand-card .spoiler-label { color: var(--purple); background: var(--canvas); border-color: var(--ink); }
.stand-notes { color: var(--muted); }
.stand-evidence { margin-top: 4px; }
.stand-evidence summary { min-height: 36px; padding: 6px 0; color: var(--ink); font-weight: 700; }
.stand-evidence a { color: var(--link); text-decoration: underline; }

/* Quiz choices remain native radio labels, dressed as comic answer panels. */
.quiz-shell { --quiz-purple: var(--purple); --quiz-gold: var(--gold); --quiz-ink: var(--ink); --quiz-muted: var(--muted); --quiz-line: var(--ink); }
.quiz-intro { position: relative; border: 2px solid var(--ink); border-top-width: 7px; background: var(--canvas); box-shadow: 5px 5px 0 var(--magenta); }
.quiz-facts { color: var(--ink); display: inline-block; background: var(--gold); padding: 5px 8px; border: 1px solid var(--ink); }
.quiz-intro-copy { color: var(--ink); }
.quiz-shell .primary-button { border: 2px solid var(--ink); background: var(--gold); color: var(--ink); box-shadow: 4px 4px 0 var(--magenta); font-weight: 800; }
.quiz-shell .primary-button:hover { background: var(--cyan); color: var(--ink); }
.quiz-shell .outline-button { border: 2px solid var(--ink); background: var(--paper); color: var(--ink); }
.quiz-shell .outline-button:hover:not(:disabled) { border-color: var(--ink); background: var(--gold); }
.quiz-shell button:focus-visible, .quiz-shell a:focus-visible { outline: 3px solid var(--link); outline-offset: 4px; }
.quiz-question-screen { border: 2px solid var(--ink); background: var(--paper); box-shadow: 5px 5px 0 var(--cyan); }
.quiz-progress-line { gap: 16px; margin-bottom: 26px; }
.quiz-progress-text { color: var(--ink); }
.quiz-progress { height: 11px; border: 1px solid var(--ink); border-radius: 0; background: var(--canvas); }
.quiz-progress::-webkit-progress-bar { border-radius: 0; background: var(--canvas); }
.quiz-progress::-webkit-progress-value { border-radius: 0; background: var(--magenta); }
.quiz-progress::-moz-progress-bar { border-radius: 0; background: var(--magenta); }
.quiz-question-title { color: var(--ink); }
.quiz-options { gap: 14px; }
.quiz-option { border: 2px solid var(--ink); background: var(--paper); padding: 13px 15px; min-height: 68px; color: var(--ink); }
.quiz-option:hover { border-color: var(--ink); background: var(--canvas); }
.quiz-option:has(input:checked) { border-color: var(--ink); background: var(--gold); box-shadow: 4px 4px 0 var(--magenta); }
.quiz-option:has(input:focus-visible) { outline: 3px solid var(--link); outline-offset: 4px; }
.quiz-radio { accent-color: var(--ink); }
.quiz-option-letter { width: 30px; height: 32px; border: 1px solid var(--ink); color: var(--paper); background: var(--purple); }
.quiz-option:has(input:checked) .quiz-option-letter { background: var(--magenta); color: var(--ink); }
.quiz-feedback { color: #912450; }
.quiz-actions { padding-top: 6px; }
.quiz-preview-grid { gap: 16px; }
.quiz-preview-card { border: 2px solid var(--ink); background: var(--paper); box-shadow: 3px 3px 0 var(--purple); }
.quiz-preview-card:hover { border-color: var(--ink); text-decoration: none; box-shadow: 4px 4px 0 var(--magenta); }
.quiz-preview-image { background: radial-gradient(circle, #21102f2b .8px, transparent 1.1px) 0 0 / 5px 5px, var(--cyan); border-bottom: 2px solid var(--ink); padding: 10px 8px 0; }
.quiz-preview-card:nth-child(3n + 2) .quiz-preview-image { background-color: var(--gold); }
.quiz-preview-card:nth-child(3n) .quiz-preview-image { background-color: #ebb7e3; }
.quiz-preview-copy { color: var(--ink); }
.quiz-part { color: var(--purple); font-size: 11px; }
.quiz-method { border-top: 2px solid var(--ink); }
.quiz-method summary { min-height: 44px; padding: 7px 0; color: var(--ink); }
.quiz-result-heading { color: var(--ink); }
.quiz-result-card { border: 2px solid var(--ink); border-top-width: 7px; background: var(--paper); box-shadow: 5px 5px 0 var(--magenta); }
.quiz-result-portrait { border-right: 2px solid var(--ink); background: radial-gradient(circle, #21102f2b 1px, transparent 1.3px) 0 0 / 6px 6px, var(--cyan); }
.quiz-image-credit { width: 100%; padding: 7px; color: var(--ink); background: var(--paper); border: 1px solid var(--ink); overflow-wrap: anywhere; }
.quiz-image-credit a { color: var(--link); text-decoration: underline; }
.quiz-image-credit summary { min-height: 28px; padding: 4px 0; cursor: pointer; }
.quiz-result-name { color: var(--ink); }
.quiz-answer-reasons { border-bottom: 2px solid var(--ink); margin-bottom: 18px; }
.quiz-answer-reasons li::marker { color: var(--link); }
.quiz-result-sources { overflow-wrap: anywhere; }

@media (max-width: 1180px) {
  .sg-controls { padding: 24px; }
  .sg-workbench { gap: 28px; }
}
@media (max-width: 780px) {
  .is-tool .tool-header { padding: 27px 22px; }
  .is-tool .tool-body { padding: 24px 19px; }
  .is-tool .tool-header h1 { font-size: clamp(38px, 10.6vw, 58px); max-width: 18ch; }
  .stands-controls { grid-template-columns: minmax(0, 1fr); padding: 18px 15px; }
  .stands-grid { grid-template-columns: minmax(0, 1fr); }
  .stand-card { padding: 20px 17px 15px; }
}
@media (max-width: 680px) {
  .quiz-result-portrait { border-right: 0; border-bottom: 2px solid var(--ink); }
  .quiz-intro, .quiz-question-screen { padding: 22px 17px; }
  .quiz-option { padding: 12px 10px; gap: 9px; }
  .quiz-option-letter { width: 27px; height: 30px; }
  .quiz-preview-copy { padding: 11px 9px; }
}
@media (max-width: 620px) {
  .sg-shell { padding: 0; }
  .sg-controls { padding: 20px 16px; }
  .sg-form { gap: 19px; }
  .sg-result { padding: 23px 17px; }
  .sg-stand-name { font-size: clamp(34px, 10vw, 43px); }
  .sg-result-top { gap: 9px; }
  .sg-concept-label { max-width: 12ch; }
  .sg-input, .sg-select, .stands-controls input[type=search], .stands-controls select { font-size: 16px; }
  .sg-result-actions { gap: 11px; }
  .sg-reset { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .sg-generate, .quiz-option { transition: none; }
  .sg-generate:hover { transform: none; }
}
@media print {
  .sg-controls, .sg-result-actions, .sg-feedback { display: none; }
  .sg-result, .stand-card, .quiz-result-card { box-shadow: none; }
  .is-tool .tool-header::before, .is-tool .tool-header::after { display: none; }
}