
:root{--bg:#07111d;--panel:#0d1a29;--text:#f5f7fa;--muted:#9bacbe;--accent:#4ef0a7;--line:#203146;--soft:#12243a;--shadow:0 22px 60px rgba(0,0,0,.24);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),var(--bg);color:var(--text);line-height:1.7}.theme-net{--bg:#f7f4ee;--panel:#fff;--text:#152333;--muted:#5d6a78;--accent:#ff7a45;--line:#dfe4e8;--soft:#edf4f7;color-scheme:light;background:linear-gradient(135deg,#eef5f8 0,#f7f4ee 45%,#fff7ef 100%)}.theme-fit{--bg:#f6f2e7;--panel:#fffaf0;--text:#203328;--muted:#677168;--accent:#e27839;--line:#d9ddcf;--soft:#e9efdf;color-scheme:light;background:radial-gradient(circle at 10% 0%,#dbe8c8,transparent 30%),var(--bg)}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:var(--accent);color:#07111d;padding:.5rem 1rem;z-index:20}.page-wrap{max-width:1240px;margin:auto;padding:0 28px}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--accent);color:#10221b;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 28%,transparent)}.site-header nav{display:flex;flex-wrap:wrap;gap:24px}.site-header nav a{text-decoration:none;color:var(--muted);font-weight:700;font-size:.92rem}.site-header nav a:hover{color:var(--accent)}.hero{padding:110px 0 70px;max-width:930px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--accent);font-size:.76rem}.hero h1,.article-hero h1{font-size:clamp(2.8rem,7vw,6.6rem);line-height:.96;letter-spacing:-.065em;margin:.25em 0}.hero p,.article-hero>p{font-size:1.2rem;color:var(--muted);max-width:760px}.primary-cta{display:inline-block;margin-top:22px;padding:14px 21px;border-radius:999px;background:var(--accent);color:#10221b;text-decoration:none;font-weight:900}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principles article,.article-card,.notice,.article-body,.article-layout aside,.simple-page{background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.principles article{padding:28px}.principles b,.card-index{color:var(--accent);font-size:.78rem;letter-spacing:.15em}.principles h2{font-size:1.2rem;margin:.4rem 0}.principles p,.article-card p{color:var(--muted);margin:0}.guide-section{padding:110px 0}.section-heading{max-width:700px;margin-bottom:32px}.section-heading span{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.section-heading h2,.more-guides h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.04em;margin:.3em 0}.section-heading p{color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.article-card{padding:28px;text-decoration:none;display:flex;flex-direction:column;min-height:280px;transition:.2s transform,.2s border-color}.article-card:hover{transform:translateY(-4px);border-color:var(--accent)}.article-card h3{font-size:1.45rem;line-height:1.15;margin:.8rem 0}.article-card b{margin-top:auto;color:var(--accent)}.notice{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:28px;margin-bottom:90px}.notice>div:first-child{display:grid;place-items:center;border-radius:50%;width:74px;height:74px;background:var(--accent);color:#10221b;font-weight:900;font-size:1.25rem}.notice h2,.notice p{margin:0}.notice p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:55px 0 70px;display:grid;grid-template-columns:1fr 2fr;gap:28px;color:var(--muted)}footer p{margin:.4rem 0}footer small{grid-column:1/-1}footer a{color:var(--accent)}.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:.9rem;padding-top:42px}.breadcrumbs a{color:var(--accent)}.article-hero{padding:60px 0 52px;max-width:1000px}.article-hero h1{font-size:clamp(2.7rem,6vw,5.6rem)}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.article-meta span{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);font-size:.82rem}.article-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(240px,.8fr);gap:22px;align-items:start}.article-body{padding:clamp(24px,5vw,58px)}.article-body .lead{font-size:1.18rem;color:var(--muted);border-left:4px solid var(--accent);padding-left:20px}.article-body section{margin:46px 0}.article-body h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.02em}.reference-link{color:var(--accent);font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}.takeaway{background:var(--soft);padding:24px;border-radius:18px}.takeaway li+li{margin-top:10px}.article-layout aside{padding:24px;position:sticky;top:18px}.article-layout aside p{color:var(--muted)}.article-layout aside a{display:block;color:var(--accent);font-weight:800;margin-top:12px}.more-guides{padding:90px 0}.more-guides .article-card{min-height:230px}.simple-page{max-width:850px;margin:80px auto;padding:clamp(28px,6vw,72px)}.simple-page h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1;letter-spacing:-.05em}.simple-page p{color:var(--muted);font-size:1.07rem}.text-link{display:inline-block;margin-top:22px;color:var(--accent);font-weight:900}@media(max-width:800px){.site-header{align-items:flex-start;padding:20px 0}.site-header nav{gap:10px 16px;justify-content:flex-end}.principles,.article-grid,.article-layout,footer{grid-template-columns:1fr}.hero{padding-top:70px}.article-layout aside{position:static}.notice{grid-template-columns:70px 1fr}.page-wrap{padding:0 18px}}
