:root{
--bg:#0a0a0c;--surface:#111114;--surface-2:#18181c;--surface-3:#1e1e24;
--border:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.12);
--green:#33ff66;--green-dim:#1a9940;--green-soft:rgba(51,255,102,0.08);--green-border:rgba(51,255,102,0.15);
--amber:#ffaa22;--amber-soft:rgba(255,170,34,0.08);--amber-border:rgba(255,170,34,0.15);
--cyan:#22ddff;--cyan-soft:rgba(34,221,255,0.08);--cyan-border:rgba(34,221,255,0.15);
--magenta:#ff3388;--magenta-soft:rgba(255,51,136,0.08);--magenta-border:rgba(255,51,136,0.15);
--text-1:#e8e8ea;--text-2:#888890;--text-3:#555560;--text-4:#3a3a42;
--shadow-sm:0 1px 4px rgba(0,0,0,0.3);--shadow:0 4px 20px rgba(0,0,0,0.4);--shadow-lg:0 12px 40px rgba(0,0,0,0.5);
--r:6px;--r-lg:8px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:5rem;}
body{background:var(--bg);color:var(--text-1);font-family:'DM Sans','Inter',system-ui,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;position:relative;}
body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,0.007) 2px,rgba(255,255,255,0.007) 4px);pointer-events:none;z-index:9999;}
::selection{background:rgba(51,255,102,0.2);color:#fff;}
a{color:var(--green);text-decoration:none;transition:color 0.2s;}
a:hover{color:#44ff77;}
img{max-width:100%;height:auto;display:block;} header.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0.7rem 2rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,12,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:all 0.3s;}
header.site-header.pinned{background:rgba(17,17,20,0.96);box-shadow:var(--shadow-sm);}
.logo{display:flex;align-items:center;gap:0.6rem;text-decoration:none;color:var(--text-1);}
.logo-mark{width:36px;height:36px;background:var(--green);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Press Start 2P',monospace;font-size:9px;color:var(--bg);font-weight:400;letter-spacing:-0.5px;}
.logo-text{font-family:'Press Start 2P',monospace;font-size:11px;letter-spacing:1px;}
.logo-text span{color:var(--green);}
.main-nav{display:flex;gap:0.15rem;align-items:center;}
.main-nav ul,.main-nav .menu{display:flex;gap:0.15rem;align-items:center;list-style:none;padding:0;margin:0;}
.main-nav li{list-style:none;margin:0;padding:0;}
.main-nav a,.main-nav .menu-item a{color:var(--text-2);text-decoration:none;font-family:'Space Mono',monospace;font-size:0.7rem;font-weight:400;padding:0.4rem 0.75rem;border-radius:var(--r);transition:all 0.2s;letter-spacing:0.5px;display:block;}
.main-nav a:hover,.main-nav .menu-item a:hover{color:var(--green);background:var(--green-soft);}
.main-nav a.active,.main-nav .current-menu-item>a{color:var(--green);background:var(--green-soft);}
.menu-btn{display:none;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-family:'Press Start 2P',monospace;font-size:0.5rem;padding:0.45rem 0.75rem;border-radius:var(--r);cursor:pointer;letter-spacing:0.5px;} .hero{min-height:88vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:6rem 2rem 4rem;gap:3rem;}
.hero-inner{max-width:560px;}
.hero-badge{display:inline-flex;align-items:center;gap:0.4rem;font-family:'Press Start 2P',monospace;font-size:0.5rem;color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);padding:0.3rem 0.75rem;border-radius:3px;margin-bottom:1.4rem;letter-spacing:1px;}
.hero-badge::before{content:'';width:5px;height:5px;background:var(--green);border-radius:50%;animation:blink 1.5s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:0.3}50%{opacity:1}}
.hero h1{font-family:'Press Start 2P',monospace;font-size:clamp(1rem,2.2vw,1.35rem);line-height:2;margin-bottom:1rem;color:var(--text-1);letter-spacing:0.5px;}
.hero h1 strong,.hero h1 em{font-style:normal;font-weight:400;color:var(--green);}
.hero-desc{font-family:'DM Sans',sans-serif;font-size:0.95rem;color:var(--text-2);line-height:1.8;max-width:440px;margin-bottom:1.5rem;}
.hero-cta{display:flex;gap:0.6rem;flex-wrap:wrap;}
.hero-stats{margin-top:2rem;display:flex;gap:2rem;flex-wrap:wrap;padding-top:1.2rem;border-top:1px solid var(--border);}
.hero-stat .num{font-family:'Press Start 2P',monospace;font-size:1.1rem;color:var(--green);line-height:1;}
.hero-stat .label{font-family:'Space Mono',monospace;font-size:0.55rem;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-top:0.35rem;}
.hero-visual{display:flex;align-items:center;justify-content:center;} .crt-widget{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);position:relative;overflow:hidden;padding:1.5rem;}
.crt-widget::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(51,255,102,0.015) 1px,rgba(51,255,102,0.015) 2px);pointer-events:none;}
.crt-header{font-family:'Press Start 2P',monospace;font-size:0.55rem;color:var(--green);opacity:0.6;margin-bottom:1rem;letter-spacing:1px;}
.crt-item{display:flex;gap:0.9rem;margin-bottom:0.7rem;padding:0.7rem;border-radius:6px;border:1px solid transparent;transition:all 0.2s;}
.crt-item:hover{border-color:var(--green-border);background:rgba(51,255,102,0.02);}
.crt-icon{width:48px;height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.crt-info{min-width:0;flex:1;}
.crt-info h4{font-family:'Space Mono',monospace;font-size:0.75rem;color:var(--text-1);margin-bottom:0.15rem;font-weight:700;}
.crt-info p{font-family:'Space Mono',monospace;font-size:0.62rem;color:var(--text-3);}
.crt-bar{height:3px;border-radius:1.5px;margin-top:0.4rem;} .btn{display:inline-flex;align-items:center;gap:0.3rem;font-family:'Press Start 2P',monospace;font-size:0.5rem;padding:0.6rem 1.2rem;border-radius:var(--r);text-decoration:none;letter-spacing:0.5px;transition:all 0.25s;border:none;cursor:pointer;}
.btn-green{background:var(--green);color:var(--bg);}
.btn-green:hover{background:#44ff77;color:var(--bg);transform:translateY(-1px);}
.btn-outline{background:transparent;color:var(--text-2);border:1px solid var(--border);}
.btn-outline:hover{color:var(--green);border-color:var(--green-border);} section.s{padding:3rem 2rem;position:relative;}
.s-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:0.8rem;border-bottom:1px solid var(--border);}
.s-overline{font-family:'Press Start 2P',monospace;font-size:0.43rem;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:0.25rem;}
.s-title{font-family:'DM Sans',sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-1);}
.s-link{font-family:'Space Mono',monospace;font-size:0.6rem;color:var(--text-3);text-decoration:none;transition:color 0.2s;}
.s-link:hover{color:var(--green);}
.s-link::after{content:' →';} .pill{font-family:'Press Start 2P',monospace;font-size:0.43rem;padding:0.2rem 0.5rem;border-radius:3px;display:inline-block;margin-bottom:0.5rem;letter-spacing:0.5px;}
.era-8bit,.p-8bit{color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);}
.era-16bit,.p-16bit{color:var(--cyan);background:var(--cyan-soft);border:1px solid var(--cyan-border);}
.era-arcade,.p-arcade{color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-border);}
.era-32bit,.p-32bit{color:var(--magenta);background:var(--magenta-soft);border:1px solid var(--magenta-border);}
.era-hardware,.p-hardware{color:var(--cyan);background:var(--cyan-soft);border:1px solid var(--cyan-border);}
.era-psych,.p-psych{color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-border);}
.era-spain,.p-spain{color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-border);}
.era-guide,.p-guide{color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);} .featured{padding-top:0;padding-bottom:1.5rem;}
.feat{display:grid;grid-template-columns:1.3fr 1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all 0.3s;}
.feat:hover{border-color:var(--green-border);box-shadow:var(--shadow);}
.feat-img{aspect-ratio:16/10;background:var(--surface-2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.feat-img .feat-grid{position:absolute;inset:0;background:linear-gradient(rgba(51,255,102,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(51,255,102,0.02) 1px,transparent 1px);background-size:20px 20px;}
.feat-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.feat-img .no-thumb{font-family:'Press Start 2P',monospace;font-size:2rem;color:var(--green);opacity:0.1;}
.feat-body{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;}
.feat-body h2{font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:600;line-height:1.4;margin-bottom:0.5rem;color:var(--text-1);}
.feat-body h2 a{color:var(--text-1);text-decoration:none;transition:color 0.2s;}
.feat-body h2 a:hover{color:var(--green);}
.feat-excerpt{color:var(--text-2);font-size:0.82rem;line-height:1.7;margin-bottom:0.8rem;}
.meta{display:flex;align-items:center;gap:0.5rem;font-family:'Space Mono',monospace;font-size:0.55rem;color:var(--text-3);}
.meta-sep{width:3px;height:3px;background:var(--text-3);border-radius:50%;} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all 0.3s;position:relative;}
.card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;opacity:0;transition:opacity 0.3s;background:var(--green);}
.card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow);}
.card:hover::before{opacity:1;}
.card-img{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.card:hover .card-img img{transform:scale(1.03);}
.card-img .no-thumb{font-size:1.5rem;opacity:0.1;}
.card-body{padding:0.9rem 1rem;}
.card-body h3{font-family:'DM Sans',sans-serif;font-size:0.85rem;font-weight:600;line-height:1.35;margin-bottom:0.25rem;color:var(--text-1);}
.card-body h3 a{color:var(--text-1);text-decoration:none;transition:color 0.2s;}
.card-body h3 a:hover{color:var(--green);}
.card-desc{color:var(--text-2);font-size:0.72rem;line-height:1.6;margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rd{font-family:'Space Mono',monospace;font-size:0.55rem;color:var(--text-3);} .topics-band{padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0.8rem;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.topic{text-align:center;padding:1.2rem 0.6rem;border-radius:var(--r);border:1px solid transparent;transition:all 0.2s;text-decoration:none;color:inherit;display:block;}
.topic:hover{border-color:var(--border);background:var(--surface-2);}
.topic .icon{font-size:1.3rem;margin-bottom:0.4rem;}
.topic h4{font-family:'DM Sans',sans-serif;font-size:0.8rem;font-weight:600;margin-bottom:0.15rem;color:var(--text-1);}
.topic p{font-family:'Space Mono',monospace;font-size:0.55rem;color:var(--text-3);} article.single-layout{max-width:760px;margin:0 auto;padding:8rem 2rem 3rem;}
article.single-layout .entry-header{margin-bottom:2rem;}
.entry-title{font-family:'DM Sans',sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.3;margin-bottom:0.8rem;color:var(--text-1);}
.entry-meta{display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap;font-family:'Space Mono',monospace;font-size:0.6rem;color:var(--text-3);}
article.single-layout .feat-image{margin-bottom:2rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);}
article.single-layout .feat-image img{width:100%;height:auto;display:block;}
.entry-content{font-family:'DM Sans',sans-serif;font-size:1rem;line-height:1.85;color:var(--text-2);}
.entry-content h2{font-family:'DM Sans',sans-serif;font-size:1.3rem;font-weight:700;margin:2.5rem 0 0.7rem;color:var(--text-1);}
.entry-content h3{font-size:1.1rem;font-weight:600;margin:2rem 0 0.6rem;color:var(--text-1);}
.entry-content p{margin-bottom:1.3rem;}
.entry-content ul,.entry-content ol{margin:0 0 1.3rem 1.5rem;color:var(--text-2);}
.entry-content li{margin-bottom:0.35rem;}
.entry-content blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:2px solid var(--green);background:var(--surface);color:var(--text-2);border-radius:0 var(--r) var(--r) 0;font-style:italic;}
.entry-content a{color:var(--green);text-decoration:underline;text-underline-offset:3px;}
.entry-content a:hover{color:#44ff77;}
.entry-content img{margin:1.5rem 0;border:1px solid var(--border);border-radius:var(--r);}
.entry-content code{font-family:'Space Mono',monospace;font-size:0.85rem;background:var(--surface-2);padding:0.12rem 0.4rem;border:1px solid var(--border);border-radius:3px;color:var(--green);}
.entry-content pre{background:var(--surface);border:1px solid var(--border);padding:1.2rem;overflow-x:auto;margin:1.3rem 0;border-radius:var(--r);}
.entry-content pre code{background:none;border:none;padding:0;}
.entry-content table{width:100%;border-collapse:collapse;margin:1.3rem 0;}
.entry-content th,.entry-content td{padding:0.6rem 0.8rem;border:1px solid var(--border);text-align:left;font-size:0.85rem;}
.entry-content th{background:var(--surface);font-family:'Space Mono',monospace;font-size:0.65rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-2);} .tech-spec{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.2rem 1.5rem;margin:2rem 0;}
.tech-spec-title{font-family:'Press Start 2P',monospace;font-size:0.5rem;color:var(--green);letter-spacing:1px;margin-bottom:0.8rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border);}
.tech-spec dl{display:grid;grid-template-columns:auto 1fr;gap:0.3rem 1rem;}
.tech-spec dt{font-family:'Space Mono',monospace;font-size:0.7rem;color:var(--text-3);}
.tech-spec dd{font-family:'Space Mono',monospace;font-size:0.7rem;color:var(--text-1);} .toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem 1.3rem;margin:1.5rem 0;}
.toc-title{font-family:'Press Start 2P',monospace;font-size:0.5rem;color:var(--green);letter-spacing:1px;margin-bottom:0.6rem;padding-bottom:0.4rem;border-bottom:1px solid var(--border);}
.toc ul{list-style:none;padding:0;margin:0;}
.toc li{padding:0.2rem 0;}
.toc li a{color:var(--text-2);text-decoration:none;font-family:'DM Sans',sans-serif;font-size:0.78rem;transition:color 0.2s;display:flex;align-items:center;gap:0.3rem;}
.toc li a::before{content:'>';font-family:'Space Mono',monospace;font-size:0.6rem;color:var(--green);opacity:0.4;flex-shrink:0;}
.toc li a:hover{color:var(--green);}
.toc li a:hover::before{opacity:1;}
.toc li.toc-sub{padding-left:1rem;}
.toc li.toc-sub a{font-size:0.72rem;color:var(--text-3);} .post-nav{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.post-nav a{color:var(--text-3);text-decoration:none;font-size:0.72rem;transition:color 0.2s;}
.post-nav a:hover{color:var(--green);}
.post-nav .nav-next{text-align:right;} .related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);}
.related-title{font-family:'Press Start 2P',monospace;font-size:0.55rem;color:var(--green);letter-spacing:1px;margin-bottom:1rem;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem;}
.related-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all 0.3s;}
.related-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow);}
.related-thumb{display:block;aspect-ratio:16/9;overflow:hidden;}
.related-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.related-card:hover .related-thumb img{transform:scale(1.03);}
.related-info{padding:0.7rem 0.9rem;}
.related-info h4{font-family:'DM Sans',sans-serif;font-size:0.78rem;font-weight:600;line-height:1.3;margin-bottom:0.15rem;color:var(--text-1);}
.related-info h4 a{color:var(--text-1);text-decoration:none;transition:color 0.2s;}
.related-info h4 a:hover{color:var(--green);} .breadcrumbs{font-family:'Space Mono',monospace;font-size:0.6rem;color:var(--text-3);margin-bottom:1.5rem;}
.breadcrumbs a{color:var(--text-3);text-decoration:none;transition:color 0.2s;}
.breadcrumbs a:hover{color:var(--green);}
.bc-sep{margin:0 0.3rem;opacity:0.5;} .comments-area{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);}
.comments-title{font-family:'Press Start 2P',monospace;font-size:0.6rem;color:var(--green);letter-spacing:1px;margin-bottom:1.2rem;}
.comment-list{list-style:none;padding:0;}
.comment-list .comment{padding:1rem;margin-bottom:0.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);}
.comment-meta{font-family:'Space Mono',monospace;font-size:0.55rem;color:var(--text-3);margin-bottom:0.5rem;}
.comment-content{font-size:0.88rem;color:var(--text-2);}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;padding:0.65rem 0.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text-1);font-family:'DM Sans',sans-serif;font-size:0.88rem;outline:none;transition:border-color 0.2s;margin-bottom:0.6rem;}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--green);}
.comment-form label{font-family:'Space Mono',monospace;font-size:0.6rem;color:var(--text-2);display:block;margin-bottom:0.2rem;}
.comment-form .submit{padding:0.55rem 1.1rem;background:var(--green);border:none;color:var(--bg);font-family:'Press Start 2P',monospace;font-size:0.5rem;border-radius:var(--r);cursor:pointer;transition:all 0.2s;letter-spacing:0.5px;}
.comment-form .submit:hover{background:#44ff77;transform:translateY(-1px);} .cat-split{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border);margin-bottom:1rem;}
.cat-title{font-family:'DM Sans',sans-serif;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700;color:var(--text-1);margin-bottom:1rem;line-height:1.25;}
.cat-description{font-size:0.88rem;line-height:1.8;color:var(--text-2);}
.cat-meta-info{margin-top:1rem;padding-top:0.6rem;border-top:1px solid var(--border);font-family:'Space Mono',monospace;font-size:0.6rem;color:var(--text-3);}
.cat-posts-col{border-left:1px solid var(--border);padding-left:1.5rem;}
.cat-posts-head{font-family:'Press Start 2P',monospace;font-size:0.43rem;color:var(--green);letter-spacing:1.5px;margin-bottom:0.8rem;padding-bottom:0.4rem;border-bottom:1px solid var(--border);}
.cat-post-item{display:flex;gap:0.7rem;padding:0.7rem 0;border-bottom:1px solid var(--border);transition:all 0.2s;}
.cat-post-item:last-child{border-bottom:none;}
.cat-post-item:hover{padding-left:0.25rem;}
.cat-post-thumb{flex-shrink:0;width:70px;height:50px;border-radius:var(--r);overflow:hidden;}
.cat-post-thumb img{width:100%;height:100%;object-fit:cover;}
.cat-post-info h3{font-family:'DM Sans',sans-serif;font-size:0.82rem;font-weight:600;line-height:1.3;margin-bottom:0.15rem;color:var(--text-1);}
.cat-post-info h3 a{color:var(--text-1);text-decoration:none;transition:color 0.2s;}
.cat-post-info h3 a:hover{color:var(--green);}
.cat-post-info p{font-size:0.68rem;color:var(--text-2);line-height:1.5;margin-bottom:0.15rem;}
.cat-post-meta{font-family:'Space Mono',monospace;font-size:0.5rem;color:var(--text-3);} .nl-band{padding:2.5rem 2rem;text-align:center;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.nl-band h2{font-family:'Press Start 2P',monospace;font-size:0.65rem;color:var(--green);letter-spacing:1px;margin-bottom:0.4rem;}
.nl-band p{color:var(--text-2);max-width:340px;margin:0 auto 1rem;font-size:0.82rem;}
.nl-form{display:flex;max-width:320px;margin:0 auto;}
.nl-form input{flex:1;padding:0.5rem 0.75rem;background:var(--bg);border:1px solid var(--border);border-right:none;border-radius:var(--r) 0 0 var(--r);color:var(--text-1);font-size:0.78rem;outline:none;transition:border-color 0.2s;}
.nl-form input::placeholder{color:var(--text-4);}
.nl-form input:focus{border-color:var(--green);}
.nl-form button{padding:0.5rem 0.7rem;background:var(--green);border:1px solid var(--green);border-radius:0 var(--r) var(--r) 0;color:var(--bg);font-family:'Press Start 2P',monospace;font-size:0.43rem;cursor:pointer;transition:background 0.2s;letter-spacing:0.5px;}
.nl-form button:hover{background:#44ff77;} footer{padding:2rem 2rem 1.2rem;border-top:1px solid var(--border);display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1.5rem;background:var(--surface);}
.fb-brand p{color:var(--text-3);font-size:0.7rem;line-height:1.6;max-width:200px;margin-top:0.6rem;}
.fcol .fcol-title{font-family:'Press Start 2P',monospace;font-size:0.43rem;color:var(--text-2);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:0.6rem;}
.fcol ul,.fcol .menu{list-style:none;padding:0;margin:0;}
.fcol li,.fcol .menu-item{margin-bottom:0.25rem;list-style:none;}
.fcol a,.fcol .menu-item a{color:var(--text-3);font-size:0.7rem;transition:color 0.2s;text-decoration:none;}
.fcol a:hover,.fcol .menu-item a:hover{color:var(--green);}
.fbot{grid-column:1/-1;padding-top:0.8rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-family:'Space Mono',monospace;font-size:0.5rem;color:var(--text-4);} .pagination{margin-top:2.5rem;text-align:center;}
.pagination .nav-links{display:flex;justify-content:center;gap:0.25rem;}
.pagination .page-numbers{padding:0.4rem 0.65rem;border:1px solid var(--border);border-radius:var(--r);font-family:'Space Mono',monospace;font-size:0.65rem;color:var(--text-2);transition:all 0.2s;}
.pagination .page-numbers.current{background:var(--green);color:var(--bg);border-color:var(--green);}
.pagination .page-numbers:hover{border-color:var(--green);color:var(--green);} .rv{opacity:0;transform:translateY(10px);transition:all 0.5s cubic-bezier(0.22,1,0.36,1);}
.rv.vis{opacity:1;transform:translateY(0);} .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;}
.alignleft{float:left;margin:0 1.5rem 1rem 0;}.alignright{float:right;margin:0 0 1rem 1.5rem;}.aligncenter{display:block;margin:1rem auto;}
.wp-caption{max-width:100%;margin-bottom:1.3rem;}
.wp-caption-text{font-family:'Space Mono',monospace;font-size:0.55rem;color:var(--text-3);padding:0.3rem 0;}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:0.4rem;margin:1.3rem 0;}.gallery-item{margin:0;}.gallery img{width:100%;height:auto;} @media(max-width:1024px){.hero{grid-template-columns:1fr;}.hero-visual{display:none;}.grid{grid-template-columns:repeat(2,1fr);}.feat{grid-template-columns:1fr;}footer{grid-template-columns:repeat(2,1fr);}.topics-band{grid-template-columns:repeat(2,1fr);}}
@media(max-width:900px){.cat-split{grid-template-columns:1fr;}.cat-posts-col{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:1rem;}}
@media(max-width:768px){
header.site-header{padding:0.5rem 1.2rem;}
section.s{padding:2rem 1.2rem;}
.hero{padding:5rem 1.2rem 2rem;min-height:auto;}
.grid{grid-template-columns:1fr;}
.main-nav{display:none;}.menu-btn{display:block;}
footer{grid-template-columns:1fr;}
.fbot{flex-direction:column;gap:0.25rem;text-align:center;}
.nl-form{flex-direction:column;}.nl-form input{border-right:1px solid var(--border);border-radius:var(--r);}.nl-form button{border-radius:var(--r);}
.hero-cta{flex-direction:column;}
.topics-band{grid-template-columns:1fr;padding:1.5rem 1.2rem;}
article.single-layout{padding:6rem 1.2rem 2rem;}
.entry-title{font-size:1.3rem!important;}
.post-nav{grid-template-columns:1fr;gap:0.6rem;}
.related-grid{grid-template-columns:1fr;}
.toc{padding:0.8rem 1rem;}
}