:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263943;background:#fff7e9;--accent:#ee9e2d}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,var(--accent) 0 240px,#fff7e9 240px)}
.guide{width:min(900px,calc(100% - 28px));margin:0 auto;padding:46px 0 64px}
.guide-header{padding:clamp(28px,6vw,58px);background:#fff;box-shadow:0 18px 46px rgba(34,49,58,.14)}
.eyebrow{display:inline-block;margin-bottom:14px;color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
h1{margin:0;color:#1f2d35;font-size:clamp(2.25rem,6vw,4.4rem);line-height:1;letter-spacing:-.04em}
.guide-header p{max-width:720px;margin:20px 0 0;color:#61717b;font-size:1.12rem;line-height:1.62}
.meta{margin-top:22px;padding-top:14px;border-top:1px solid #e2e8eb;color:#7a878e;font-size:.84rem}
article{margin-top:18px;padding:clamp(24px,5vw,48px);background:#fff;box-shadow:0 12px 32px rgba(34,49,58,.09)}
article h2{margin:34px 0 10px;color:#22333d;font-size:1.75rem}
article h2:first-child{margin-top:0}
article p,article li{color:#40525d;font-size:1.03rem;line-height:1.75}
article ul,article ol{padding-left:24px}
.tip{margin:24px 0;padding:16px 18px;border-left:5px solid var(--accent);background:#fff7e9}
.archive-note{margin-top:18px;padding:18px 20px;background:#fff;color:#63717a;box-shadow:0 8px 22px rgba(34,49,58,.07)}
.archive-note p{margin:0 0 12px;line-height:1.55}
.archive-note a{display:inline-flex;padding:10px 14px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800}
@media(max-width:600px){.guide{padding-top:20px}.guide-header,article{padding:24px 20px}}