:root{--bg:#fbf7f7;--card:#fff;--ink:#241a1c;--mute:#675558;--line:#e7dcdd;--acc:#a4161a;--gold:#d9a21b;--dark:#2a0c10}
@media(prefers-color-scheme:dark){:root{--bg:#171012;--card:#231819;--ink:#f6eeee;--mute:#bfa9ab;--line:#412c2f;--acc:#ff6b6f;--gold:#e8b53a;--dark:#0f0708}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 "Nunito Sans",system-ui,sans-serif}
h1,h2,h3{font-family:Bitter,Georgia,serif;line-height:1.25;margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.1rem}
a{color:var(--acc)}.wrap{max-width:1120px;margin:auto;padding:0 20px}img{max-width:100%;height:auto;display:block}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.top{background:var(--dark);color:#fff;position:sticky;top:0;z-index:5;border-bottom:4px solid var(--gold)}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;font-family:Bitter,serif;font-weight:700;color:#fff;text-decoration:none}nav a{margin-left:16px;color:#f3dede;text-decoration:none;font-weight:600;font-size:.95rem}nav a:hover{color:var(--gold)}
.ic{flex:none;vertical-align:middle}.hero{background:var(--dark);color:#fff;position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero .lead{color:#ecd5d5;font-size:1.15rem}.hero img{border-radius:6px;border:3px solid var(--gold)}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.btn{display:inline-block;background:var(--gold);color:#2a0c10;padding:11px 22px;border-radius:4px;text-decoration:none;font-weight:700;border:2px solid var(--gold)}.btn.ghost{background:transparent;color:#fff;border-color:#fff}.btn.red{background:var(--acc);border-color:var(--acc);color:#fff}
@media(prefers-color-scheme:dark){.btn.red{color:#230b0c}}
.sec{padding:52px 0}.band{background:var(--card);border-block:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;border-bottom:4px solid var(--acc)}.card img{width:100%;aspect-ratio:400/260;object-fit:cover}.card .b{padding:14px 16px}.card p{margin:0 0 8px;color:var(--mute)}.card h3 a{color:var(--ink);text-decoration:none}
.num{display:flex;gap:28px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.num li{display:flex;gap:10px;align-items:center;color:var(--mute)}.num .ic{color:var(--acc)}
.lay{display:grid;grid-template-columns:230px 1fr;gap:36px;padding:36px 0 56px}aside nav{position:sticky;top:84px;display:flex;flex-direction:column;border-left:3px solid var(--line)}aside a{padding:6px 14px;text-decoration:none;color:var(--ink);font-size:.95rem}aside a[aria-current]{border-left:3px solid var(--acc);margin-left:-3px;font-weight:700;color:var(--acc)}
.ph{background:var(--dark);color:#fff;padding:34px 0;border-bottom:4px solid var(--gold)}.crumb{font-size:.9rem;color:#e7c9c9;margin:0 0 6px}.crumb a{color:#e7c9c9}.ph h1{margin:0;font-size:clamp(1.7rem,4vw,2.5rem)}
.cnt h2{margin-top:1.5em}.cnt li{margin-bottom:6px}.cnt img.ban{width:100%;max-width:420px;border-radius:4px;margin:0 0 18px}
details{background:var(--card);border:1px solid var(--line);border-radius:4px;margin-bottom:10px;padding:14px 18px}summary{cursor:pointer;font-weight:700}details p{margin:10px 0 0;color:var(--mute)}
table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--line);padding:10px;text-align:left}th{background:var(--card)}
footer{background:var(--dark);color:#d9c3c3;padding:30px 0;font-size:.95rem;border-top:4px solid var(--gold)}footer a{color:#fff;margin-right:14px}footer p{margin:6px 0}
@media(max-width:800px){.hero .wrap,.lay{grid-template-columns:1fr}aside nav{position:static;flex-direction:row;flex-wrap:wrap;border:0;gap:6px}aside a{border:1px solid var(--line);border-radius:16px;padding:3px 12px}aside a[aria-current]{border:1px solid var(--acc);margin:0}nav a{margin:0 12px 0 0}}