:root{--bg:#f4efe4;--ink:#18251b;--muted:#65705d;--accent:#355a35;--accent-2:#9a7d50;--panel:#fffaf0;--line:#d8cfba;--shadow:0 22px 70px rgba(24,37,27,.16);font-family:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f4efe4 0%,#e7dfc9 52%,#d7dfcf 100%);color:var(--ink)}a{color:inherit;text-decoration:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(244,239,228,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--accent);color:var(--accent);border-radius:50%}nav{display:flex;gap:18px;flex-wrap:wrap;font:600 13px/1.2 Inter,Arial,sans-serif;color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);gap:48px;align-items:center;padding:70px clamp(18px,5vw,80px) 42px}.hero h1,.detail-hero h1{font-size:clamp(42px,7vw,86px);line-height:.92;margin:0 0 24px}.hero p,.detail-hero p{font:400 20px/1.6 Inter,Arial,sans-serif;color:var(--muted);max-width:720px}.primary-link{display:inline-flex;margin-top:18px;padding:14px 20px;border:1px solid var(--accent);background:var(--accent);color:#fff;font:700 13px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.hero-media img,.detail-hero img{width:100%;height:auto;display:block;box-shadow:var(--shadow);border:10px solid var(--panel)}.intro-grid,.page-index,.essay,.content-layout,.related-pages,.related-band,.all-pages{padding:42px clamp(18px,5vw,80px)}.intro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.intro-grid article,.side-panel,.essay aside,.topic-list a{background:rgba(255,250,240,.72);border:1px solid var(--line);padding:24px}.intro-grid span,.topic-list span{font:800 12px/1 Inter,Arial,sans-serif;color:var(--accent-2)}h2{font-size:clamp(28px,3vw,42px);line-height:1;margin:0 0 14px}.intro-grid h2{font-size:24px}.intro-grid p,.essay p,.article-body p,.topic-list em,.section-heading p,.site-footer p,li{font:400 16px/1.75 Inter,Arial,sans-serif;color:var(--muted)}.essay,.content-layout{display:grid;grid-template-columns:1fr 360px;gap:32px}.essay>div,.article-body{max-width:860px}.page-index{background:rgba(24,37,27,.06)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}.topic-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-list a{display:grid;gap:8px;transition:transform .18s ease,box-shadow .18s ease}.topic-list a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.topic-list strong{font-size:21px}.topic-list.compact{grid-template-columns:repeat(2,1fr)}.detail-hero{display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:center;padding:64px clamp(18px,5vw,80px) 34px}.back-link{font:800 12px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.related-band,.all-pages{display:flex;gap:12px;flex-wrap:wrap}.related-band a,.all-pages a{border:1px solid var(--line);padding:10px 14px;background:var(--panel);font:700 13px/1 Inter,Arial,sans-serif}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:44px clamp(18px,5vw,80px);background:var(--ink);color:#fff}.site-footer p,.footer-links a{color:#d8cfba}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font:600 14px/1.4 Inter,Arial,sans-serif}@media(max-width:900px){.site-header,.section-heading,.site-footer{display:block}nav{margin-top:16px}.hero,.detail-hero,.essay,.content-layout{grid-template-columns:1fr}.intro-grid,.topic-list,.topic-list.compact{grid-template-columns:1fr}.hero{padding-top:42px}.detail-hero img{max-width:100%}}
