.page-blog{--arena-bg: #071210;--arena-panel: rgba(12, 32, 28, .72);--arena-ink: #e8f5f0;--arena-soft: #9bb5ab;--arena-muted: #5e7a70;--arena-line: rgba(232, 245, 240, .1);--arena-teal: #1de4c2;--arena-signal: #ffc53d;--arena-coral: #ff5a36;color:var(--arena-ink);background:radial-gradient(ellipse 70% 45% at 20% 0%,rgba(255,197,61,.1),transparent 55%),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(29,228,194,.08),transparent 50%),linear-gradient(180deg,#050d0b 0%,var(--arena-bg) 45%,#0a1613 100%);min-height:100vh}.page-blog .noise{opacity:.05;mix-blend-mode:overlay;z-index:50}.page-blog .scanlines{pointer-events:none;position:fixed;inset:0;z-index:49;opacity:.03;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.35) 2px,rgba(0,0,0,.35) 3px)}.page-blog .blog-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);background:#071210c7;border-bottom:1px solid var(--arena-line)}.page-blog .site-header nav a{color:var(--arena-soft);font-family:var(--font-hud, "Share Tech Mono", monospace);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;font-weight:600}.page-blog .site-header nav a:hover,.page-blog .site-header nav a[aria-current=page]{color:var(--arena-signal)}.page-blog .site-footer{border-top-color:var(--arena-line);color:var(--arena-soft)}.page-blog .site-footer a{color:var(--arena-teal)}.blog-main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.blog-hero{margin-bottom:2.25rem;max-width:40rem}.blog-hero .section-hud{color:var(--arena-signal);font-family:var(--font-hud, "Share Tech Mono", monospace);letter-spacing:.16em;font-size:.78rem;margin:0 0 .75rem}.blog-hero h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 .75rem;letter-spacing:-.02em}.blog-hero .lede{color:var(--arena-soft);font-size:1.1rem;line-height:1.55;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.blog-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--arena-line);border-radius:16px;overflow:hidden;background:#0c201c8c;transition:border-color .15s ease,transform .15s ease}.blog-card:hover{border-color:#ffc53d73;transform:translateY(-2px)}.blog-card-preview{aspect-ratio:400 / 220;background:#0a1613;overflow:hidden}.blog-card-preview img{display:block;width:100%;height:100%;object-fit:cover}.blog-card-body{padding:1rem 1.1rem 1.15rem;display:grid;gap:.35rem}.blog-num{font-family:var(--font-hud, "Share Tech Mono", monospace);font-size:.72rem;letter-spacing:.12em;color:var(--arena-signal)}.blog-card-body h2{margin:0;font-size:1.15rem;line-height:1.25}.blog-card-body p{margin:0;color:var(--arena-muted);font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-cta{margin-top:.35rem;color:var(--arena-teal);font-size:.85rem;font-weight:700}.blog-back{display:inline-block;color:var(--arena-soft);text-decoration:none;font-size:.9rem;margin-bottom:1.25rem}.blog-back:hover{color:var(--arena-signal)}.blog-detail-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:1.75rem;align-items:start;margin-bottom:2rem}.blog-detail-copy .section-hud{color:var(--arena-signal);font-family:var(--font-hud, "Share Tech Mono", monospace);letter-spacing:.14em;font-size:.75rem;margin:0 0 .65rem}.blog-detail-copy h1{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.6rem);line-height:1.15}.blog-detail-copy .lede{color:var(--arena-soft);font-size:1.08rem;line-height:1.55;margin:0 0 1rem}.blog-meta-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--arena-muted);font-size:.88rem;margin-bottom:1rem}.blog-meta-row strong{color:var(--arena-ink);font-weight:700}.blog-skill-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.blog-skill-chip{border:1px solid rgba(255,197,61,.35);background:#ffc53d14;color:var(--arena-signal);border-radius:999px;padding:.28rem .7rem;font-size:.78rem;font-weight:700}.blog-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem}.blog-detail-media{border:1px solid var(--arena-line);border-radius:16px;overflow:hidden;background:#0a1613}.blog-detail-media img{display:block;width:100%;height:auto}.blog-article{display:grid;gap:1.5rem;max-width:42rem}.blog-section{border-top:1px solid var(--arena-line);padding-top:1.35rem}.blog-section h2{margin:0 0 .65rem;font-size:1.35rem}.blog-section p{margin:0;color:var(--arena-soft);line-height:1.6;font-size:1.02rem}.blog-challenge-list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.blog-challenge-list li{padding:.85rem 1rem;border-radius:12px;background:#00000038;border:1px solid var(--arena-line)}.blog-challenge-list strong{display:block;margin-bottom:.25rem;color:var(--arena-ink)}.blog-challenge-list span{color:var(--arena-soft);line-height:1.5;font-size:.98rem}.blog-skill-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.blog-skill-list li{display:grid;gap:.2rem}.blog-skill-list strong{color:var(--arena-signal);font-size:1rem}.blog-skill-list span{color:var(--arena-soft);line-height:1.5}.blog-takeaway{margin-top:.5rem;padding:1.25rem 1.35rem;border-radius:14px;border:1px solid rgba(29,228,194,.35);background:#1de4c214}.blog-takeaway .label{display:block;font-family:var(--font-hud, "Share Tech Mono", monospace);font-size:.72rem;letter-spacing:.14em;color:var(--arena-teal);margin-bottom:.4rem}.blog-takeaway p{margin:0;font-size:1.05rem;line-height:1.5;color:var(--arena-ink)}.blog-pager{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:2.5rem 0 1rem;max-width:42rem}.blog-pager-link{display:grid;gap:.2rem;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--arena-line);text-decoration:none;color:inherit;background:#0000002e}.blog-pager-link:hover{border-color:#ffc53d66}.blog-pager-link span{font-size:.75rem;color:var(--arena-muted);text-transform:uppercase;letter-spacing:.08em}.blog-pager-next{text-align:right}.blog-foot-links{color:var(--arena-muted);max-width:42rem}.blog-foot-links a{color:var(--arena-teal)}@media(max-width:800px){.blog-detail-hero,.blog-pager{grid-template-columns:1fr}.blog-pager-next{text-align:left}}