*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07131f;color:#eaf2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 12% 10%,rgba(95,180,216,.14),transparent 24rem),radial-gradient(circle at 88% 18%,rgba(226,170,82,.10),transparent 22rem),linear-gradient(180deg,#07131f 0%,#0a1a27 52%,#07131f 100%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.15;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px);background-size:38px 38px}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(5,15,24,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(163,205,224,.16)}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#f2c56f,#ba722f);box-shadow:0 8px 26px rgba(0,0,0,.25)}.nav{display:flex;gap:8px;align-items:center}.nav a{color:#c9d9e2;text-decoration:none;padding:9px 12px;border-radius:10px;font-size:.94rem}.nav a:hover,.nav a.active{background:rgba(136,196,220,.12);color:#fff}.menu-btn{display:none;border:1px solid rgba(255,255,255,.15);background:#0c2130;color:white;border-radius:10px;padding:8px 11px;font-size:1.1rem}.hero{padding:82px 0 54px}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(143,199,221,.25);background:rgba(33,86,110,.25);border-radius:999px;padding:7px 11px;color:#a8d9ec;font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{max-width:880px;font-size:clamp(2.6rem,7vw,5.7rem);line-height:.95;margin:20px 0 20px;letter-spacing:-.055em}.hero h1 span{color:#efc36c}.lede{max-width:760px;color:#bfd0da;font-size:clamp(1.04rem,2vw,1.24rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:850;padding:12px 17px;border-radius:12px;border:1px solid transparent}.btn-primary{background:#efc36c;color:#1b1409}.btn-primary:hover{background:#ffda86}.btn-secondary{color:#eaf2f7;border-color:rgba(171,209,226,.24);background:rgba(9,28,42,.6)}.btn-secondary:hover{background:#102b3d}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;max-width:820px}.stat{background:rgba(11,35,50,.72);border:1px solid rgba(164,209,229,.13);border-radius:14px;padding:16px}.stat strong{display:block;color:#efc36c;font-size:1.2rem}.stat span{color:#9fb5c1;font-size:.9rem}.section{padding:42px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.section-head h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;margin:0;letter-spacing:-.035em}.section-head p{max-width:590px;color:#9fb5c1;margin:0}.card{background:linear-gradient(180deg,rgba(14,40,57,.88),rgba(8,26,39,.88));border:1px solid rgba(164,209,229,.14);border-radius:18px;box-shadow:0 16px 48px rgba(0,0,0,.16)}.state-card{padding:clamp(22px,4vw,38px)}.state-card h1,.state-card>h2:first-child{display:none}.state-card h2{margin-top:1.5em}.state-card h3{color:#efc36c;margin-bottom:.25rem}.state-card ul{padding-left:1.25rem}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guide-card{display:flex;flex-direction:column;padding:21px;text-decoration:none;color:inherit;min-height:218px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.guide-card:hover{transform:translateY(-3px);border-color:rgba(239,195,108,.45);background:linear-gradient(180deg,rgba(20,53,73,.94),rgba(10,31,45,.94))}.guide-card .num{font-size:1.45rem}.guide-card h3{font-size:1.22rem;line-height:1.15;margin:13px 0 9px}.guide-card p{color:#9fb5c1;margin:0}.guide-card .go{margin-top:auto;padding-top:16px;color:#efc36c;font-weight:800}.chapter-hero{padding:58px 0 26px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;color:#86a4b4;font-size:.9rem}.breadcrumbs a{color:#9bcfe3;text-decoration:none}.chapter-hero h1{font-size:clamp(2.3rem,6vw,4.6rem);line-height:1.02;letter-spacing:-.045em;margin:18px 0 12px;max-width:900px}.chapter-desc{color:#a9bdc8;max-width:800px;font-size:1.08rem}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 260px;gap:28px;align-items:start;padding:18px 0 60px}.article-body{padding:clamp(21px,4vw,38px);overflow:hidden}.article-body h1{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.08;color:#fff;margin:1.8em 0 .6em}.article-body h2{font-size:clamp(1.35rem,3vw,1.95rem);line-height:1.12;color:#fff;margin:1.8em 0 .55em}.article-body h3{font-size:1.13rem;line-height:1.2;color:#efc36c;margin:1.55em 0 .35em}.article-body p{color:#cedbe2}.article-body strong{color:#fff}.article-body ul,.article-body ol{padding-left:1.35rem}.article-body li{margin:.3rem 0;color:#cad9e1}.article-body blockquote{margin:18px 0;padding:12px 16px;border-left:4px solid #efc36c;background:rgba(239,195,108,.08);border-radius:0 10px 10px 0;color:#fff}.article-body blockquote p{margin:0;color:#fff}.article-body hr{border:0;border-top:1px solid rgba(169,210,229,.15);margin:32px 0}.article-body a{color:#8fd6f2}.article-body h2[id*="cookie"],.article-body h3[id*="cookie"]{background:rgba(239,195,108,.08);border:1px solid rgba(239,195,108,.18);border-radius:12px;padding:12px 14px}.side-nav{position:sticky;top:92px;padding:18px}.side-nav h4{margin:0 0 10px;color:#efc36c}.side-nav a{display:block;color:#aac0cb;text-decoration:none;border-radius:9px;padding:8px 9px;font-size:.9rem}.side-nav a:hover,.side-nav a.current{background:rgba(143,199,221,.1);color:#fff}.chapter-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.chapter-footer-nav a{padding:15px;border:1px solid rgba(164,209,229,.16);border-radius:13px;text-decoration:none;background:rgba(8,29,43,.65);color:#dbe7ed}.chapter-footer-nav a.next{text-align:right}.chapter-footer-nav small{display:block;color:#819ba9}.site-footer{margin-top:35px;border-top:1px solid rgba(164,209,229,.13);background:rgba(4,13,20,.72)}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0;color:#8fa8b5;font-size:.9rem}.footer-inner strong{color:#d8e4ea}.footer-links{display:flex;gap:14px}.footer-links a{color:#a9c5d3;text-decoration:none}.notice{padding:18px 20px;border-left:4px solid #efc36c;background:rgba(239,195,108,.08);border-radius:0 12px 12px 0;color:#d9e5ea}.copyright{white-space:nowrap}@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.side-nav{position:static;order:-1}.side-nav .chapter-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stats-strip{grid-template-columns:1fr 1fr 1fr}}@media(max-width:680px){.wrap{width:min(100% - 22px,1180px)}.menu-btn{display:block}.nav{display:none;position:absolute;top:60px;right:11px;left:11px;flex-direction:column;align-items:stretch;padding:10px;background:#091c29;border:1px solid rgba(255,255,255,.12);border-radius:13px;box-shadow:0 15px 45px rgba(0,0,0,.35)}.nav.open{display:flex}.hero{padding-top:55px}.hero h1{font-size:clamp(2.7rem,15vw,4.4rem)}.stats-strip{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:185px}.section-head{display:block}.section-head p{margin-top:10px}.side-nav .chapter-list{grid-template-columns:1fr 1fr}.chapter-footer-nav{grid-template-columns:1fr}.chapter-footer-nav a.next{text-align:left}.footer-inner{display:block}.footer-links{margin-top:10px}.copyright{white-space:normal}}
.source-note{margin-top:28px;padding:14px 16px;border:1px solid rgba(143,199,221,.16);border-radius:12px;background:rgba(8,29,43,.6);color:#91aab7;font-size:.86rem}.source-note strong{color:#bcd0da}

/* Cookie Factory message board */
.board-section{padding-top:10px}.board-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;gap:28px;align-items:start}.board-main{min-width:0}.board-side{position:sticky;top:92px}.board-compose{padding:24px;margin-bottom:30px}.board-compose-head,.board-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.board-compose h2,.board-toolbar h2{margin:10px 0 0;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1}.board-form{margin-top:20px}.board-form label{display:block;color:#cbdbe3;font-weight:700;font-size:.92rem}.board-form input,.board-form select,.board-form textarea,.board-filter select,.reply-form textarea,.reply-form input{width:100%;margin-top:7px;border:1px solid rgba(164,209,229,.2);border-radius:11px;background:#071a27;color:#edf5f8;padding:11px 12px;font:inherit;outline:none}.board-form input:focus,.board-form select:focus,.board-form textarea:focus,.board-filter select:focus,.reply-form textarea:focus,.reply-form input:focus{border-color:rgba(239,195,108,.65);box-shadow:0 0 0 3px rgba(239,195,108,.08)}.board-form textarea,.reply-form textarea{resize:vertical;min-height:110px}.board-form-grid{display:grid;grid-template-columns:1fr 210px;gap:14px;margin-bottom:14px}.char-count{display:block;text-align:right;color:#7894a3;font-size:.8rem;font-weight:500}.board-form-actions{display:flex;gap:12px;align-items:center;margin-top:12px}.form-status{color:#9fb5c1;font-size:.9rem}.turnstile-wrap{margin-top:14px;min-height:68px}.board-toolbar{margin:0 0 15px}.board-filter{display:flex;align-items:center;gap:8px}.board-filter label{color:#89a4b2;font-size:.85rem}.board-filter select{width:auto;margin:0;padding:9px 10px}.posts-list{display:grid;gap:14px}.board-loading,.board-empty{padding:24px;color:#9fb5c1}.post-card{padding:20px;overflow:hidden}.post-card.pinned{border-color:rgba(239,195,108,.43);box-shadow:0 0 0 1px rgba(239,195,108,.08),0 16px 48px rgba(0,0,0,.16)}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.post-author{font-weight:900;color:#fff}.post-time{color:#7793a2;font-size:.83rem}.post-category{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(100,174,205,.12);color:#a8d9ec;border:1px solid rgba(143,199,221,.16);font-size:.76rem;font-weight:800}.post-pin{color:#efc36c;font-size:.8rem;font-weight:850}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#d3e0e6;margin:0 0 14px}.post-actions{display:flex;flex-wrap:wrap;gap:8px}.text-btn{border:0;background:transparent;color:#9fcde0;font:inherit;font-size:.88rem;font-weight:800;padding:3px 0;cursor:pointer}.text-btn:hover{color:#fff}.text-btn.danger{color:#e6a2a2}.text-btn.mod-action{display:none}.mod-mode .text-btn.mod-action{display:inline-block}.replies{margin:15px 0 0 18px;border-left:2px solid rgba(143,199,221,.13);padding-left:15px;display:grid;gap:10px}.reply{background:rgba(4,18,28,.46);border-radius:12px;padding:12px 14px}.reply .post-body{margin-bottom:6px;font-size:.94rem}.reply-form{margin-top:12px;padding-top:12px;border-top:1px solid rgba(164,209,229,.1)}.reply-form-grid{display:grid;grid-template-columns:180px 1fr;gap:10px}.reply-form textarea{min-height:78px}.reply-form .board-form-actions{margin-top:8px}.board-rules p{color:#9fb5c1;font-size:.9rem}.board-rules strong{color:#e2edf2}.board-notice{margin-bottom:15px}.moderator-dialog{border:1px solid rgba(164,209,229,.2);border-radius:16px;background:#0a1c29;color:#eaf2f7;box-shadow:0 25px 90px rgba(0,0,0,.55);width:min(460px,calc(100% - 24px));padding:0}.moderator-dialog::backdrop{background:rgba(1,7,12,.72);backdrop-filter:blur(3px)}.mod-inner{padding:24px}.mod-inner h2{margin:0 0 6px}.mod-inner p{color:#9fb5c1}.mod-inner input{width:100%;border:1px solid rgba(164,209,229,.2);border-radius:11px;background:#071a27;color:#edf5f8;padding:11px 12px;font:inherit}.mod-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}@media(max-width:920px){.board-layout{grid-template-columns:1fr}.board-side{position:static}.board-form-grid{grid-template-columns:1fr 180px}}@media(max-width:680px){.board-compose-head,.board-toolbar{display:block}.board-mod-btn{margin-top:12px}.board-filter{margin-top:12px;flex-wrap:wrap}.board-form-grid,.reply-form-grid{grid-template-columns:1fr}.board-filter select{flex:1;min-width:150px}.replies{margin-left:5px;padding-left:11px}.board-form-actions{align-items:flex-start;flex-direction:column}}