.pagehead{padding:56px 0;border-bottom:3px solid var(--ink)}
.pagehead h1{font-family:'Archivo Black';font-size:clamp(34px,5vw,58px);line-height:.96;letter-spacing:-.02em;margin:16px 0 14px}
.pagehead p{font-size:18px;font-weight:500;color:var(--ink-2);max-width:60ch}
/* LEGAL */
.legal{max-width:760px;padding:18px 0 10px}
.legal .upd{font-family:'JetBrains Mono';font-size:12px;font-weight:700;color:var(--ink-2);margin-bottom:30px;background:var(--paper-2);display:inline-block;padding:6px 12px;border:2px solid var(--ink)}
.legal h2{font-family:'Archivo Black';font-size:22px;margin:34px 0 10px;padding-top:18px;border-top:3px solid var(--ink)}
.legal h3{font-family:'Archivo';font-weight:800;font-size:16px;margin:20px 0 6px}
.legal p{font-size:15px;font-weight:500;color:var(--ink-2);margin-bottom:12px;line-height:1.65}
.legal ul{margin:0 0 14px 0;padding-left:22px}
.legal li{font-size:15px;font-weight:500;color:var(--ink-2);margin-bottom:7px;line-height:1.6}
.legal a{font-weight:700;border-bottom:2px solid var(--yellow)}
.legal .note{background:var(--paper-2);border:2.5px solid var(--ink);padding:16px 18px;font-size:13.5px;font-weight:600;margin:18px 0}
/* BLOG INDEX */
.blogwrap{display:grid;grid-template-columns:2fr 1fr;gap:40px}
.post-feature{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--paper);margin-bottom:28px}
.post-feature .ph{border-bottom:3px solid var(--ink);background:var(--paper-2)}
.post-feature .ph svg{display:block;width:100%;height:auto}
.post-feature .body{padding:26px}
.post-feature .cat{font-family:'JetBrains Mono';font-weight:700;font-size:10px;letter-spacing:.12em;background:var(--ink);color:var(--yellow);padding:3px 9px;display:inline-block;margin-bottom:12px}
.post-feature h2{font-family:'Archivo Black';font-size:30px;line-height:1.02;margin-bottom:10px}
.post-feature p{font-size:15px;font-weight:500;color:var(--ink-2);margin-bottom:16px}
.post-feature .meta{font-family:'JetBrains Mono';font-size:11px;font-weight:700;color:var(--ink-2)}
.postlist{display:grid;gap:0;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.postlist a{display:flex;gap:16px;align-items:center;padding:18px 22px;background:var(--paper);transition:.12s}
.postlist .thumb{width:104px;height:78px;object-fit:cover;border:2.5px solid var(--ink);flex-shrink:0;display:block;background:var(--paper-2)}
.postlist .t{min-width:0}
@media(max-width:520px){.postlist .thumb{display:none}}
.postlist a+a{border-top:2.5px solid var(--ink)}
.postlist a:hover{background:var(--yellow)}
.postlist .cat{font-family:'JetBrains Mono';font-weight:700;font-size:10px;letter-spacing:.1em;color:var(--ink-2);margin-bottom:6px}
.postlist h3{font-family:'Archivo Black';font-size:17px;line-height:1.1;margin-bottom:5px}
.postlist .meta{font-family:'JetBrains Mono';font-size:11px;color:var(--ink-2)}
.sidebar h4{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;background:var(--ink);color:var(--yellow);padding:6px 10px;display:inline-block}
.sidebar .sb-box{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px;background:var(--yellow);margin-bottom:24px}
.sidebar .sb-box h3{font-family:'Archivo Black';font-size:20px;margin-bottom:8px;line-height:1.05}
.sidebar .sb-box p{font-size:13.5px;font-weight:600;margin-bottom:14px}
.sidebar .tags{display:flex;flex-wrap:wrap;gap:8px}
.sidebar .tags span{font-family:'JetBrains Mono';font-size:11px;font-weight:700;border:2px solid var(--ink);padding:4px 9px;background:var(--paper)}
@media(max-width:860px){.blogwrap{grid-template-columns:1fr}}
/* BLOG POST */
.article{max-width:720px;padding:18px 0 10px}
.article .cat{font-family:'JetBrains Mono';font-weight:700;font-size:11px;letter-spacing:.12em;background:var(--ink);color:var(--yellow);padding:4px 10px;display:inline-block;margin-bottom:14px}
.article h1{font-family:'Archivo Black';font-size:clamp(30px,4.6vw,48px);line-height:1;letter-spacing:-.02em;margin-bottom:16px}
.article .byline{font-family:'JetBrains Mono';font-size:12px;font-weight:700;color:var(--ink-2);padding-bottom:20px;margin-bottom:6px;border-bottom:3px solid var(--ink);display:flex;gap:16px;flex-wrap:wrap}
.article .hero-ph{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--paper-2);margin:24px 0 30px}
.article .hero-ph svg{display:block;width:100%;height:auto}
.article p{font-size:16.5px;font-weight:500;color:var(--ink-2);line-height:1.7;margin-bottom:18px}
.article h2{font-family:'Archivo Black';font-size:26px;margin:32px 0 12px}
.article blockquote{border-left:5px solid var(--yellow);background:var(--paper-2);padding:18px 22px;margin:24px 0;font-family:'Archivo';font-weight:700;font-size:19px;font-style:italic}
.article ul{margin:0 0 18px 0;padding-left:24px}
.article li{font-size:16px;font-weight:500;color:var(--ink-2);margin-bottom:8px;line-height:1.6}
.article .pullstat{display:flex;gap:0;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);margin:28px 0}
.article .pullstat .s{flex:1;padding:18px 20px}
.article .pullstat .s+.s{border-left:3px solid var(--ink)}
.article .pullstat .v{font-family:'Archivo Black';font-size:30px;line-height:1}
.article .pullstat .k{font-family:'JetBrains Mono';font-size:11px;font-weight:700;color:var(--ink-2);margin-top:4px}
/* AUTH */
.authsec{padding:60px 0;border-bottom:3px solid var(--ink);background:var(--paper-2)}
.authcard{max-width:460px;margin:0 auto;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--paper)}
.authcard .ah{background:var(--ink);color:var(--paper);padding:16px 26px;display:flex;justify-content:space-between;align-items:center}
.authcard .ah .blk{font-size:18px}
.authcard .ah .lot{font-family:'JetBrains Mono';font-size:10px;color:var(--yellow);letter-spacing:.1em}
.authcard .ab{padding:30px 26px}
.authcard h1{font-family:'Archivo Black';font-size:26px;margin-bottom:6px}
.authcard .sub{font-size:14px;font-weight:500;color:var(--ink-2);margin-bottom:22px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:2.5px solid var(--ink);background:var(--paper);font-family:'Archivo';font-weight:800;font-size:15px;padding:13px;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:.12s}
.gbtn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:#fff}
.gbtn svg{width:20px;height:20px}
.divider{display:flex;align-items:center;gap:14px;margin:22px 0;font-family:'JetBrains Mono';font-size:11px;font-weight:700;color:var(--ink-2);letter-spacing:.1em}
.divider::before,.divider::after{content:'';flex:1;height:2.5px;background:var(--ink)}
.field{margin-bottom:16px}
.field label{font-family:'JetBrains Mono';font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:6px}
.field input{width:100%;border:2.5px solid var(--ink);background:var(--paper);font-family:'Archivo';font-weight:600;font-size:15px;padding:12px 14px}
.field input:focus{outline:3px solid var(--yellow);outline-offset:0}
.authcard .submit{width:100%;justify-content:center;margin-top:6px}
.authfoot{text-align:center;font-size:13.5px;font-weight:600;margin-top:20px;color:var(--ink-2)}
.authfoot a{font-weight:800;border-bottom:2px solid var(--yellow)}
.fineprint{font-size:11.5px;font-weight:500;color:var(--ink-2);text-align:center;margin-top:16px;line-height:1.5}
.fineprint a{border-bottom:1.5px solid var(--yellow);font-weight:700}
.formnote{background:var(--paper-2);border:2px dashed var(--ink);padding:10px 12px;font-family:'JetBrains Mono';font-size:11px;font-weight:600;margin-top:18px;line-height:1.5}
