:root{--purple:#452859;--paper:#faf8f3;--ink:#29232c;--line:#ded7df}body{background:var(--paper);color:var(--ink)}[hidden]{display:none!important}a{color:var(--purple)}button,input,select,textarea{font:inherit}button,.topic-links a,.ancestor-buttons a{border:1px solid var(--line);background:white;border-radius:8px;padding:.6rem .9rem;color:var(--purple);cursor:pointer}button[aria-pressed=true],a[aria-current=page],.ancestor-buttons a[aria-current=true]{background:var(--purple);color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aa6dc0;outline-offset:3px}.site-header{max-width:1180px;margin:auto;display:flex;gap:2rem;align-items:center;flex-wrap:wrap;padding:1.2rem}.site-header nav{display:flex;gap:1rem;flex-wrap:wrap}.site-header .brand{width:200px;height:auto}.page{max-width:1120px;margin:auto;padding:1.5rem}.portal-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin:1rem 0 3rem}.portal-hero h1{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.12}.portal-hero figure{margin:0}.portal-hero img{width:100%;height:auto}.topic-links,.controls{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0}.topic-links a{text-decoration:none}.browse label{display:block;font-weight:bold}.browse input{display:block;width:100%;max-width:650px;padding:.8rem;border:1px solid var(--line);border-radius:8px;margin-top:.4rem;background:white}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.article-card{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;background:white;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.article-card:hover{border-color:var(--purple);box-shadow:0 4px 18px #45285912}.article-card img{width:100%;height:155px;object-fit:contain;float:none;margin:0}.article-card h3,.article-card p{margin:0}.article-card>span:last-child{margin-top:auto;color:var(--purple);padding-top:.7rem}.eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--purple)}article{max-width:940px;margin:auto}article img{max-width:100%;height:auto}.comparison-pair{display:block}.comparison-pair.both{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.comparison-pair figure{margin:0}.comparison-pair img{width:100%;height:auto}.interactive,.feedback,.feature-link{background:#f0eaf2;border-radius:12px;padding:1.3rem;margin:1.8rem 0}.ancestor-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.ancestor-buttons a{text-align:center;text-decoration:none;font-weight:bold}.ancestor{max-width:850px;margin:2rem auto;padding:1.4rem;background:white;border:1px solid var(--line);border-radius:12px}.ancestor h2{margin-top:0}.story-list details{padding:1rem 1.3rem;border:1px solid var(--line);border-radius:10px;background:white;margin:.75rem 0}.story-list summary,summary{cursor:pointer;font-weight:bold}.story-list summary small{display:block;font-weight:normal;color:#655b69;margin-top:.3rem}.story-list details>button{margin:1rem 0}.story-list img{max-width:100%;height:auto}.story-list figure{max-width:100%;margin:1rem 0}.feedback label{display:block;margin:1rem 0}.feedback input,.feedback textarea{display:block;box-sizing:border-box;width:100%;padding:.6rem;background:white;border:1px solid var(--line);border-radius:6px}.site-footer{max-width:1120px;margin:2rem auto;padding:1.5rem;border-top:1px solid var(--line);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.article-contents ul{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;list-style:none;padding:0}.article-contents a{font-size:.9rem}.reading-illustration{float:none!important;margin:2rem auto!important}.site-footer p{width:100%}@media(max-width:800px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-hero{gap:1.5rem}.site-header{gap:1rem}.ancestor-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.ancestor-buttons a{font-size:.85rem;padding:.55rem .25rem}}@media(max-width:560px){.page{padding:1rem}.portal-hero{grid-template-columns:1fr}.portal-hero figure{max-width:340px;margin:auto}.article-grid{grid-template-columns:1fr}.article-card img{height:180px}.ancestor-buttons{grid-template-columns:repeat(2,1fr)}.comparison-pair.both{grid-template-columns:1fr}.site-header nav{font-size:.9rem}.reading-illustration{width:100%!important}.hero{display:block!important}.article-heading{display:block!important}.article-heading figure{max-width:180px}.controls label{display:block;width:100%}select{max-width:100%}h1{overflow-wrap:break-word}}

.feedback-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
[data-visit-counter]{font-size:.85rem}


/* Merged introduction: responsive chapter links, retained by the shared renderer. */
.phantom-intro .article-contents{padding:18px 22px;margin:0 0 26px;background:#f8fafc;border:1px solid var(--line);border-radius:7px}
.phantom-intro .article-contents ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px;margin:0;list-style:none;padding:0}
.phantom-intro .article-contents li{margin:0}
.phantom-intro .article-contents a{display:block;font-weight:700;text-decoration:none;line-height:1.5}
@media(max-width:560px){.phantom-intro .article-contents ul{grid-template-columns:1fr}}

.work-entry-link{margin:2rem 0}.work-entry-link .article-card{max-width:420px}.work-entry-link h2{font-size:1.3rem;margin:0}