:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#fff;--surface:#fff;--text:#10213f;--muted:#526278;--line:#e2eaf5;--accent:#0756ce;--soft:#f5f8ff;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-size:16px;line-height:1.6}a{color:var(--accent)}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #4f8cff;outline-offset:3px}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.header-inner{max-width:1200px;margin:auto;padding:0 24px;min-height:72px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800;font-size:21px;letter-spacing:-.045em;white-space:nowrap}.brand>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:9px;background:linear-gradient(155deg,#4aabf4,#1163c9 62%,#07418b);color:white;font-size:0}.brand>span::before{content:"";width:21px;height:21px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 18 18 5M8 5h10v10'/%3E%3C/svg%3E") center/contain no-repeat}.header-nav{display:flex;gap:28px;font-size:14px;font-weight:600}.header-nav a{text-decoration:none;color:var(--text)}.header-nav a:hover,.footer-nav a:hover{text-decoration:underline;color:var(--accent)}.header-right{margin-left:auto;display:flex;align-items:center;gap:16px}.open-app{text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.icon-button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center}.icon-button:hover{background:var(--soft)}.icon-button::before{content:"";width:19px;height:19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.4 14.4A8.3 8.3 0 0 1 9.6 3.6 8.3 8.3 0 1 0 20.4 14.4Z'/%3E%3C/svg%3E") center/contain no-repeat}.content{max-width:808px;margin:auto;min-height:70vh;padding:60px 24px 80px}.crumb{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:14px;font-weight:600;margin-bottom:32px}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{text-decoration:underline}.eyebrow{font-size:14px;letter-spacing:.11em;font-weight:700;color:var(--accent);margin:0 0 14px}.content h1{font-size:clamp(36px,4.5vw,50px);line-height:1.12;letter-spacing:-.045em;margin:0 0 24px}.article-body{max-width:700px}.article-body p,.article-body li{font-size:16px;line-height:1.75}.article-body p{margin:0 0 20px}.article-body h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:36px 0 12px}.article-body a{font-weight:600}.guides{padding:0;list-style:none;border-top:1px solid var(--line);margin:30px 0}.guides li{border-bottom:1px solid var(--line)}.guides a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:17px 4px;text-decoration:none;font-weight:700;color:var(--text)}.guides a:hover{background:var(--soft);color:var(--accent)}.guides a span{color:var(--accent)}.article-end{border-top:1px solid var(--line);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.article-end a{font-weight:700;text-decoration:none}.site-footer{border-top:1px solid var(--line)}.footer-inner{max-width:1200px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}.footer-nav{display:flex;flex-wrap:wrap;gap:20px}.footer-nav a{color:var(--muted);text-decoration:none}.ad-placement{margin:30px 0}.ad-placement .ad-label{display:none;font-size:14px;color:var(--muted);margin-top:4px}.ad-placement ins[data-ad-status="filled"]+.ad-label{display:block}.ad-placement ins[data-ad-status="unfilled"]{display:none!important}.ad-placement:not(:has(ins[data-ad-status="filled"])) {margin:0}
:root[data-theme=dark]{color-scheme:dark;--bg:#0f192a;--surface:#152237;--text:#eef4ff;--muted:#b7c5d8;--line:#34465e;--accent:#a7cdff;--soft:#1d304a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0f192a;--surface:#152237;--text:#eef4ff;--muted:#b7c5d8;--line:#34465e;--accent:#a7cdff;--soft:#1d304a}}
@media(max-width:600px){.header-inner{padding:10px 20px;gap:12px;flex-wrap:wrap}.header-nav{order:3;width:100%;border-top:1px solid var(--line);padding-top:8px;gap:24px}.header-nav a{padding:3px 0}.header-right{gap:10px}.content{padding:50px 20px 64px}.content h1{font-size:38px}.footer-inner{padding:24px 20px;flex-direction:column}.footer-nav{gap:12px 20px}.article-end{flex-wrap:wrap}}
.header-nav a,.open-app,.footer-nav a{display:inline-flex;align-items:center;min-height:44px}
