@import url('/assets/fonts.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}figcaption{font:11px/1.5 'DM Sans',sans-serif;color:var(--muted);padding-top:9px}figcaption a{text-decoration:none}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(42px,5vw,76px);margin-bottom:24px}h2{font-size:34px}h3{font-size:25px}p{margin-bottom:20px}::selection{background:var(--accent);color:var(--paper)}.wrap{width:min(1280px,calc(100% - 88px));margin:auto}.skip{position:absolute;z-index:10;top:-100px;left:20px;background:var(--paper);padding:15px}.skip:focus{top:10px}.mast{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px 0;border-bottom:1px solid var(--rule)}.brand{font-size:28px;font-weight:700;text-decoration:none;line-height:1;letter-spacing:-1.3px;white-space:nowrap}.brand b{color:var(--accent)}.mast nav{display:flex;gap:26px;flex-wrap:wrap;font-size:13px}.mast nav a{text-decoration:none}.mast nav a:hover{text-decoration:underline}.kicker,.label{font:600 11px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.kicker{color:var(--accent);margin-bottom:18px}.label{color:var(--muted)}.dek{font-size:19px;line-height:1.55;max-width:640px;color:var(--muted)}.arrow{display:inline-block;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;margin-top:10px}.arrow span{margin-left:32px}.rule-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--rule);padding-top:22px;margin-top:65px;margin-bottom:30px}.rule-title h2{margin:0}.rule-title small{font:11px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.card img{width:100%;aspect-ratio:1.6;object-fit:cover}.card .kicker{margin:22px 0 12px}.card h3 a{text-decoration:none}.card p{font-size:15px;color:var(--muted)}.card .arrow{margin:0}.editorial-note{border-top:1px solid var(--rule);margin-top:64px;padding:38px 0;display:grid;grid-template-columns:1fr 2fr;gap:45px}.editorial-note p{max-width:760px;margin:0;color:var(--muted)}.foot{border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:30px;padding:34px 0 48px;margin-top:50px;font-size:12px}.foot nav{display:flex;gap:20px;flex-wrap:wrap}.foot p{margin:12px 0 0;color:var(--muted);font-size:12px}.hero-photo{width:100%;object-fit:cover}.mini-list{list-style:none;padding:0;margin:0}.mini-list li{border-top:1px solid var(--rule);padding:22px 0}.mini-list h3{font-size:25px;margin:12px 0}.mini-list a{text-decoration:none}.mini-list p{font-size:14px;color:var(--muted);margin:0}.issue-line{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:15px 0}.section-intro{max-width:740px;margin:60px 0 40px}.section-intro h1{font-size:56px}.category-block{scroll-margin-top:30px;margin-bottom:60px}.category-block h2{border-top:1px solid var(--rule);padding-top:22px}.article-head{max-width:1000px;padding:65px 0 35px}.article-head h1{max-width:1000px}.article-head .dek{max-width:800px}.article-meta{font-size:12px;color:var(--muted);margin-top:24px}.article-cover{margin:0 0 48px}.article-cover img{width:100%;height:460px;object-fit:cover}.reading{display:grid;grid-template-columns:220px minmax(0,740px);gap:70px;margin:50px 0 75px}.reading aside{font-size:12px;color:var(--muted)}.reading aside ol{padding-left:18px}.reading aside li{padding:6px 0}.reading aside a{text-decoration:none}.prose{min-width:0;overflow-wrap:anywhere;font-size:18px;line-height:1.85}.prose h2{font-size:29px;margin:48px 0 20px;letter-spacing:-.025em}.prose h3{font-size:24px;margin:30px 0 20px}.prose section:first-child h2{margin-top:0}.prose p{margin-bottom:24px}.prose img{max-height:600px;object-fit:contain;margin:25px auto}.prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;margin:30px 0}.prose table caption{text-align:left;font-weight:bold;margin-bottom:15px}.prose td,.prose th{text-align:left;vertical-align:top;padding:16px 12px;border-bottom:1px solid var(--rule)}.prose th{background:var(--panel)}.prose pre{overflow:auto;padding:26px;background:var(--code,#18252a);color:#f4f7f2;font:14px/1.8 monospace;white-space:pre-wrap}.prose blockquote{margin:30px 0;padding-left:25px;border-left:3px solid var(--accent)}.worksheet,.type-specimen{background:var(--panel);border:1px solid var(--rule);padding:28px;margin:32px 0}.worksheet p:last-child{margin:0}.type-specimen h3{font-family:'Libre Baskerville',Georgia,serif}.before-after{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);margin:32px 0}.before-after>div{padding:25px}.before-after>div+div{background:var(--panel)}.before-after small,.small{font-size:12px;color:var(--muted)}.before-after p{font-family:'Libre Baskerville',Georgia,serif;line-height:1.5;margin:18px 0 0}.sources{border-top:1px solid var(--rule);margin-top:45px;padding-top:18px;font-size:13px}.sources h2{font-size:20px}.sources li{margin:8px 0}.related{border-top:1px solid var(--rule);margin:35px 0;padding-top:22px}.related a{display:block;padding:12px 0}.simple{max-width:800px;margin:50px 0 80px}.simple h1{font-size:52px}.simple h2{font-size:28px;margin-top:35px}.archive-warning{background:var(--panel);padding:18px;font-size:13px;line-height:1.6;margin-bottom:30px}.index-list{list-style:none;padding:0}.index-list li{padding:18px 0;border-bottom:1px solid var(--rule)}.index-list small,.index-list time{display:block;font-size:12px;color:var(--muted)}.checklist{padding-left:24px}.checklist li{padding:10px 0;border-bottom:1px solid var(--rule)}.route-map{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:20px}.route-map li{padding:22px;background:var(--panel)}.route-map strong,.route-map span{display:block}.route-map span{font-size:14px;margin-top:14px}.photo-link{text-decoration:none}.photo-link:hover img{filter:brightness(.94)}
/* ZONE BRIDGE — an atlas of the physical web. */
body.zone{--paper:#0d1c27;--ink:#ecf1ee;--muted:#adbdc5;--accent:#a9efda;--rule:#3b4b54;--panel:#18313b;font-family:'Space Grotesk',Arial,sans-serif}.zone .brand{font-family:'Space Grotesk';letter-spacing:2px;font-size:23px}.zone .brand b{font-weight:400}.zone .mast{padding:28px 0}.zone .zone-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:58px 0 36px;align-items:end}.zone .zone-opening h1{font-weight:400;letter-spacing:-3px;margin:0;font-size:clamp(50px,5.3vw,80px)}.zone .zone-opening .dek{margin:0;max-width:460px}.zone .network-cover{position:relative;margin:10px 0 0}.zone .network-cover img{height:510px;width:100%;object-fit:cover;object-position:center 52%}.zone .cover-label{position:absolute;left:0;bottom:38px;background:#a9efda;color:#122a31;padding:26px 32px;max-width:430px}.zone .cover-label h2{font-size:29px;font-weight:500;margin:10px 0 0}.zone .cover-label a{text-decoration:none}.zone .route-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule);margin:38px 0 0}.zone .route-strip a{padding:24px;text-decoration:none;border-right:1px solid var(--rule)}.zone .route-strip a:last-child{border:0}.zone .route-strip strong{display:block;font-size:22px;margin:9px 0}.zone .route-strip small{color:var(--muted)}.zone .card h3{font-weight:500}.zone .article-head h1{font-weight:400}
/* MILLITHEMES — an art-directed design notebook. */
body.milli{--paper:#f8f3e9;--ink:#29251f;--muted:#6b655d;--accent:#a93b21;--rule:#c9beb0;--panel:#eee5d8}.milli .brand{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-2px}.milli .brand b{font-style:italic;font-weight:400}.milli .mast{border:0;padding:35px 0}.milli .design-title{font:400 clamp(64px,9vw,136px)/.98 'Libre Baskerville',Georgia,serif;letter-spacing:-8px;margin:35px 0 50px;max-width:1100px}.milli .design-title em{color:var(--accent);font-weight:400}.milli .studio-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:75px;align-items:center}.milli .studio-grid figure{transform:rotate(-2deg);padding:12px;background:#fff;box-shadow:0 9px 30px #33281315}.milli .studio-grid img{height:430px;width:100%;object-fit:cover}.milli .studio-copy h2{font:400 39px/1.2 'Libre Baskerville',Georgia,serif}.milli .studio-copy .big-number{font:100px/1 'Libre Baskerville',Georgia,serif;color:var(--accent);display:block;margin-bottom:28px}.milli .design-lab{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:75px 0}.milli .letter-sample{background:#a93b21;color:#fff5e7;display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;font:150px/1 'Libre Baskerville',serif}.milli .letter-sample small{position:absolute;bottom:25px;left:25px;font:11px 'DM Sans';letter-spacing:.15em}.milli .design-lab h2{font:36px/1.25 'Libre Baskerville',serif}.milli .card h3,.milli .article-head h1{font-family:'Libre Baskerville',Georgia,serif;font-weight:400}.milli .article-head h1{font-size:clamp(38px,4.7vw,66px)}.milli .rule-title h2{font-family:'Libre Baskerville',Georgia,serif;font-weight:400}
/* HOSTING MTY — a practical, measured infrastructure journal. */
body.hosting{--paper:#f7faf9;--ink:#183a35;--muted:#526b66;--accent:#176b50;--rule:#bed0c9;--panel:#e4eee7}.hosting .brand{letter-spacing:-1px;font-family:'Space Grotesk';font-size:30px}.hosting .brand b{display:inline-flex;background:#176b50;color:#fff;padding:8px;font-size:17px;margin-left:5px;vertical-align:middle;letter-spacing:0}.hosting .issue-line{color:var(--muted);border-bottom:1px solid var(--rule)}.hosting .hosting-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:35px 0 0;background:#e4eee7}.hosting .hosting-feature .copy{padding:48px 42px}.hosting .hosting-feature h1{font-family:'Space Grotesk';font-weight:500;font-size:clamp(40px,4.3vw,61px)}.hosting .hosting-feature figure{position:relative}.hosting .hosting-feature img{height:100%;min-height:530px;width:100%;object-fit:cover}.hosting .hosting-feature figcaption{position:absolute;bottom:0;left:0;background:#183a35cf;color:white;padding:8px 14px}.hosting .decision-board{display:grid;grid-template-columns:.8fr 2fr;gap:45px;margin:50px 0}.hosting .decision-board h2{font-size:31px;font-family:'Space Grotesk';font-weight:500}.hosting .decision-table{border-top:2px solid var(--ink)}.hosting .decision-row{display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:20px;border-bottom:1px solid var(--rule);padding:17px 0;font-size:14px}.hosting .decision-row strong{font-weight:600}.hosting .decision-row span{color:var(--muted)}.hosting .decision-row a{font-size:12px;white-space:nowrap}.hosting .card h3{font-family:'Space Grotesk';font-weight:500}.hosting .card img{aspect-ratio:1.8}
/* ANTIVIRUS CHEAP — approachable consumer guidance. */
body.safety{--paper:#fffdf5;--ink:#203a35;--muted:#596e65;--accent:#286455;--rule:#c9d2c1;--panel:#f3efce}.safety .mast{padding:25px 0}.safety .brand{font-size:25px;letter-spacing:-.8px}.safety .brand b{background:#f3db79;padding:6px 10px;border-radius:8px;color:#203a35;margin-right:6px}.safety .safety-top{padding:22px 0;font-size:12px;text-align:center;color:var(--muted)}.safety .safety-hero{display:grid;grid-template-columns:1fr 1.15fr;background:#f5df8c;border-radius:24px;overflow:hidden;align-items:center}.safety .safety-hero .copy{padding:48px}.safety .safety-hero h1{font:400 clamp(42px,4.5vw,64px)/1.12 'Libre Baskerville',serif;letter-spacing:-2.7px}.safety .safety-hero .dek{color:#42594c;font-size:17px}.safety .safety-hero figure{align-self:stretch;position:relative}.safety .safety-hero img{width:100%;height:100%;min-height:510px;object-fit:cover}.safety .safety-hero figcaption{position:absolute;bottom:10px;right:14px;background:#fffdf5dc;padding:5px 9px;border-radius:4px;font-size:10px}.safety .pill-link{display:inline-block;padding:13px 23px;background:#203a35;color:#fffdf5;border-radius:30px;text-decoration:none;font-size:13px;font-weight:bold;margin-top:12px}.safety .steps-home{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:40px 5px}.safety .step{display:flex;gap:17px;align-items:flex-start}.safety .step>b{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--rule);border-radius:50%;font-size:18px}.safety .step h2{font-size:21px;margin:5px 0 10px;letter-spacing:-.5px}.safety .step p{font-size:14px;color:var(--muted);margin:0}.safety .card{background:#f5f2e3;border-radius:16px;overflow:hidden;padding-bottom:25px}.safety .card>p,.safety .card>h3,.safety .card>.arrow{margin-left:25px;margin-right:25px}.safety .card img{aspect-ratio:1.75}.safety .rule-title{margin-top:25px}.safety .article-head h1{font-family:'Libre Baskerville',serif;font-weight:400;font-size:clamp(37px,4.5vw,62px)}.safety .article-cover img{border-radius:20px}
/* VIRTUAL ASP — a developer's working notebook. */
body.virtual{--paper:#fff;--ink:#181b29;--muted:#606577;--accent:#344ce2;--rule:#d4d7e4;--panel:#eff1fc;--code:#191d35}.virtual .brand{font-family:'Space Grotesk';letter-spacing:-1.5px}.virtual .brand b{font-family:monospace;font-size:23px;margin-right:9px}.virtual .dev-intro{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding:22px 0}.virtual .dev-intro p{margin:0;font-size:13px}.virtual .dev-feature{display:grid;grid-template-columns:.75fr 1.3fr;gap:65px;padding:55px 0}.virtual .dev-feature h1{font-family:'Space Grotesk';font-weight:500;letter-spacing:-3px;font-size:clamp(44px,4.5vw,66px)}.virtual .dev-feature .dek{font-size:17px}.virtual .dev-screen{background:#191d35;color:white;padding:25px;border-radius:4px;align-self:center;box-shadow:16px 16px 0 #e9edff}.virtual .screen-head{display:flex;gap:6px;border-bottom:1px solid #40475f;padding-bottom:20px;font:11px monospace}.virtual .screen-head i{display:block;width:7px;height:7px;border-radius:100%;background:#838cba}.virtual .screen-head span{margin-left:auto;color:#bdc6e9}.virtual .dev-screen pre{font:16px/2 monospace;overflow:auto;white-space:pre-wrap;margin:25px 0}.virtual .dev-screen code .tag{color:#a9b9ff}.virtual .dev-screen code .comment{color:#a4b2bc}.virtual .dev-screen footer{border-top:1px solid #40475f;padding-top:15px;color:#b6c0de;font:12px monospace}.virtual .lab-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;padding:35px 0;border-top:1px solid var(--rule)}.virtual .lab-feature img{height:300px;width:100%;object-fit:cover}.virtual .lab-feature h2{font-size:36px;font-family:'Space Grotesk';font-weight:500}.virtual .card h3,.virtual .article-head h1{font-family:'Space Grotesk';font-weight:500}.virtual .card{border-top:3px solid var(--accent);padding-top:18px}.virtual .card img{display:none}
/* MULTI GEEK — hardware, play and shared projects. */
body.geek{--paper:#f1eee6;--ink:#1c1530;--muted:#6a6173;--accent:#6046ba;--rule:#c6bed1;--panel:#e8e2f0}.geek .mast{background:#1c1530;color:#f8f2e8;margin-left:-44px;margin-right:-44px;padding:23px 44px;border:0}.geek .brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:41px;font-weight:700;letter-spacing:0;text-transform:uppercase}.geek .brand b{color:#d8f57c}.geek .geek-label{font:600 11px 'DM Sans';letter-spacing:.18em;padding:18px 0;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between}.geek .geek-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:24px;margin:32px 0}.geek .geek-cover{position:relative;background:#211932;min-height:580px}.geek .geek-cover img{width:100%;height:580px;object-fit:cover;opacity:.63}.geek .geek-cover .copy{position:absolute;left:35px;right:35px;bottom:30px;color:#fff}.geek .geek-cover h1{font:700 clamp(50px,6.3vw,87px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.5px;text-transform:uppercase;max-width:650px}.geek .geek-cover .kicker{color:#d8f57c}.geek .geek-cover .dek{font-size:17px;color:#f1eafa;max-width:570px}.geek .geek-cover figcaption{position:absolute;top:12px;right:15px;color:#e0d9ed}.geek .geek-side{display:flex;flex-direction:column;background:#d8f57c;padding:25px}.geek .geek-side img{height:245px;object-fit:cover;width:100%;margin-bottom:25px}.geek .geek-side h2{font:700 39px/1.03 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:0}.geek .geek-side p{font-size:15px}.geek .geek-side .kicker{color:#3c4e19}.geek .geek-side .arrow{margin-top:auto}.geek .geek-band{padding:22px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;gap:25px;font:600 22px 'Barlow Condensed';letter-spacing:.04em;text-transform:uppercase}.geek .card h3{font:600 32px/1.05 'Barlow Condensed',sans-serif;letter-spacing:0}.geek .rule-title h2{font:600 37px 'Barlow Condensed';text-transform:uppercase;letter-spacing:0}.geek .article-head h1{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:-1px;font-size:clamp(48px,6vw,82px)}
/* SERVER BROS — field manual, industrial yellow and graphite. */
body.server{--paper:#202321;--ink:#edece4;--muted:#b7b9b1;--accent:#e9ce66;--rule:#51554c;--panel:#30352d;--code:#121713;font-family:'DM Sans',sans-serif}.server .brand{font-family:'Barlow Condensed';font-size:33px;letter-spacing:1px}.server .brand b{border:1px solid #e9ce66;padding:3px 7px;margin-left:4px}.server .mast nav{font:12px monospace}.server .manual-heading{display:grid;grid-template-columns:110px 1fr;gap:30px;margin:50px 0 35px;align-items:start}.server .manual-no{font:14px monospace;line-height:1.8;color:var(--accent);border-top:3px solid var(--accent);padding-top:15px}.server .manual-heading h1{font:600 clamp(50px,5.7vw,80px)/1.02 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:0;max-width:1000px}.server .manual-heading .dek{max-width:770px;font-size:17px}.server .manual-visual{display:grid;grid-template-columns:1.45fr .7fr;gap:0;border:1px solid var(--rule)}.server .manual-visual figure{position:relative}.server .manual-visual img{width:100%;height:420px;object-fit:cover}.server .manual-visual figcaption{position:absolute;bottom:0;left:0;background:#202321cf;color:white;padding:8px 15px}.server .runbook{background:#e9ce66;color:#202321;padding:30px}.server .runbook>small{font:12px monospace}.server .runbook ol{padding:0;list-style:none;margin:30px 0}.server .runbook li{border-top:1px solid #20232155;padding:18px 0;font-size:17px}.server .runbook li span{font:11px monospace;margin-right:15px}.server .runbook a{font:12px monospace}.server .card{border:1px solid var(--rule);padding:26px}.server .card img{display:none}.server .card h3{font-family:'Barlow Condensed';font-size:32px;font-weight:600;letter-spacing:0}.server .rule-title h2{font-family:'Barlow Condensed';font-weight:600;font-size:36px;text-transform:uppercase;letter-spacing:0}.server .article-head h1{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:0;font-size:clamp(48px,5.5vw,78px)}
/* WEB EDITOR BLOG — a compact literary newspaper. */
body.editor{--paper:#f8f5ee;--ink:#2e2827;--muted:#746a65;--accent:#963f3b;--rule:#bcb0a6;--panel:#ece4da;font-family:'Libre Baskerville',Georgia,serif;font-size:16px}.editor .mast{display:block;text-align:center;padding:23px 0 0;border-bottom:3px double var(--rule)}.editor .brand{display:block;font:400 clamp(35px,4.4vw,63px)/1.2 'Libre Baskerville',serif;letter-spacing:-3px;padding:13px 0 25px}.editor .brand b{font-weight:400;font-style:italic}.editor .mast nav{justify-content:center;border-top:1px solid var(--rule);padding:14px 0;font-family:'DM Sans';gap:48px}.editor .newspaper-line{display:flex;justify-content:space-between;font:10px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;padding:16px 0}.editor .editor-lead{display:grid;grid-template-columns:1.1fr 1.25fr .65fr;gap:32px;padding:25px 0 40px;border-bottom:1px solid var(--rule)}.editor .editor-lead h1{font:400 clamp(37px,3.5vw,51px)/1.13 'Libre Baskerville';letter-spacing:-2px}.editor .editor-lead .dek{font:16px/1.7 'Libre Baskerville';color:var(--muted)}.editor .editor-lead figure{padding-top:4px}.editor .editor-lead img{width:100%;height:425px;object-fit:cover}.editor .editor-margin{border-left:1px solid var(--rule);padding-left:25px}.editor .editor-margin h2{font:400 24px/1.3 'Libre Baskerville';letter-spacing:-.8px}.editor .editor-margin p{font:13px/1.8 'DM Sans';color:var(--muted)}.editor .editor-margin .kicker{font-size:10px}.editor .editor-margin hr{border:0;border-top:1px solid var(--rule);margin:26px 0}.editor .editor-exercise{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:35px;padding:35px 0;border-bottom:1px solid var(--rule)}.editor .editor-exercise h2{font:400 28px/1.3 'Libre Baskerville';letter-spacing:-1px}.editor .editor-exercise .old{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.editor .editor-exercise p{font:400 24px/1.4 'Libre Baskerville';margin:12px 0}.editor .editor-exercise small{font:10px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.editor .card h3{font:400 25px/1.3 'Libre Baskerville';letter-spacing:-1px}.editor .card p{font-family:'DM Sans';line-height:1.7}.editor .rule-title h2{font:400 30px 'Libre Baskerville'}.editor .article-head h1{font-family:'Libre Baskerville';font-weight:400;font-size:clamp(38px,4.4vw,63px)}.editor .prose{font-size:17px}.editor .prose h2{font-family:'Libre Baskerville';font-weight:400;font-size:26px}.editor .foot{font-family:'DM Sans'}
@media(min-width:1600px){.wrap{width:min(1380px,calc(100% - 120px))}.geek .mast{margin-left:-60px;margin-right:-60px;padding-left:60px;padding-right:60px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.mast nav{gap:16px}.zone .zone-opening{gap:35px}.milli .studio-grid{gap:35px}.milli .design-title{letter-spacing:-5px}.hosting .hosting-feature .copy{padding:30px}.safety .safety-hero .copy{padding:30px}.virtual .dev-feature{gap:30px}.editor .editor-lead{grid-template-columns:1fr 1fr}.editor .editor-margin{grid-column:1/-1;border-left:0;border-top:1px solid var(--rule);padding:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:35px}.editor .editor-margin hr{display:none}.reading{gap:40px;grid-template-columns:170px minmax(0,1fr)}.geek .mast{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.geek .geek-grid{grid-template-columns:1.3fr .85fr}.geek .geek-side{padding:20px}.geek .geek-side img{height:200px}.geek .geek-cover h1{font-size:65px}}
@media(max-width:700px){html{scroll-behavior:auto}.wrap{width:calc(100% - 36px)}.mast{padding:22px 0;align-items:flex-start;flex-direction:column;gap:23px}.mast nav{font-size:12px;gap:18px}.brand{font-size:26px}.kicker{font-size:10px}.dek{font-size:17px}.card-grid{grid-template-columns:1fr;gap:38px}.card img{aspect-ratio:1.7}.rule-title{margin-top:45px;align-items:flex-start;flex-direction:column;gap:12px}.rule-title h2{font-size:29px}.editorial-note{grid-template-columns:1fr;gap:18px;margin-top:45px;padding:28px 0}.foot{flex-direction:column;margin-top:30px}.foot nav{gap:18px}.issue-line{font-size:9px;gap:15px}.section-intro{margin-top:38px}.section-intro h1,.simple h1{font-size:39px}.article-head{padding-top:38px}.article-head h1{font-size:42px}.article-cover img{height:270px}.reading{grid-template-columns:1fr;gap:30px;margin-top:25px}.reading aside{border-bottom:1px solid var(--rule);padding-bottom:16px}.reading aside ol{columns:2;column-gap:28px;margin-bottom:0}.reading aside li{break-inside:avoid}.prose{font-size:17px;line-height:1.8}.prose h2{font-size:26px}.prose td,.prose th{padding:10px 8px;font-size:12px}.before-after{grid-template-columns:1fr}.route-map{grid-template-columns:1fr}.zone .zone-opening{grid-template-columns:1fr;gap:24px;padding-top:35px}.zone .zone-opening h1{font-size:54px;letter-spacing:-2px}.zone .network-cover img{height:420px;object-position:62% center}.zone .cover-label{left:0;right:25px;bottom:35px;padding:20px}.zone .cover-label h2{font-size:26px}.zone .route-strip{grid-template-columns:1fr}.zone .route-strip a{border-right:0;border-bottom:1px solid var(--rule);padding:20px}.milli .mast{padding:28px 0 20px}.milli .design-title{font-size:60px;letter-spacing:-4px;margin:28px 0 35px}.milli .studio-grid{grid-template-columns:1fr;gap:38px}.milli .studio-grid img{height:280px}.milli .studio-copy .big-number{font-size:60px;margin-bottom:15px}.milli .studio-copy h2{font-size:32px}.milli .design-lab{grid-template-columns:1fr;gap:30px;margin:45px 0;padding:30px 0}.milli .letter-sample{min-height:260px;font-size:125px}.milli .design-lab h2{font-size:29px}.hosting .hosting-feature{grid-template-columns:1fr;margin-top:22px}.hosting .hosting-feature .copy{padding:28px}.hosting .hosting-feature h1{font-size:43px}.hosting .hosting-feature img{min-height:0;height:300px}.hosting .decision-board{grid-template-columns:1fr;gap:20px}.hosting .decision-row{grid-template-columns:1fr 1.2fr;gap:15px;font-size:13px}.hosting .decision-row a{grid-column:1/-1}.safety .safety-top{text-align:left;font-size:11px}.safety .safety-hero{grid-template-columns:1fr;border-radius:18px}.safety .safety-hero .copy{padding:28px}.safety .safety-hero h1{font-size:42px;letter-spacing:-2px}.safety .safety-hero img{min-height:0;height:300px}.safety .steps-home{grid-template-columns:1fr;gap:28px;padding:30px 0}.virtual .dev-intro{gap:20px;align-items:flex-start}.virtual .dev-intro p{font-size:11px}.virtual .dev-feature{grid-template-columns:1fr;padding:35px 0;gap:30px}.virtual .dev-feature h1{font-size:47px;letter-spacing:-2px}.virtual .dev-screen{margin-right:12px;padding:20px;box-shadow:10px 10px 0 #e9edff}.virtual .dev-screen pre{font-size:12px}.virtual .lab-feature{grid-template-columns:1fr;gap:25px;margin-top:20px}.virtual .lab-feature img{height:260px}.virtual .lab-feature h2{font-size:30px}.geek .mast{margin-left:-18px;margin-right:-18px;padding:22px 18px}.geek .geek-label{font-size:9px;gap:20px}.geek .geek-grid{grid-template-columns:1fr;margin-top:20px;gap:20px}.geek .geek-cover,.geek .geek-cover img{height:530px;min-height:0}.geek .geek-cover .copy{left:23px;right:23px;bottom:24px}.geek .geek-cover h1{font-size:65px}.geek .geek-cover .dek{font-size:15px}.geek .geek-side img{height:250px}.geek .geek-side h2{font-size:37px}.geek .geek-band{flex-wrap:wrap;gap:13px;font-size:18px}.server .manual-heading{grid-template-columns:1fr;gap:20px;margin-top:30px}.server .manual-no{display:inline-block;max-width:140px;padding-top:10px}.server .manual-heading h1{font-size:55px}.server .manual-visual{grid-template-columns:1fr}.server .manual-visual img{height:280px}.server .runbook{padding:25px}.server .runbook ol{margin:20px 0}.server .runbook li{padding:14px 0}.editor .mast{padding-top:12px}.editor .brand{font-size:36px;letter-spacing:-2px;padding:15px 0 22px}.editor .mast nav{gap:23px;font-size:11px}.editor .newspaper-line{font-size:8px;gap:18px;line-height:1.6}.editor .editor-lead{grid-template-columns:1fr;gap:25px;padding-top:20px}.editor .editor-lead h1{font-size:43px}.editor .editor-lead img{height:330px}.editor .editor-margin{grid-template-columns:1fr;gap:18px}.editor .editor-margin h2{font-size:24px}.editor .editor-exercise{grid-template-columns:1fr;gap:15px}.editor .editor-exercise h2{font-size:27px}.editor .editor-exercise p{font-size:23px}.editor .card h3{font-size:26px}.editor .article-head h1,.milli .article-head h1,.safety .article-head h1{font-size:38px;letter-spacing:-1.8px}.geek .article-head h1,.server .article-head h1{font-size:53px}.virtual .article-head h1{font-size:43px}}
.zone .cover-label .label{color:#315347}
.editor .editor-exercise .kicker{font:600 11px/1.5 'DM Sans';letter-spacing:.14em;margin:0 0 18px}
@media(min-width:701px){.zone .zone-opening{grid-template-columns:1.3fr 1fr;gap:48px}.zone .zone-opening h1{font-size:clamp(50px,4.4vw,67px)}.milli .design-title{font-size:clamp(64px,7vw,104px);letter-spacing:-5px;max-width:1240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:701px){.card-grid.four-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}