@import url('https://fonts.googleapis.com/css2?family=Geo:ital@0;1&display=swap');

:root { --black:#050505; --panel:#0b0b0b; --white:#f5f5f2; --muted:#a1a19b; --line:#292929; --radius:18px; }
* { box-sizing:border-box; margin:0; padding:0; }
html { color-scheme:dark; }
body { min-width:320px; min-height:100vh; background:var(--black); color:var(--white); font-family:"Geo",sans-serif; font-size:18px; line-height:1.55; }
a { color:var(--white); }
.info-header { display:flex; align-items:center; justify-content:space-between; min-height:72px; padding:16px clamp(18px,5vw,72px); border-bottom:1px solid var(--line); }
.brand { color:var(--white); font-size:24px; letter-spacing:.08em; text-decoration:none; }
.brand span { color:var(--muted); }
.info-header nav, .info-footer nav { display:flex; flex-wrap:wrap; gap:18px; }
.info-header nav a, .info-footer a { color:var(--muted); font-size:15px; text-decoration:none; }
.info-header nav a:hover, .info-footer a:hover { color:var(--white); }
.info-main { width:min(860px,calc(100% - 36px)); margin:0 auto; padding:clamp(48px,8vw,100px) 0; }
.eyebrow { margin-bottom:10px; color:var(--muted); font-size:14px; letter-spacing:.18em; }
h1 { max-width:760px; margin-bottom:28px; font-size:clamp(42px,7vw,76px); font-weight:400; line-height:.95; letter-spacing:-.035em; }
h2 { margin:42px 0 12px; font-size:28px; font-weight:400; }
h3 { margin:28px 0 8px; font-size:22px; font-weight:400; }
p, li { color:var(--muted); }
p + p { margin-top:16px; }
ul { display:grid; gap:8px; margin:14px 0 0 22px; }
.lead { max-width:730px; color:var(--white); font-size:clamp(21px,3vw,28px); }
.card-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:28px; }
.card { padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }
.card h2, .card h3 { margin-top:0; }
.notice { margin-top:28px; padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.article-meta { display:flex; flex-wrap:wrap; gap:12px 20px; margin:-10px 0 34px; color:var(--muted); font-size:15px; }
.article-body h2 { padding-top:8px; }
.article-body p { margin-top:14px; }
.article-body strong { color:var(--white); font-weight:400; }
.article-body ol { display:grid; gap:10px; margin:14px 0 0 24px; color:var(--muted); }
.article-body code { padding:2px 6px; border:1px solid var(--line); border-radius:5px; background:var(--panel); color:var(--white); font-family:inherit; }
.guide-card { display:flex; min-height:220px; flex-direction:column; }
.guide-card .eyebrow { margin-bottom:16px; }
.guide-card h2 { margin:0 0 12px; }
.guide-card p { flex:1; }
.guide-card a { margin-top:22px; text-underline-offset:4px; }
.related { margin-top:54px; padding-top:30px; border-top:1px solid var(--line); }
.related-links { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:16px; }
.related-links a { padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--panel); text-decoration:none; }
.ad-zone { width:min(860px,calc(100% - 36px)); margin:56px auto 0; padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); text-align:center; }
.ad-label { margin:0 0 14px; color:var(--muted); font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
.ad-native { min-height:90px; overflow:hidden; }
.sponsored-link { display:inline-block; margin-top:14px; color:var(--muted); font-size:14px; text-underline-offset:4px; }
.info-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px clamp(18px,5vw,72px); border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
@media(max-width:650px){.info-header nav{display:none}.card-grid,.related-links{grid-template-columns:1fr}.ad-zone{margin-top:40px;padding:16px}.info-footer{align-items:flex-start;flex-direction:column}}