:root{--gold:#e9ad19;--gold2:#ffd45b;--dark:#17120d;--dark2:#281e14;--cream:#f7f2e8;--white:#fff;--text:#211b15;--muted:#756b60;--border:#e7ddcf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:Poppins,Arial,sans-serif}a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;z-index:20;background:rgba(23,18,13,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.nav{width:min(1120px,92%);height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:175px;height:50px;object-fit:contain;object-position:left center}.navlinks{display:flex;gap:24px;color:#eee;font-size:12px;font-weight:600}.navlinks a:hover{color:var(--gold)}
.hero{padding:78px 20px 90px;text-align:center;color:#fff;background:radial-gradient(circle at 50% 20%,rgba(233,173,25,.17),transparent 34%),linear-gradient(135deg,var(--dark),var(--dark2))}
.eyebrow{margin:0 0 12px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:3px}.hero h1{max-width:900px;margin:auto;font-family:"Playfair Display",Georgia,serif;font-size:clamp(38px,6vw,62px);line-height:1.08}.hero p:not(.eyebrow){max-width:700px;margin:18px auto 0;color:#d5cdc3;font-size:14px;line-height:1.8}
.wrap{width:min(1040px,92%);margin:-40px auto 80px;position:relative}.article{padding:clamp(25px,5vw,58px);border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(35,25,15,.09)}
.article h2{margin:38px 0 12px;font-family:"Playfair Display",Georgia,serif;font-size:30px;line-height:1.25}.article h2:first-child{margin-top:0}.article h3{margin:28px 0 10px;font-size:18px}.article p,.article li{color:#51483f;font-size:14px;line-height:1.9}.article ul{padding-left:22px}
.highlight{margin:25px 0;padding:22px 24px;border-left:4px solid var(--gold);border-radius:10px;background:#fbf5e7}.highlight p{margin:0}.structure{margin:22px 0;padding:20px;overflow:auto;border-radius:10px;background:#f3eee5;color:#51483f;font-family:Consolas,monospace;font-size:13px;line-height:1.7;white-space:pre}
.related{margin-top:38px;padding:25px;border-radius:14px;background:#f5efe4}.related h3{margin-top:0;font-family:"Playfair Display",Georgia,serif;font-size:24px}.related a{display:block;padding:9px 0;color:#5b461c;font-size:13px;font-weight:600}.related a:hover{color:var(--gold)}
.cta{margin-top:38px;padding:28px;border-radius:14px;background:var(--dark);color:#fff}.cta strong{color:var(--gold)}.cta p{margin:8px 0 0!important;color:#d2c9bf!important}.button{display:inline-flex;margin-top:24px;padding:12px 18px;border-radius:8px;background:var(--gold);color:var(--dark);font-size:12px;font-weight:800}.button:hover{background:var(--gold2)}
.footer{padding:32px 20px;background:#0f0c09;color:#aaa29a;text-align:center;font-size:10px}.footer strong{color:var(--gold);font-family:"Playfair Display",Georgia,serif;font-size:14px}
@media(max-width:700px){.nav{height:65px}.logo{width:145px;height:42px}.navlinks{display:none}.hero{padding:60px 20px 75px}.article p,.article li{font-size:13px;line-height:1.85}.article h2{font-size:26px}}