:root{--ink:#09243d;--navy:#061c31;--blue:#1979e8;--cyan:#55dfe8;--mist:#f3f7f8;--line:#d8e5e8;--muted:#617887}*{box-sizing:border-box}html{background:var(--mist)}body{margin:0;color:var(--ink);background:var(--mist);font:15px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.blog-shell{max-width:1180px;padding:0 30px;margin:0 auto}.blog-topline{height:36px;color:#c2d3dc;background:#031421;font:10px 'DM Mono',monospace;letter-spacing:.45px}.blog-topline .blog-shell{height:100%;display:flex;align-items:center;justify-content:space-between}.blog-topline span{color:var(--cyan)}.blog-topline a{color:#fff}.blog-topline b{margin-left:6px;color:var(--cyan);font-size:13px}.blog-header{background:#fff;border-bottom:1px solid #d9e5e8}.blog-header .blog-shell{min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:25px}.blog-brand{display:block;flex:0 0 auto;line-height:0}.blog-brand img{width:220px;height:74px;object-fit:contain;object-position:center}.blog-nav{display:flex;gap:25px;align-items:center;color:#415b6b;font-size:11px;font-weight:800}.blog-nav a:hover,.blog-nav a[aria-current="page"]{color:var(--blue)}.blog-hero{padding:82px 0 63px;color:#fff;background:linear-gradient(126deg,#061c31,#0c3f61)}.kicker{margin:0 0 12px;color:var(--cyan);font:700 10px/1.2 DM Mono,monospace;letter-spacing:1.3px}.blog-hero h1{max-width:700px;margin:0;font-size:clamp(37px,5.6vw,68px);line-height:1.02;letter-spacing:-3px}.blog-hero h1 em{color:var(--cyan);font-style:normal}.blog-hero p:not(.kicker){max-width:590px;margin:22px 0 0;color:#c9d8df}.blog-content{padding:54px 30px 74px}.category-filter{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.category-filter a{padding:7px 12px;background:#fff;border:1px solid var(--line);border-radius:99px;color:#466171;font-size:11px;font-weight:800}.category-filter a.active,.category-filter a:hover{color:#fff;background:var(--blue);border-color:var(--blue)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{display:flex;min-height:310px;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px #10344a0b}.post-card>img,.post-placeholder{width:100%;height:165px;object-fit:cover;background:linear-gradient(135deg,#0b3957,#1f80bb)}.post-placeholder{display:grid;place-items:center;color:var(--cyan);font:700 12px DM Mono,monospace;letter-spacing:1px}.post-card-content{display:flex;flex:1;flex-direction:column;padding:21px}.post-card .meta,.article-meta{color:#718692;font:700 10px/1.4 DM Mono,monospace;letter-spacing:.5px;text-transform:uppercase}.post-card h2{margin:11px 0 8px;font-size:21px;line-height:1.16;letter-spacing:-.7px}.post-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.post-card .more{margin-top:auto;padding-top:18px;color:var(--blue);font-size:11px;font-weight:800}.empty-posts{padding:50px;background:#fff;border:1px solid var(--line);color:var(--muted);text-align:center}.blog-footer{padding:28px 0;color:#b7cbd4;background:var(--navy);font-size:11px}.blog-footer .blog-shell{display:flex;justify-content:space-between;gap:20px}.article-shell{max-width:860px;padding:65px 30px 86px}.article-header{margin-bottom:36px}.article-header h1{margin:12px 0 16px;font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-2px}.article-excerpt{color:var(--muted);font-size:18px;line-height:1.65}.article-cover{margin:34px 0 42px;border:1px solid var(--line)}.article-cover img{width:100%;max-height:460px;object-fit:cover}.article-content{font-size:17px;line-height:1.85}.article-content h2,.article-content h3{margin:42px 0 13px;line-height:1.17;letter-spacing:-.8px}.article-content h2{font-size:29px}.article-content h3{font-size:23px}.article-content p{margin:0 0 21px}.article-content ul,.article-content ol{padding-left:23px}.article-content blockquote{margin:30px 0;padding:20px 24px;color:#28516a;background:#eaf7f8;border-left:4px solid var(--cyan)}.article-content pre{overflow:auto;padding:18px;color:#e0f5fa;background:#071f34}.article-content iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.article-taxonomy{display:flex;gap:8px;flex-wrap:wrap;margin:38px 0 0}.article-taxonomy span{padding:5px 9px;color:#397087;background:#e8f5f7;border-radius:99px;font-size:10px;font-weight:800}.comments{margin-top:52px;padding-top:38px;border-top:1px solid var(--line)}.comments h2{margin:0 0 15px;font-size:25px;letter-spacing:-.8px}.comment{padding:18px 0;border-bottom:1px solid var(--line)}.comment b{display:block;font-size:13px}.comment time{color:#788d98;font-size:11px}.comment p{margin:8px 0 0;color:#405d6d;font-size:13px}.comment-form{display:grid;gap:15px;margin-top:25px;padding:25px;background:#fff;border:1px solid var(--line)}.comment-form h3{margin:0;font-size:18px}.comment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.comment-form label{display:grid;gap:5px;color:#36546a;font-size:11px;font-weight:800}.comment-form input,.comment-form textarea{width:100%;padding:11px;border:1px solid #c8d9df;border-radius:3px;color:var(--ink);font:14px Manrope,Arial,sans-serif}.comment-form input:focus,.comment-form textarea:focus{outline:2px solid #aeeff1;border-color:#55dfe8}.button{justify-self:start;padding:11px 15px;color:#fff;background:var(--blue);border:0;border-radius:3px;font-weight:800;cursor:pointer}.comment-notice{padding:13px 15px;color:#176346;background:#e4f7eb;border:1px solid #bfe9d0}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}@media(max-width:760px){.blog-shell{padding-left:20px;padding-right:20px}.blog-topline{height:33px;font-size:8px}.blog-topline span{display:none}.blog-topline .blog-shell{justify-content:center}.blog-header .blog-shell{min-height:71px}.blog-brand img{width:170px;height:60px}.blog-nav{gap:13px;font-size:10px}.blog-nav a:not(.quote-cta){display:none}.blog-hero{padding:58px 0 45px}.post-grid{grid-template-columns:1fr}.blog-content,.article-shell{padding-left:20px;padding-right:20px}.article-shell{padding-top:45px}.article-content{font-size:16px}.comment-form .form-row{grid-template-columns:1fr}.blog-footer .blog-shell{display:block}.blog-footer .blog-shell span+span{display:block;margin-top:7px}}
