@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--cream:#f7f3ed;--paper:#fffdf9;--navy:#17324d;--blue:#2d5b7c;--gold:#b28a52;--text:#26333d;--muted:#6d7880;--line:#ddd6cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.72}
a{color:var(--blue);text-underline-offset:3px}.top{background:var(--navy);color:#fff;padding:34px 22px}.wrap{max-width:980px;margin:auto}.brand{font:600 30px "Playfair Display",serif;margin:0}.tag{margin:4px 0 18px;color:#dce5eb;font-size:14px}.langs{display:flex;gap:10px}.langs a{color:#fff;text-decoration:none;border:1px solid #ffffff55;border-radius:20px;padding:6px 12px;font-size:13px}.langs .on{background:#fff;color:var(--navy)}
main{max-width:980px;margin:45px auto;padding:0 22px 60px}.card{background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 35px #17324d10;padding:42px clamp(24px,5vw,62px)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:12px;font-weight:700;margin:0 0 9px}h1,h2,h3{font-family:"Playfair Display",serif;color:var(--navy);line-height:1.25}h1{font-size:clamp(34px,5vw,52px);margin:0 0 8px}h2{font-size:25px;margin:38px 0 12px}.sub{color:var(--muted)}.meta,.note{background:#faf7f1;border-left:3px solid var(--gold);padding:12px 17px;margin:24px 0}.footer{background:var(--navy);color:#dce5eb;padding:30px 22px}.footer a{color:#fff}.back{display:inline-block;margin-top:28px}table{border-collapse:collapse;width:100%;margin:20px 0}th,td{border:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}th{background:#f4efe7;color:var(--navy)}code{background:#f1ece5;padding:2px 5px}@media(max-width:650px){main{margin:25px auto}.card{padding:28px 20px}th,td{font-size:14px}}