:root{--ink:#1d1d1f;--muted:#6f7378;--line:#d9dde1;--paper:#fff;--canvas:#f3f4f5;--brand:#b64232;--brand-dark:#8e3026;--green:#1ea447;--header:#151515;--shadow:0 14px 36px rgba(0,0,0,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.6 "Segoe UI",Arial,sans-serif}.site-header{height:64px;background:var(--header);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,.24)}.header-inner{max-width:1110px;height:100%;margin:auto;display:flex;align-items:stretch;justify-content:space-between;padding:0 18px}.brand,.nav-link,.login-button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}.brand{display:flex;gap:10px;align-items:center;color:#d14d3a;font-weight:700;font-size:18px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:#b64232;color:#fff;border-radius:4px;font-weight:800}.site-header nav{display:flex}.nav-link,.login-button{padding:0 20px;color:#bfc2c5}.nav-link:hover{background:#242424;color:#fff}.login-button{background:#138a37;color:#fff}.login-button:hover{background:#18a945}
#app{min-height:calc(100vh - 150px)}.shell{max-width:1110px;margin:0 auto;padding:22px 18px 52px}.crumbs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:22px;color:#8c3a30;font-size:14px}.crumbs button{border:0;background:none;color:inherit;padding:0;cursor:pointer}.crumbs span{color:#9ca0a4}.page-title{font-size:34px;line-height:1.18;margin:0 0 6px}.subtitle{margin:0 0 28px;color:var(--muted);font-size:17px}.section-heading{font-size:28px;margin:0 0 16px}
.hero{background:linear-gradient(135deg,#252525 0%,#161616 64%,#321a17 100%);color:#fff;padding:42px;border-radius:6px;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden}.hero h1{font-size:36px;line-height:1.2;margin:0 0 10px}.hero p{margin:0;color:#c8cbce;max-width:560px}.hero-glyph{font-size:92px;line-height:1;color:#c24735;transform:rotate(-8deg);text-shadow:0 12px 34px rgba(194,71,53,.24)}.search{position:relative;margin-bottom:26px}.search input{width:100%;height:54px;border:1px solid #cfd3d6;border-radius:4px;background:#fff;padding:0 54px 0 18px;font-size:16px;outline:none;box-shadow:0 2px 8px rgba(0,0,0,.04)}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(182,66,50,.13)}.search span{position:absolute;right:18px;top:12px;font-size:20px;color:#777}.search-results{display:grid;gap:8px;margin:-14px 0 26px}.search-result{display:flex;justify-content:space-between;gap:16px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:4px;padding:13px 15px;cursor:pointer}.search-result:hover{border-color:#b64232;color:#96392d}.search-result small{color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{min-height:268px;background:#fff;border:1px solid #d7d9dc;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.category-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.11);border-color:#c9c9c9}.category-art{height:145px;display:grid;place-items:center;font-size:66px;color:#fff;position:relative;overflow:hidden}.category-art::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.11),transparent)}.category-card:nth-child(1) .category-art{background:linear-gradient(135deg,#376a7f,#1a303c)}.category-card:nth-child(2) .category-art{background:linear-gradient(135deg,#315f78,#183548)}.category-card:nth-child(3) .category-art{background:linear-gradient(135deg,#74433e,#241f24)}.category-card:nth-child(4) .category-art{background:linear-gradient(135deg,#3e6246,#1d2924)}.category-card:nth-child(5) .category-art{background:linear-gradient(135deg,#76542f,#2d241f)}.category-card:nth-child(6) .category-art{background:linear-gradient(135deg,#514352,#262027)}.category-copy{text-align:center;padding:17px 15px 14px;flex:1}.category-copy h3{margin:0 0 7px;color:#a43d31;font-size:23px}.category-copy p{margin:0;color:#3c3f43}.category-count{border-top:1px solid var(--line);padding:12px;text-align:center;color:#777}
.article-list{background:#fff;border:1px solid var(--line);border-radius:4px}.article-row{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:10px;width:100%;padding:15px 18px;border:0;border-bottom:1px solid #e8eaec;background:#fff;text-align:left;cursor:pointer;color:var(--ink);font:inherit}.article-row:last-child{border-bottom:0}.article-row:hover{background:#faf5f4;color:#9b392e}.article-icon{color:#b64232;font-size:20px}.article-row strong{display:block;font-size:17px}.article-row small{display:block;color:var(--muted);margin-top:2px}.arrow{font-size:22px;color:#aeb2b6}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:30px}.article{background:#fff;border:1px solid var(--line);padding:34px 38px;border-radius:4px}.article h1{font-size:34px;line-height:1.2;margin:0 0 8px}.article .meta{font-size:14px;color:#8a8e92;border-bottom:1px solid #e4e6e8;padding-bottom:18px;margin-bottom:22px}.article h2{font-size:23px;margin:30px 0 9px}.article p{margin:0 0 15px}.article ul,.article ol{padding-left:22px}.notice{border-left:4px solid #cf513e;background:#fbf1ef;padding:14px 16px;margin:22px 0}.steps{counter-reset:step;list-style:none;padding:0!important}.steps li{counter-increment:step;position:relative;padding:0 0 18px 46px}.steps li::before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#b64232;color:#fff;font-weight:700}.side-panel{align-self:start;background:#fff;border:1px solid var(--line);border-radius:4px;padding:18px;position:sticky;top:86px}.side-panel h3{margin:0 0 12px;font-size:16px}.side-panel button{display:block;width:100%;border:0;border-top:1px solid #eee;background:none;text-align:left;padding:10px 0;cursor:pointer;color:#555}.side-panel button:hover{color:#a23b30}.favorite{width:100%;margin-top:12px;padding:10px;border:1px solid #d2d5d7;background:#fff;border-radius:3px;cursor:pointer}.favorite.active{border-color:#c44836;background:#fbefed;color:#9e362b}
.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.person{background:#fff;border:1px solid var(--line);padding:24px;text-align:center}.avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#242424;color:#fff;font-size:30px}.person h3{margin:0}.person p{margin:4px 0 0;color:var(--muted)}.empty{padding:26px;text-align:center;background:#fff;border:1px dashed #c9cccf;color:#6f7378}
footer{max-width:1110px;margin:auto;border-top:1px solid var(--line);padding:24px 18px 34px;color:#777;display:flex;justify-content:space-between;align-items:center;font-size:14px}footer strong,footer span{display:block}footer strong{color:#444}footer button{border:0;background:none;color:#9e392e;cursor:pointer}.modal{width:min(500px,calc(100% - 28px));border:1px solid #333;padding:0;box-shadow:var(--shadow);background:#fff}.modal::backdrop{background:rgba(0,0,0,.54)}.modal-title{height:62px;background:#232323;color:#e05440;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.modal-title h2{font-size:21px;margin:0}.modal-title button{border:0;background:none;color:#c64b39;font-size:36px;cursor:pointer}.modal-body{padding:18px 16px}.steam-button{margin:0 4px 4px;width:calc(100% - 8px);height:44px;border:0;background:var(--green);color:#fff;font-size:17px;cursor:pointer}#toast{position:fixed;right:20px;bottom:20px;background:#202020;color:#fff;padding:12px 16px;border-radius:4px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:40}#toast.show{opacity:1;transform:none}
@media(max-width:800px){.category-grid,.people-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.side-panel{position:static}.hero{padding:30px}.hero-glyph{font-size:68px}}
@media(max-width:560px){.site-header{height:58px}.header-inner{padding:0 10px}.brand span:last-child{display:none}.nav-link,.login-button{padding:0 13px}.shell{padding:16px 12px 38px}.hero{padding:24px 20px}.hero h1,.page-title,.article h1{font-size:28px}.hero-glyph{display:none}.category-grid,.people-grid{grid-template-columns:1fr}.category-card{min-height:0}.article{padding:24px 20px}.article-row{grid-template-columns:34px 1fr 18px;padding:14px 12px}footer{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.category-art{height:176px;display:block;background:#222;font-size:0}
.category-art::after{display:none}
.category-art img{width:100%;height:100%;display:block;object-fit:cover}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.guide-card{background:#fff;border:1px solid #d9dcdf;border-radius:2px;overflow:hidden;cursor:pointer;min-width:0}.guide-card:hover,.guide-card:focus-visible{border-color:#bd4a39;box-shadow:0 7px 18px rgba(0,0,0,.09);outline:none}.guide-card img{width:100%;height:174px;display:block;object-fit:cover;background:#e5e5e5}.guide-card h3{font-size:22px;line-height:1.25;color:#bf4937;margin:0;padding:18px 19px 20px;font-weight:600}
@media(max-width:800px){.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.guide-grid{grid-template-columns:1fr}.guide-card img{height:auto;aspect-ratio:2/1}}
.article-page-title{font-size:38px;line-height:1.2;margin:0 0 18px}.source-article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:28px}.source-article{min-width:0}.source-article h2{font-size:25px;margin:25px 0 8px}.source-article p{margin:0 0 14px}.source-article ul,.source-article ol{padding-left:24px}.source-article .notice{background:transparent;border-left:0;padding:0;margin:0 0 20px}.article-cover{display:block;width:100%;max-height:360px;object-fit:cover;margin:0 0 24px}.source-sidebar{align-self:start;color:#383b3e}.source-sidebar h4{font-size:18px;margin:0 0 10px}.source-sidebar hr{border:0;border-top:1px solid #d7dadd;margin:18px 0}.source-sidebar p{margin:7px 0}.source-sidebar ul{padding-left:19px;margin:8px 0}.source-sidebar a{color:#b64232;text-decoration:none;cursor:pointer}.source-sidebar .favorite{margin:0;text-align:left}.source-article table{width:100%;border-collapse:collapse;margin:16px 0}.source-article th,.source-article td{padding:9px;border-top:1px solid #d9dcdf;text-align:left}.source-article tr:nth-child(odd){background:#eee}
@media(max-width:800px){.source-article-layout{grid-template-columns:1fr}.source-sidebar{border-top:1px solid #d7dadd;padding-top:20px}.article-page-title{font-size:32px}}
.source-article h3{font-size:25px;margin:0 0 8px}.source-article h4{font-size:20px;margin:20px 0 8px}.source-article hr{border:0;border-top:1px solid #d7dadd;margin:26px 0}.content-image{display:block;max-width:100%;height:auto;margin:18px 0}.item-icon{display:block;width:40px;height:40px;object-fit:contain}.source-article code{background:#e8eaec;border-radius:3px;padding:2px 5px;color:#26282a}
#article-start img{max-width:100%;height:auto;display:block;margin:16px 0}
#article-start img.item-icon{display:inline-block;width:40px;height:40px;margin:0;vertical-align:middle}
#article-start .mw-100{max-width:100%}
#article-start figure{max-width:100%;margin:16px 0}
#article-start pre,#article-start .table-wrap{max-width:100%;overflow-x:auto}

:root{--bg:#141414;--panel:#1b1b1b;--panel2:#222;--line:#2e2e2e;--line2:#3a3a3a;--text:#e9e6df;--sub:#8f8b84;--accent:#e8b931;--accent-ink:#141414}
body{background:var(--bg);color:var(--text);font:15px/1.6 "Segoe UI",Tahoma,sans-serif}
h1,h2,h3,.brand{font-family:Roboto,"Segoe UI",Arial,sans-serif}
.site-header{height:56px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:none}
.header-inner{max-width:1200px;padding:0 20px}
.brand{color:var(--text);font-size:21px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;gap:12px}
.brand-mark{width:26px;height:26px;border-radius:2px;background:var(--accent);color:var(--accent-ink);font-size:15px}
.shell{max-width:1200px;padding:28px 20px 64px}
.crumbs{border:0;padding:0;margin-bottom:20px;color:var(--sub);font-size:13px}
.crumbs button{color:var(--sub)}.crumbs button:hover{color:var(--accent)}.crumbs span{color:#555}
.home-head{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:end;padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.home-head h1{font-size:56px;line-height:.95;margin:0;text-transform:uppercase;letter-spacing:.01em;font-weight:700}
.home-head p{margin:10px 0 0;color:var(--sub)}
.search{margin:0}
.search input{height:44px;border-radius:2px;border:1px solid var(--line2);background:var(--panel);color:var(--text);padding:0 40px 0 14px;font:inherit;box-shadow:none}
.search input::placeholder{color:#6c6963}
.search input:focus{border-color:var(--accent);box-shadow:none}
.search span{top:8px;right:14px;color:var(--sub)}
.search-results{margin:6px 0 0;background:var(--panel);border:1px solid var(--line2);border-radius:2px;padding:0;gap:0}
.search-result{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--text);padding:10px 14px;font:inherit}
.search-result:last-child{border-bottom:0}
.search-result:hover{background:var(--panel2);color:var(--accent)}.search-result small{color:var(--sub)}
.section-heading{font-size:15px;text-transform:uppercase;letter-spacing:.12em;color:var(--sub);margin:0 0 14px;font-family:Roboto,"Segoe UI",Arial,sans-serif;font-weight:600}
.category-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.category-card{min-height:0;border:0;border-radius:0;background:var(--panel)}
.category-card:hover,.category-card:focus-visible{transform:none;box-shadow:none;background:var(--panel2);outline:none}
.category-art{height:150px;background:#000}
.category-copy{text-align:left;padding:16px 18px 18px;display:grid;grid-template-columns:auto 1fr;column-gap:14px}
.category-num{grid-row:span 2;font:600 13px/1.9 Consolas,"Courier New",monospace;color:var(--accent)}
.category-copy h3{color:var(--text);font-size:26px;line-height:1.1;margin:0 0 4px;text-transform:uppercase;font-weight:600}
.category-copy p{color:var(--sub);font-size:14px}
.category-count{border-top:1px solid var(--line);padding:9px 18px;text-align:left;color:var(--sub);font:12px Consolas,"Courier New",monospace;display:flex;justify-content:space-between}
.category-card:hover .category-count{color:var(--accent)}
.page-title{font-size:48px;text-transform:uppercase;line-height:1;margin-bottom:8px}.subtitle{color:var(--sub);border-bottom:1px solid var(--line);padding-bottom:20px}
.guide-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:0}
.guide-card{background:var(--panel);border:0;border-radius:0}
.guide-card:hover,.guide-card:focus-visible{background:var(--panel2);box-shadow:none;outline:none}
.guide-thumb{background:#000}
.guide-card img{height:140px;background:#000}
.guide-body{display:flex;gap:12px;align-items:baseline;padding:12px 16px 14px}
.guide-body span{font:600 12px Consolas,"Courier New",monospace;color:var(--accent)}
.guide-card h3{color:var(--text);font-size:21px;padding:0;font-weight:600;text-transform:uppercase}
.article-page-title{font-size:48px;text-transform:uppercase;line-height:1;margin-bottom:24px}
.source-article{background:var(--panel);border:1px solid var(--line);padding:30px 34px}
.source-article p,.source-article li{color:#cfcbc3}
.source-article h2,.source-article h3,.source-article h4{color:var(--text);text-transform:uppercase;font-weight:600}
.source-article h3{font-size:28px}.source-article h4{font-size:22px}
.source-article a{color:var(--accent)}
.source-article hr,.source-sidebar hr{border-top-color:var(--line)}
.source-article th,.source-article td{border-top:1px solid var(--line)}
.source-article tr:nth-child(odd){background:rgba(255,255,255,.025)}
.source-article th{color:var(--sub);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.source-article code{background:var(--panel2);border:1px solid var(--line2);color:var(--accent);border-radius:2px;font-family:Consolas,"Courier New",monospace;font-size:13px}
.source-sidebar{position:sticky;top:76px;border-left:1px solid var(--line);padding-left:22px;color:var(--sub);font-size:14px}
.source-sidebar h4{color:var(--text);font:600 12px "Segoe UI",Tahoma,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.source-sidebar a{color:var(--sub)}.source-sidebar a:hover{color:var(--accent)}
.favorite{background:none;border:1px solid var(--line2);border-radius:2px;color:var(--text)}
.favorite:hover{border-color:var(--accent)}
.favorite.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.notice{background:var(--panel2);border-left:3px solid var(--accent)}
.steps li::before{background:var(--accent);color:var(--accent-ink);border-radius:2px}
.empty{background:var(--panel);border:1px dashed var(--line2);color:var(--sub)}
footer{max-width:1200px;border-top:1px solid var(--line);color:var(--sub);padding:20px}
footer button{color:var(--sub)}footer button:hover{color:var(--accent)}
#toast{background:var(--panel2);border:1px solid var(--line2);border-radius:2px}
@media(max-width:800px){.home-head{grid-template-columns:1fr;gap:18px}.category-grid,.guide-grid{grid-template-columns:1fr 1fr}.source-sidebar{position:static;border-left:0;padding-left:0}}
@media(max-width:560px){.shell{padding:20px 16px 48px}.home-head h1,.page-title,.article-page-title{font-size:40px}.category-grid,.guide-grid{grid-template-columns:1fr}.source-article{padding:20px 16px}}
html{scroll-behavior:auto}
.category-card,.guide-card,.category-art img,.guide-card img{transition:none}
.category-card:hover .category-art img,.guide-card:hover img{transform:none}
.site-header{position:sticky}
[hidden]{display:none!important}
.category-grid,.guide-grid{gap:12px;background:none;border:0}
.category-card,.guide-card{border:1px solid var(--line)}
.category-card:hover,.guide-card:hover{border-color:var(--line2)}
.site-header{height:65px}
.header-inner{align-items:center}
.brand{padding:0;gap:14px}
.brand img{display:block;height:34px;width:auto}
.top-nav a.on{color:var(--text);background:var(--panel2)}
.brand-tag{font:600 13px "Segoe UI",Tahoma,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);border-left:1px solid var(--line2);padding-left:14px;line-height:22px}
.top-nav{display:flex;align-items:center;gap:4px}
.top-nav a{color:var(--sub);text-decoration:none;font-size:14px;padding:8px 12px;border-radius:2px}
.top-nav a:hover{color:var(--text);background:var(--panel2)}
.top-nav .back-site{margin-left:8px;color:var(--accent-ink);background:var(--accent);font-weight:600}
.top-nav .back-site:hover{background:#f3c94f;color:var(--accent-ink)}
.home-hero{position:relative;border-bottom:1px solid var(--line);background:none}
.home-hero::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(20,20,20,.97) 0%,rgba(20,20,20,.88) 45%,rgba(20,20,20,.6) 100%)}
.home-hero-inner{position:relative;max-width:1200px;margin:0 auto;padding:44px 20px 26px}
.home-hero .home-head{border:0;margin:0;padding:0 0 26px}
.eyebrow{display:block;font:600 12px "Segoe UI",Tahoma,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:10px}
.home-head h1{font-size:60px}
.home-head p{max-width:440px;color:#b4afa6}
.quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.quick span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--sub);margin-right:6px}
.quick button{font:inherit;font-size:13px;color:var(--text);background:rgba(20,20,20,.7);border:1px solid var(--line2);border-radius:2px;padding:6px 12px;cursor:pointer}
.quick button:hover{border-color:var(--accent);color:var(--accent)}
.home-hero+.shell{padding-top:30px}
footer{display:flex;justify-content:space-between}
footer a{color:var(--sub);text-decoration:none}footer a:hover{color:var(--accent)}
@media(max-width:800px){.top-nav a:not(.back-site){display:none}.home-head h1{font-size:44px}}
@media(max-width:560px){.brand-tag{display:none}.brand img{height:28px}.home-hero-inner{padding:28px 16px 20px}}
.category-card{position:relative}
.category-card::before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--accent)}
.category-card:hover::before,.category-card:focus-visible::before{height:100%}
.category-copy{padding:22px 22px 20px;grid-template-columns:auto 1fr;row-gap:2px}
.category-num{grid-row:span 3;line-height:2.4}
.category-copy h3{font-size:34px;line-height:1.05}
.category-copy p{margin-bottom:14px}
.category-peek{grid-column:2;list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line)}
.category-peek li{font-size:13.5px;color:#bdb8af;padding:3px 0}
.category-peek li::before{content:"–";color:#555;margin-right:8px}
.category-peek li.more{color:var(--sub);font-size:12.5px}
.category-peek li.more::before{content:""}
.category-copy{align-content:start}
.guide-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.guide-card{position:relative}
.guide-card::before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--accent)}
.guide-card:hover::before,.guide-card:focus-visible::before{height:100%}
.guide-body{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:18px 20px}
.guide-card h3{font-size:24px;line-height:1.1}
.guide-body b{color:#555;font-weight:400}
.guide-card:hover .guide-body b{color:var(--accent)}
@media(max-width:560px){.guide-grid{grid-template-columns:1fr}}

:root{--bg:#0d1118;--panel:rgba(20,26,35,.82);--panel2:rgba(28,35,46,.9);--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);--text:#e8ecf2;--sub:#a3adbb;--accent:#2186c2;--accent2:#3aa0dc;--accent-ink:#fff}
body{background:var(--bg)!important;color:var(--text)!important;font-family:Roboto,"Segoe UI",Arial,sans-serif!important}
body::before{display:none}
h1,h2,h3,h4,.brand,.page-title,.article-page-title,.home-head h1,.category-copy h3,.guide-card h3,.source-article h2,.source-article h3,.source-article h4,.rules h1,.rules h2,.laws h1,.laws h2{font-family:Roboto,"Segoe UI",Arial,sans-serif!important;text-transform:none!important;letter-spacing:-.01em}
.site-header,.topbar{background:rgba(7,9,13,.85)!important;border-bottom:1px solid var(--line)!important}
.brand-tag,.site-brand span{color:var(--accent2)!important;border-left-color:var(--line2)!important}
.top-nav a{border-radius:8px}
.top-nav a:hover,.top-nav a.on{background:rgba(255,255,255,.08)!important;color:#fff!important}
.top-nav .back-site{background:var(--accent)!important;color:#fff!important;border-radius:10px;box-shadow:0 8px 24px rgba(33,134,194,.35)}
.top-nav .back-site:hover{background:var(--accent2)!important}
.home-hero{background:none!important;border-bottom:1px solid var(--line)}
.home-hero::before{display:none}
.eyebrow{color:var(--accent2)!important}
.home-head h1{font-size:52px;font-weight:800}
.home-head p{color:var(--sub)!important}
.search input{border-radius:10px!important;background:var(--panel)!important;border-color:var(--line2)!important}
.search input:focus{border-color:var(--accent)!important}
.search-results{border-radius:12px!important;background:rgba(20,26,35,.96)!important}
.search-result:hover{color:var(--accent2)!important}
.quick button{border-radius:10px;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important}
.quick button:hover{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}
.section-heading{color:var(--sub)!important}
.category-card,.guide-card{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;transition:transform .15s,border-color .15s}
.category-card:hover,.guide-card:hover,.category-card:focus-visible,.guide-card:focus-visible{background:var(--panel)!important;border-color:var(--accent)!important;transform:translateX(4px)}
.category-card::before,.guide-card::before{display:none}
.category-num,.guide-body span{color:var(--accent2)!important}
.category-copy h3{font-size:24px;font-weight:700}
.guide-card h3{font-size:18px;font-weight:600}
.category-peek{border-top-color:var(--line)!important}
.category-peek li{color:var(--sub)!important}
.category-count{border-top-color:var(--line)!important}
.category-card:hover .category-count,.guide-card:hover .guide-body b{color:var(--accent2)!important}
.page-title,.article-page-title{font-size:38px;font-weight:800}
.subtitle{color:var(--sub)!important;border-bottom-color:var(--line)!important}
.crumbs button:hover{color:var(--accent2)!important}
.source-article,.source-sidebar,.toc,.rules,.laws{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:14px!important}
.source-sidebar{padding:20px!important}
.source-article p,.source-article li,.rules p,.rules li,.laws p,.laws li{color:#d5dbe4!important}
.source-article h3,.source-article h4{font-size:22px}
.source-article a,.rules a,.laws a,.source-sidebar a:hover,.toc a:hover{color:var(--accent2)!important}
.toc a:hover{background:rgba(33,134,194,.12)!important;border-left-color:var(--accent)!important}
.rules h3,.laws h3{color:var(--accent2)!important}
.rules h1,.laws h1,.rules h2,.laws h2{font-weight:800}
.rules h1,.laws h1{font-size:36px}.rules h2,.laws h2{font-size:26px}
.source-article code{background:rgba(0,0,0,.45)!important;border:0!important;color:#fff!important;border-radius:6px!important}
.source-article th,.laws th{color:var(--sub)!important}
.source-article tr:nth-child(odd),.laws tr:nth-child(odd) td{background:rgba(255,255,255,.03)!important}
.favorite{border-radius:10px!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important}
.favorite.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.notice{background:rgba(33,134,194,.1)!important;border-left-color:var(--accent)!important;border-radius:0 10px 10px 0}
.steps li::before{background:var(--accent)!important;color:#fff!important;border-radius:50%!important}
.laws .text-warning{color:#ffd84a!important}
footer button:hover,footer a:hover{color:var(--accent2)!important}
html{overflow-y:scroll}