/* CODEundKRAM 2.0 // FLOPPY FUTURE UI — purposeful 90s accents, accessible modern typography. */
:root {
  --bg:#0d1029;--bg2:#131947;--ink:#091035;--paper:#fff7db;--white:#fff9e5;
  --lime:#dfff55;--purple:#ee80ff;--orange:#ff975e;--blue:#82e7ff;
  --muted:#c2badc;--border:#7167a6;--radius:0;
  --sans:Verdana,"Trebuchet MS",Arial,sans-serif;
}
html {scroll-padding-top:30px}
body {background-color:var(--bg);background-image:radial-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(115deg,#1d1044 0%,#0d1029 48%,#14254a 100%);background-size:16px 16px,auto}
body::after {content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.08;background:repeating-linear-gradient(to bottom,transparent 0 3px,#000 4px 5px)}
::selection{background:#fc66bb;color:#0b1035}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible {outline:3px dashed var(--blue);outline-offset:3px}
.sys-strip {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px;padding:5px max(20px,calc((100vw - 1260px)/2));background:#21105d;color:#daedff;border-bottom:2px solid var(--blue);font:800 10px var(--mono);letter-spacing:.075em}
.sys-strip b{background:var(--lime);color:var(--ink);padding:3px 8px;box-shadow:3px 3px 0 #040519}
.sys-strip em {font-style:normal;color:var(--blue)}
.site-header{background:#0b1440;border-bottom:4px solid var(--purple);box-shadow:0 8px 0 #08091b}
.topbar{height:95px}
.brand{gap:13px}.brand-icon{filter:drop-shadow(4px 4px 0 #df4fa3)}.brand-type{font-family:var(--mono);font-weight:1000;letter-spacing:-.09em;text-shadow:3px 3px 0 #40298d}.brand-type small{color:var(--blue);letter-spacing:.13em}
.main-nav a {font:900 12px var(--mono);text-transform:uppercase;letter-spacing:.02em;padding:12px 5px;border-bottom:3px solid transparent}
.main-nav a.active,.main-nav a:hover{border-bottom-color:var(--lime);color:var(--lime)}
.nav-search{background:#211e65;border:2px solid #7c82b8;border-radius:0;box-shadow:4px 4px 0 #05061a;font:800 11px var(--mono)}
.nav-search kbd {color:#101433;background:var(--blue);padding:4px 6px;border:1px solid #fff}
.eyebrow,.tiny-label{color:var(--blue);font-size:11px;letter-spacing:.055em}
.eyebrow-dot {background:#ff82b7;box-shadow:3px 3px 0 #050a22;border-radius:0}
.hero {position:relative;padding-top:105px;min-height:690px;gap:32px}
.hero::before {content:"FILE://CODEUNDKRAM/WELCOME.EXE                            [ ▬ ][ □ ][ × ]";position:absolute;top:38px;left:0;right:0;padding:12px 15px;border:3px solid #b7b5ff;background:linear-gradient(90deg,#172b9e 0%,#3b64e6 70%,#ac8bff);color:#fff;font:900 11px var(--mono);box-shadow:8px 8px 0 #050514;white-space:nowrap;overflow:hidden}
.hero-copy h1{font-family:var(--sans);font-weight:1000;letter-spacing:-.078em;line-height:.98;text-shadow:6px 6px 0 #392b87}
.hero-copy .text-outline{-webkit-text-stroke:3px var(--lime)}
.hero-period{color:var(--purple)}
.hero-copy>p{color:#e3ddeb;background:#211a55bb;border-left:5px solid var(--purple);padding:12px 15px;font-size:17px;line-height:1.65}
.hero-search{display:flex;align-items:center;width:min(100%,540px);margin:23px 0 8px;padding:4px;background:#070f33;border:3px solid #79d2e5;box-shadow:6px 6px 0 #030618;gap:8px}
.hero-search>span{padding:0 6px;color:var(--lime);font:900 12px var(--mono);white-space:nowrap}
.hero-search input{min-width:0;flex:1;border:0;color:#fff;background:transparent;font:600 12px var(--mono);padding:12px 3px;outline:none}
.hero-search button{background:var(--lime);color:var(--ink);padding:12px 11px;border:2px outset #fff;white-space:nowrap;font:900 11px var(--mono)}
.hero-cta{margin-top:25px}.button{font-family:var(--mono);font-weight:900;border-radius:0;border:2px solid #fff;box-shadow:5px 5px 0 #05091d;letter-spacing:-.03em}
.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #05091d}
.button-primary{background:var(--lime);border-color:#fff}
.button-dark{background:var(--ink);border-color:var(--paper)}
.hero-meta{color:#b3a9e0;margin-top:42px}.live-dot{border-radius:0;background:var(--orange)}
.hero-art{border:3px solid #837acb;background:radial-gradient(circle at center,#532c99 0%,#23205a 46%,#101438 70%);margin-top:30px;min-height:450px;box-shadow:10px 10px 0 #06091b;overflow:visible}
.hero-art::before{content:"▣  A:\\FLOPPY.EXE";position:absolute;left:-3px;right:-3px;top:-31px;height:28px;background:var(--purple);color:#111134;padding:6px 12px;font:900 12px var(--mono);border:3px solid #e2c0ff}
.hero-art::after{content:"640K OUGHT TO BE ENOUGH";position:absolute;bottom:9px;left:15px;z-index:4;background:var(--lime);color:#111134;padding:7px 10px;border:2px dashed #111134;font:900 9px var(--mono);transform:rotate(-4deg)}
.floppy-disk{border-radius:6px;box-shadow:18px 23px 0 #050518,0 0 0 7px #e09aff;transform:rotate(9deg) scale(.92)}
.disk-sticker,.floating-sticker,.floating-note{border-radius:0!important}.floating-note{background:#111b55!important;border:2px solid var(--blue);box-shadow:5px 5px 0 #02051c}
.ticker{margin-top:33px;border-block:3px solid var(--blue);background:#23216d;box-shadow:5px 5px 0 #050918}.ticker div {color:var(--lime)}
.section-heading h2,.topics-section h2,.contact-band h2,.about-hero>h1{letter-spacing:-.075em;text-shadow:4px 4px 0 #342377}
.section-heading{border-bottom:3px dashed var(--border);padding-bottom:24px}
.post-card{border:3px solid #aaa5dd;border-radius:0;box-shadow:7px 7px 0 #060a20;transition:transform .18s,box-shadow .18s;background:#17194a}
.post-card:hover {transform:translate(-3px,-3px);box-shadow:10px 10px 0 #060a20}
.post-visual{border-bottom:3px solid #b5a6ee}.post-card-body{background:#151849}.post-card h3{font-weight:1000;text-shadow:2px 2px 0 #26246b}
.card-category{font:900 11px var(--mono);letter-spacing:.04em;color:var(--blue)}
.post-card .card-meta{border-top:2px dashed #69649d;color:#c2bae5}
.topic-tags .tag-pill,.tag-pill {border:2px solid #9493cf!important;border-radius:0!important;background:#241e68;color:var(--paper);font-family:var(--mono);box-shadow:4px 4px 0 #07091d}
.tag-pill:hover,.tag-pill.selected{background:var(--lime);color:var(--ink)}
.contact-band{background:#ff76bb;border:4px solid #ffdaf0;box-shadow:12px 12px 0 #07091b;border-radius:0;color:#110e39}
.contact-band h2{text-shadow:4px 4px 0 #ffaad6}.contact-band .tiny-label{color:#21133c}
.site-footer{border-top:5px solid var(--blue);background:#10133e}
.footer-bottom{border-top:2px dashed var(--border);font-family:var(--mono)}
.archive-hero h1{font-family:var(--sans);text-shadow:6px 6px 0 #3c2c94}.archive-tools .search-box{border:3px solid var(--blue);border-radius:0;box-shadow:5px 5px 0 #040919;background:#191753}
.archive-tools .search-box button{border-radius:0;font-family:var(--mono)}
.article-header h1{font-weight:1000;text-shadow:4px 4px 0 #35247c}.article-byline{border-top:3px dashed #7267af}.article-cover{border:4px solid #aaa4ee;border-radius:0;box-shadow:8px 8px 0 #0b061d}
.prose pre {border:3px solid var(--blue);border-radius:0;box-shadow:5px 5px 0 #080a21}.prose blockquote{background:#231a64;padding:20px 25px;border-left:7px solid var(--purple)}
.about-image,.about-screen{border-radius:0}.about-screen{border:14px ridge #d3cfb9}
.error-page h1{text-shadow:5px 5px 0 #382a93}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Studio: retro desktop aesthetic, still ergonomic. */
:root{--admin-bg:#e4dabc;--admin-border:#797ca7;--admin-muted:#616174}
.admin-body{background-color:#d8d4bc;background-image:linear-gradient(45deg,#30286710 25%,transparent 25%,transparent 75%,#30286710 75%),linear-gradient(45deg,#30286710 25%,transparent 25%,transparent 75%,#30286710 75%);background-size:14px 14px;background-position:0 0,7px 7px;color:#19173c}
.admin-sidebar{background:#161643;border-right:5px ridge #8587c1}.studio-name{background:var(--purple);color:var(--ink);padding:9px;border:2px outset #fce5ff;box-shadow:4px 4px 0 #08061e}
.sidebar-label{color:#a2a9db}.sidebar-nav a{border:2px solid transparent;border-radius:0;font-family:var(--mono);font-weight:900}
.sidebar-nav a.selected{border:2px outset #f8ffb2;box-shadow:4px 4px 0 #090d27}
.sidebar-nav a:hover{background:#443385;color:#fff}
.admin-topbar{background:#163eac;color:#fff;border-bottom:5px ridge #b4b2d1}
.admin-breadcrumb{color:#fff}.admin-breadcrumb span{color:#8de8ff}.admin-status{color:#fff}.admin-status i{background:var(--lime);border:1px solid #071031;border-radius:0}
.admin-user{border:2px outset white;border-radius:0;background:var(--orange)}
.admin-heading h1{font-weight:1000;text-shadow:3px 3px 0 #b8abdc}.admin-heading .tiny-label{background:#1a1d64;color:#eeefff;padding:7px 10px}
.admin-panel,.editor-side-panel,.stat-card,.settings-panel{background:#fff8df!important;border:3px solid #242356!important;border-radius:0!important;box-shadow:6px 6px 0 #706892!important}
.admin-panel-title{background:#312385!important;color:#fff!important;border-bottom:3px solid #16143f!important;padding:17px!important}
.admin-panel-title h2,.admin-panel-title a{color:#fff!important}.admin-panel .tiny-label{color:var(--blue)!important}
.stat-card{border-top:7px solid #3928a0!important}.stat-card:nth-child(2){border-top-color:#b5da43!important}.stat-card:nth-child(3){border-top-color:#ff75bb!important}.stat-card:nth-child(4){border-top-color:#50bdd5!important}
.stat-card strong{font-family:var(--mono);color:#231d75!important}
.admin-table thead{background:#26227b;color:#fff}.admin-table th {font-family:var(--mono);color:#fff!important;font-size:11px}
.admin-table tr{border-bottom:2px dashed #c9c2b1}.admin-table tbody tr:hover{background:#fff1bf}
.status-badge{border:2px solid #5b5692!important;border-radius:0!important;font-family:var(--mono)!important;font-size:10px!important;letter-spacing:0}
.status-badge.is-scheduled{background:#fff0aa;color:#5a3800;border-color:#ddad27!important}.status-badge.is-scheduled span{background:#df8b16}
.button-schedule{background:var(--blue);color:var(--ink);border-color:#061d4e}
.editor-actionbar{background:#e0d5b3;border:2px dashed #8a81b2;padding:12px;margin-bottom:16px;flex-wrap:wrap}
.editor-actions{flex-wrap:wrap;gap:8px}.editor-hint{color:#555167}
.editor-title-area,.editor-area{background:#fff8df!important;border:3px solid #292559!important;border-radius:0!important;box-shadow:6px 6px 0 #8178a7!important}
.editor-title-input,.editor-slug,.editor-textarea {color:#231e4c!important}.editor-textarea{background:#fffef7!important;font-family:var(--mono)!important;font-size:14px;line-height:1.7}
.editor-tabs {background:#201d67!important;color:#fff!important}.editor-tabs button{border-radius:0!important;color:#fff!important}.editor-tabs button.is-active{background:var(--lime)!important;color:#0c1033!important}
.editor-side-panel .side-panel-head {background:#30277c!important;color:#fff!important;border-bottom:3px solid #16163a!important}.editor-side-panel .side-panel-head .tiny-label {color:var(--blue)!important}
.editor-side-panel label {font-family:var(--mono);font-weight:800}
.editor-side-panel input:not([type=checkbox]),.editor-side-panel textarea,.settings-panel input{border:2px inset #b9b2a3!important;background:#fffee9!important;border-radius:0!important}
.schedule-settings{padding:14px 12px;margin:0 0 22px;background:#eeeffa;border:2px dashed #645f98;display:grid;gap:8px}
.schedule-settings label{color:#231a73!important;font-weight:950!important}
.schedule-settings input{width:100%;max-width:100%;min-width:0;padding:13px!important}
.schedule-settings small{color:#524c73;font:600 11px/1.6 var(--mono)}
.posts-toolbar{background:#f9f1d5}.filter-chips a {border-radius:0!important;font-family:var(--mono)}
.filter-chips a.selected{color:#0f1533!important;background:var(--lime)!important;border-color:#182058!important}
.admin-search input{border:2px inset #8b8baf!important;background:#fffdeb!important}
.admin-alert {border:3px solid #302d74!important;border-radius:0!important;background:#f0ffce!important}
.login-body{background:repeating-linear-gradient(0deg,#15154b 0 8px,#171d5c 8px 16px)}
.login-aside {background:#261877!important}.login-form-side{background:#e6dbc5!important}.login-box{background:#fff9e6;padding:30px;border:4px solid #201c62;box-shadow:10px 10px 0 #8d7eb6}
.login-box h2 {text-shadow:3px 3px 0 #d3c3ec}.login-box input{background:#fff!important;border:2px inset #a7a7af!important;border-radius:0!important}
.login-decoration{filter:drop-shadow(10px 10px 0 #12072a)}
@media(max-width:1100px){.hero{min-height:640px}.hero-art{min-height:385px}.floppy-disk{transform:rotate(9deg) scale(.72)}}
@media(max-width:800px){.sys-strip{padding:5px 18px}.sys-strip em{display:none}.site-header{box-shadow:none}.main-nav{background:#14113e;border-bottom:4px solid var(--purple)}.hero{padding-top:92px}.hero::before{top:24px;font-size:9px;content:"FILE://CODEUNDKRAM/WELCOME.EXE [□][×]"}.hero-art{margin-top:56px}.hero-copy h1{font-size:clamp(60px,11.5vw,95px)}.contact-band{padding:34px 22px}.admin-sidebar{border-right:0}.admin-topbar{height:60px}.editor-actionbar{padding:8px}.editor-actions .button{font-size:11px;padding:13px}.hero-search>span{font-size:10px}}
@media(max-width:520px){.sys-strip{font-size:8px}.hero-copy h1{font-size:clamp(50px,13.2vw,75px)}.hero-search{flex-wrap:wrap}.hero-search>span{display:none}.hero-search input{min-width:120px}.hero-search button{font-size:10px}.hero-art{min-height:325px}.floppy-disk{transform:rotate(8deg) scale(.61)}.hero::before{letter-spacing:-.04em}.post-card{box-shadow:4px 4px 0 #050819}.admin-heading{gap:14px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-actions{width:100%}.editor-actions .button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Readability and five-card cockpit polish */
body::after {opacity:.025}
.post-card-body h3,.post-card-body h3 a{color:#fffbe8!important}
.post-card-body p{color:#d7d5ee!important;opacity:1!important}
.post-card-body .card-meta{color:#c8c6e3!important}
.post-card-body .card-category{color:var(--blue)!important}
.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.admin-heading>div>p{color:#44405c!important}
.editor-side-panel .schedule-settings small{color:#3e375e!important}
@media(max-width:1220px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:750px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}