:root{color-scheme:light;--navy:#182b3a;--navy2:#233b4c;--burgundy:#822e39;--gold:#c4a068;--paper:#f8f3e9;--line:#dcc9b0;--ink:#2d2b2b;--muted:#635d55;--shadow:0 12px 27px #24303b12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:#f7f1e7;color:var(--ink)}button,input,select{font:inherit}a{color:#783143}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a66435;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.skip{position:absolute;top:-100px;left:14px;background:#fff;padding:12px;z-index:10}.skip:focus{top:9px}.site-header{position:sticky;top:0;background:#fcf8f1f5;box-shadow:0 1px 12px #1b17150e;z-index:20;border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;gap:18px;min-height:80px;flex-wrap:wrap;padding:10px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;min-width:235px;font:700 20px/1.08 Georgia,serif}.brand img{flex-shrink:0}.brand small{font:600 10px/1.5 system-ui,sans-serif;color:#906c53;letter-spacing:.08em;text-transform:uppercase;display:block;margin-top:3px}nav{display:flex;align-items:center;gap:3px;flex:1;flex-wrap:wrap}nav button{border:0;border-radius:9px;background:none;color:#55483e;font-size:12px;font-weight:700;padding:10px 11px}nav button.current,nav button:hover{color:#fff;background:var(--navy)}.languages{display:flex;gap:4px;border:1px solid #d7bf9b;padding:4px;border-radius:40px;background:#fff}.languages a{text-decoration:none;color:#71563e;font-size:12px;font-weight:700;padding:7px 10px;border-radius:20px}.languages a.active{background:var(--burgundy);color:#fff}.menubtn{display:none}main{padding-bottom:55px}.tab{min-height:45vh;animation:fade .18s ease}.tab[hidden]{display:none!important}@keyframes fade{from{opacity:.4}to{opacity:1}}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;margin:28px 0 42px;background:linear-gradient(135deg,#20384b,#182a39 65%,#5d2c3d);color:#fff;padding:clamp(25px,4vw,54px);border-radius:24px;box-shadow:var(--shadow)}.hero h1{font:700 clamp(38px,5vw,66px)/1.05 Georgia,serif;max-width:620px;margin:14px 0}.hero p{font-size:17px;max-width:690px;color:#eee5dc}.kicker{text-transform:uppercase;color:#a57652;font-weight:800;font-size:11px;letter-spacing:.18em}.hero .kicker{color:#dabb7e}.actions{display:flex;gap:11px;flex-wrap:wrap;margin:26px 0}.actions button,.primary{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;background:var(--burgundy);color:white;border:1px solid #a05b58;border-radius:10px;font-weight:700;padding:12px 16px}.actions button:not(.primary){background:transparent;border:1px solid #d9bd8d}.ethics{border-left:3px solid var(--gold);padding-left:14px;font-size:13px;color:#e1d3c2;max-width:540px}.graphic{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #a5a0a063;border-radius:17px;background:radial-gradient(circle at 50% 38%,#f6e3c423,transparent 55%);text-align:center}.star{font-family:Georgia,serif;font-size:clamp(55px,8vw,120px);color:#dec08b;letter-spacing:-.14em;line-height:1.4}.graphic-text{color:#dcc49e;font-size:13px;letter-spacing:.2em}.graphic-label{font:700 16px Georgia,serif;color:#e5d1aa;letter-spacing:.1em}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 18px}.head h2,.pagehead h1{font:700 clamp(32px,4vw,47px)/1.1 Georgia,serif;color:var(--navy);margin:5px 0 9px}.head p,.pagehead p{color:var(--muted);margin:0;max-width:780px}.pagehead{padding:38px 0 25px}.pagehead h1{font-size:clamp(36px,5vw,61px)}.textlink{background:none;border:0;color:var(--burgundy);font-weight:750;text-decoration:underline;text-underline-offset:3px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card,.tile,.article,.bookcard{border:1px solid var(--line);background:#fffdf9;border-radius:18px;padding:23px;box-shadow:var(--shadow)}.card{display:flex;flex-direction:column;gap:10px}.card small{color:#9a6045;font-weight:800;letter-spacing:.05em}.card h3{font:700 23px/1.18 Georgia,serif;margin:0;color:var(--navy);overflow-wrap:anywhere}.card p{margin:0;color:var(--muted);flex:1}.card button{align-self:flex-start;background:none;border:0;color:#893a45;font-weight:800;padding:5px 0}.small{font-size:12px;color:var(--muted)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:37px 0}.tile h2{font:700 29px Georgia,serif;color:var(--navy);margin:5px 0}.tile p{color:var(--muted)}.tile.accent{background:var(--navy);border-color:var(--navy);color:#fff}.tile.accent h2,.tile.accent p{color:#fff}.tile button{background:var(--burgundy);border:0;color:#fff;border-radius:9px;padding:10px 14px;font-weight:700}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.filters input{flex:1;min-width:220px}.filters input,.filters select,.filters button{border:1px solid #d0bca2;border-radius:10px;padding:11px 14px;background:#fff}.filters button{color:#713940}.article{max-width:910px;margin:18px auto 25px;padding:clamp(20px,4vw,46px)}.article h1{font:700 clamp(31px,4vw,50px)/1.13 Georgia,serif;color:var(--navy)}.article h2{font:700 25px Georgia,serif;color:#713c40;margin-top:25px}.article p{font-size:17px}.notice{border-left:3px solid var(--burgundy);background:#f5eadf;padding:13px 15px;border-radius:5px;font-size:13px!important}.source-list{padding-left:25px;overflow-wrap:anywhere}.source-list li{margin:12px 0}.source-list a{font-weight:600}.timeline{border-left:3px solid #b99a65;margin-left:17px;padding-left:22px}.timeline .tile{position:relative;margin-bottom:14px}.timeline .tile:before{content:'';position:absolute;left:-32px;top:28px;width:14px;height:14px;border:3px solid var(--burgundy);background:#fff;border-radius:50%}.bookcard{display:grid;grid-template-columns:200px 1fr;gap:25px;margin:20px 0}.cover-art{min-height:290px;background:linear-gradient(140deg,#243c4b,#632f36);border:4px double #bca170;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:700 30px/1.2 Georgia,serif}.cover-art small{font:12px system-ui,sans-serif;margin-top:30px}.edition-links{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.edition-links a{padding:9px 14px;background:#f9f3ec;border:1px solid var(--line);border-radius:9px;color:#552b37;text-decoration:none;font-weight:700}.edition-links a.primary{color:#fff;background:var(--burgundy)}audio{width:100%;display:block;max-width:650px}.foot{border-top:1px solid #d8c8b7;padding:22px 0;font-size:12px;color:#726e69}img{max-width:100%}section,.card,.tile{scroll-margin-top:98px}section:not(.tab){content-visibility:auto;contain-intrinsic-size:auto 260px}@media(min-width:901px){.bar{justify-content:space-between}nav{justify-content:center}}@media(max-width:1020px){nav button{font-size:12px;padding:8px 7px}.brand{min-width:unset;font-size:16px}}@media(max-width:820px){.bar{justify-content:space-between;min-height:64px}.menubtn{display:block;background:#fff;border:1px solid #cdb698;border-radius:10px;padding:8px 12px;color:var(--navy);font-weight:800}nav{display:none;order:4;flex:0 0 100%;padding:10px 0 5px;border-top:1px solid var(--line)}nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}nav button{text-align:left;padding:12px;background:#f5ece2}.languages{margin-left:auto}.hero{grid-template-columns:1fr;gap:16px;margin-top:15px}.graphic{min-height:165px}.star{font-size:67px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bookcard{grid-template-columns:1fr}.cover-art{width:min(230px,100%);min-height:230px}}@media(max-width:540px){.wrap{width:min(100% - 24px,1160px)}.brand{font-size:14px}.brand img{width:36px;height:36px}.languages a{padding:5px 7px}.hero{padding:23px;border-radius:15px}.hero p{font-size:15px}.hero h1{font-size:37px}.graphic{display:none}.cards,.twocol{grid-template-columns:1fr}.card,.tile{padding:18px}.head{display:block}.head .textlink{margin-top:10px}.article p{font-size:16px}.site-header{position:relative}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tab{animation:none}}
