@charset "UTF-8";
:root{color-scheme:dark;--bg:#0d1218;--panel:#141c25;--raised:#1a2530;--line:#2a3541;--text:#edf4f7;--muted:#a5b3bf;--accent:#74e0ca;--accent-ink:#0c2822;--red:#ffaaa6;--radius:14px;--max:1280px;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}body[data-accent=blue]{--accent:#91caff;--accent-ink:#112941}body[data-accent=amber]{--accent:#f3ca83;--accent-ink:#372916}body[data-accent=violet]{--accent:#c4b3ff;--accent-ink:#2a2046}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}img{display:block;max-width:100%}svg{width:21px;height:21px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5vw,4.6rem);font-weight:650}h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600}h3{font-size:1.22rem;font-weight:600}p{color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-ink)}[hidden]{display:none!important}
.wrap{max-width:var(--max);padding-inline:40px;margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:var(--accent);color:var(--accent-ink);padding:12px}.skip:focus{top:12px}.topbar{border-bottom:1px solid var(--line);background:var(--bg)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:91px}.brand{display:inline-flex;align-items:center;gap:13px}.monogram{display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);width:46px;height:46px;border-radius:12px;font-weight:850;font-size:.9rem;letter-spacing:-.06em}.brand-name{display:block;font-size:1.05rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.brand-caption{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.045em}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.nav a{padding:9px 14px;border-radius:7px;font-size:.875rem;color:var(--muted)}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--raised)}.nav a[aria-current=page]{box-shadow:inset 0 -2px var(--accent)}.nav .contact-link{border:1px solid var(--line);color:var(--text);margin-left:9px}.menu-toggle{display:none}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.17em;color:var(--accent);margin-bottom:18px}.eyebrow:before{content:"";width:25px;height:2px;background:currentColor}.intro{padding-block:48px 36px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,.65fr);gap:70px;align-items:end}.intro h1{max-width:820px;margin-bottom:18px}.intro h1 em{font-style:normal;color:var(--accent)}.intro p{max-width:640px;font-size:1.04rem}.intro-aside{border-left:1px solid var(--line);padding-left:28px;padding-bottom:4px}.intro-aside strong{display:block;font-size:2.9rem;letter-spacing:-.06em;font-weight:500;line-height:1.1}.intro-aside span{color:var(--muted);font-size:.875rem}.intro-aside small{display:block;margin-top:16px;color:var(--muted);font-size:.8rem}.notice-bar{display:flex;align-items:center;gap:14px;padding:14px 19px;background:var(--panel);border:1px solid var(--line);border-radius:9px;margin-bottom:30px;font-size:.9rem}.notice-bar svg{color:var(--accent)}.notice-bar p{flex:1;color:var(--text)}.notice-bar a{text-decoration:underline;text-underline-offset:4px}.tag{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid var(--line);border-radius:5px;font-size:.75rem;line-height:1.5;color:var(--muted);white-space:nowrap}.tag.accent{color:var(--accent);background:var(--accent-ink);border-color:transparent}.tag.soon{color:#f3ca83;background:#372b19;border-color:transparent}.tag.draft{color:#c8b8f8;background:#2b233f;border-color:transparent}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.section-title h2{font-size:1.55rem}.section-title span{color:var(--muted);font-size:.875rem}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--accent)}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:44px}.feature{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--panel);overflow:hidden}.feature:first-child{background:linear-gradient(120deg,var(--accent-ink),var(--panel) 85%);border-color:color-mix(in srgb,var(--accent) 27%,var(--line))}.feature-top{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.feature-icon{color:var(--accent);padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.feature-icon svg{width:28px;height:28px}.feature h3{font-size:1.8rem;max-width:450px}.feature p{max-width:520px;font-size:.95rem}.feature .btn{margin-top:auto}.feature-with-image{padding-right:35%}.feature-cover{position:absolute;right:0;top:0;width:29%;height:100%;object-fit:cover;opacity:.8}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--raised);font-size:.875rem;font-weight:600;text-align:center}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{background:transparent}.btn.danger{color:var(--red)}.btn.small{min-height:36px;padding:6px 11px;font-size:.8rem}.btn.full{width:100%}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:38px;padding-bottom:58px}.directory-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.search{position:relative;min-width:160px;flex:1}.search svg{position:absolute;left:13px;top:14px;color:var(--muted);width:18px;height:18px}.search input{padding-left:41px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid transparent;border-radius:7px;color:var(--muted);padding:7px 12px;background:transparent;font-size:.875rem}.filter:hover{color:var(--text);background:var(--panel)}.filter.active{background:var(--raised);border-color:var(--line);color:var(--text)}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:11px 12px;min-height:46px}textarea{resize:vertical;line-height:1.7}input::placeholder,textarea::placeholder{color:#8899a7}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--accent)}input[type=file]{max-width:100%;font-size:.875rem}select{color-scheme:dark}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.link-card{min-width:0;padding:23px;display:flex;flex-direction:column;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .16s,transform .16s}.link-card:hover{border-color:#5a706d;transform:translateY(-2px)}.link-card-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.link-card-head>.icon-box{background:var(--raised);color:var(--accent);padding:9px;border-radius:8px}.link-card h3{line-height:1.3}.link-card p{font-size:.9rem;flex:1}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:2px;gap:10px}.card-foot span{font-size:.75rem;color:var(--muted)}.card-foot a{font-size:.875rem;color:var(--accent);display:inline-flex;align-items:center;gap:7px}.card-image{width:100%;height:160px;object-fit:cover;border-radius:7px}.link-grid.list{grid-template-columns:1fr}.link-grid.list .link-card{display:grid;grid-template-columns:45px 1fr auto;gap:7px 18px}.link-grid.list .link-card-head{grid-row:1/4;display:block}.link-grid.list .link-card-head .tag{display:none}.link-grid.list .link-card h3{grid-column:2}.link-grid.list .link-card p{grid-column:2}.link-grid.list .card-foot{grid-column:3;grid-row:1/4;display:flex;flex-direction:column;border:0;justify-content:center;padding:0}.link-grid.list .card-image{display:none}.side-panel{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.side-panel>header{padding:20px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.side-panel h2{font-size:1.07rem;letter-spacing:-.02em}.side-panel-body{padding:22px}.update-item{padding:21px;border-bottom:1px solid var(--line);display:block}.update-item:last-child{border-bottom:0}.update-item:hover{background:var(--panel)}.update-item time{font-size:.75rem;color:var(--muted);display:block;margin-bottom:9px}.update-item h3{font-size:.97rem;line-height:1.5;letter-spacing:0}.update-item p{font-size:.83rem;margin-top:7px}.mini-links{display:flex;flex-direction:column;gap:12px;margin-top:17px}.mini-links a{font-size:.875rem;display:flex;align-items:center;justify-content:space-between;gap:10px}.side-panel-body p{font-size:.9rem}.footer{border-top:1px solid var(--line);padding-block:27px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer small,.footer a{font-size:.8rem;color:var(--muted)}.footer-links{display:flex;gap:23px}.empty{border:1px dashed var(--line);padding:36px;border-radius:12px;text-align:center}.empty h3{margin-bottom:10px}.empty p{font-size:.9rem}.view-toggle{display:flex;gap:4px}.view-toggle button{width:44px;min-height:44px;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:7px}.view-toggle button.active{color:var(--accent);border-color:var(--accent)}.page-head{padding-block:45px 32px;max-width:900px}.breadcrumbs{font-size:.875rem;color:var(--muted);margin-bottom:28px;display:flex;align-items:center;gap:10px}.page-head h1{margin-bottom:18px}.page-head p{font-size:1.1rem;max-width:750px}.page-cover{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius);margin:0 0 38px}.article-layout{max-width:860px;margin:0 auto 68px}.prose{font-size:1.04rem;line-height:1.9;overflow-wrap:anywhere}.prose p{margin-bottom:21px;color:#c0cbd3}.prose h2{font-size:1.9rem;margin:35px 0 18px}.prose h3{margin:28px 0 14px;font-size:1.4rem}.prose ul,.prose ol{padding-left:23px;color:#c0cbd3}.prose li{margin:7px 0}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose blockquote{border-left:3px solid var(--accent);margin:25px 0;padding:13px 24px;background:var(--panel);color:var(--text)}.prose hr{border:0;border-top:1px solid var(--line);margin:30px 0}.prose strong{color:var(--text)}.page-meta{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:.8rem;margin-top:23px}.preview-banner{background:#42351c;color:#ffdf9e;padding:12px 25px;text-align:center;font-size:.9rem}.preview-banner a{text-decoration:underline}.updates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:60px}.update-card{display:flex;flex-direction:column;gap:18px;border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:var(--panel)}.update-card time{font-size:.8rem;color:var(--muted)}.update-card p{font-size:.9rem;flex:1}.update-card h2{font-size:1.45rem}
/* The control room shares the public site's palette and spacing. */
.admin-shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:#10171f;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.admin-sidebar .brand{margin:0 6px 34px}.sidebar-label{font-size:.7rem;color:#8697a6;text-transform:uppercase;letter-spacing:.14em;margin:0 12px 12px}.admin-nav{display:flex;flex-direction:column;gap:6px}.admin-nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:7px;font-size:.875rem;color:var(--muted)}.admin-nav a.active{background:var(--accent-ink);color:var(--accent)}.admin-nav a:hover{background:var(--raised);color:var(--text)}.sidebar-bottom{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:12px}.admin-main{min-width:0}.admin-topbar{border-bottom:1px solid var(--line);padding:19px 38px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:.875rem}.admin-topbar span{color:var(--muted)}.admin-content{padding:38px;max-width:1480px;margin:auto}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.admin-heading h1{font-size:2.25rem;margin-bottom:9px}.admin-heading p{font-size:.95rem}.action-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.stat{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--panel)}.stat-label{display:flex;justify-content:space-between;gap:12px;font-size:.83rem;color:var(--muted)}.stat-value{display:block;font-size:2.4rem;line-height:1.5;letter-spacing:-.05em;margin-top:4px}.stat-caption{display:block;font-size:.75rem;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:23px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:25px;margin-bottom:23px;min-width:0}.panel h2{font-size:1.2rem;margin-bottom:20px}.panel p{font-size:.9rem}.panel>p+.btn{margin-top:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{color:var(--muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;padding:12px 12px;border-bottom:1px solid var(--line)}td{padding:17px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{display:block;font-size:.9rem}td small{display:block;max-width:320px;overflow-wrap:anywhere;color:var(--muted);font-size:.78rem}td .action-row{flex-wrap:nowrap}.inline{display:inline}.field{display:block;margin-bottom:21px}.field>span,.field>label{display:block;font-size:.875rem;font-weight:550;margin-bottom:8px}.field small,.help{font-size:.8rem;line-height:1.6;color:var(--muted);display:block;margin-top:7px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.form-grid>.wide{grid-column:1/-1}.check-label{display:flex;align-items:center;gap:10px;font-size:.875rem;margin:12px 0}.check-label input{flex:none}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:23px;margin-top:18px}.error,.success{padding:15px 19px;border:1px solid var(--line);border-radius:8px;margin-bottom:24px;font-size:.9rem}.error{border-color:#763d40;color:#ffb9b5;background:#301b23}.success{border-color:#326957;color:#a6edd5;background:#172b26}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{padding:clamp(32px,6vw,90px);border-right:1px solid var(--line);background:linear-gradient(150deg,var(--accent-ink),var(--bg) 75%);display:flex;flex-direction:column;justify-content:space-between;gap:70px}.login-story h1{font-size:clamp(3rem,6vw,5rem);margin-bottom:23px;max-width:600px}.login-story p{max-width:460px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{max-width:390px;width:100%}.login-form h2{font-size:2rem;margin:22px 0 12px}.login-form>p{margin-bottom:27px;font-size:.95rem}.password-field{position:relative}.password-field input{padding-right:54px}.password-field button{position:absolute;right:6px;top:6px;min-width:36px;min-height:34px;border:0;background:transparent;color:var(--muted)}.login-lock{width:50px;height:50px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:13px;color:var(--accent)}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;background:var(--raised);padding:9px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0}.editor-toolbar button{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:4px;min-height:34px;padding:4px 10px;font-size:.8rem}.editor-body{border-radius:0 0 8px 8px;min-height:370px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.media-card{border:1px solid var(--line);border-radius:11px;padding:12px;background:var(--panel)}.media-card img{width:100%;height:150px;object-fit:cover;border-radius:6px;margin-bottom:13px}.media-card p{font-size:.8rem;overflow-wrap:anywhere;margin-bottom:12px}.media-card input{font-size:.75rem;min-height:35px;padding:6px;margin-bottom:9px}.chart{height:190px;display:flex;align-items:flex-end;gap:7px;padding:24px 0 0;border-bottom:1px solid var(--line);margin-bottom:12px}.chart-column{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;gap:2px}.chart-bar{flex:1;min-width:2px;background:var(--accent);border-radius:3px 3px 0 0;min-height:1px}.chart-bar.secondary{background:#728ca3}.chart-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.legend{display:flex;align-items:center;gap:18px;font-size:.75rem;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:6px;border-radius:2px}.legend span+span:before{background:#728ca3}.activity-row{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-row svg{color:var(--accent);margin-top:3px}.activity-row p{font-size:.875rem;color:var(--text)}.activity-row small{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}.health-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:13px 0;font-size:.875rem}.health-row:last-child{border:0}.health-row span{color:var(--muted)}.code{font-family:ui-monospace,monospace;font-size:.85rem;overflow-wrap:anywhere}.muted{color:var(--muted)}.spaced{margin-top:25px}.no-margin{margin:0}.danger-zone{border-color:#5e3339}.danger-zone h2{color:var(--red)}.filter-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter-form .field{margin:0;flex:1;min-width:150px}.control-note{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:.85rem;margin-bottom:20px}.metric-pair{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);gap:20px;font-size:.875rem}.metric-pair span{overflow-wrap:anywhere;min-width:0}.metric-pair b{color:var(--accent)}.page-links{margin-top:36px}.copy-status{font-size:.8rem;color:var(--accent)}
@media(min-width:1600px){.wrap{max-width:1380px}.intro{padding-top:62px}.feature{min-height:282px}}
@media(max-width:1100px){.wrap{padding-inline:26px}.intro{gap:36px}.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.feature{padding:24px}.admin-shell{grid-template-columns:210px minmax(0,1fr)}.admin-content{padding:26px}.admin-topbar{padding:18px 26px}.admin-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{gap:10px}.stat{padding:16px}.admin-sidebar{padding:25px 13px}.admin-sidebar .brand-name{font-size:.85rem}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.hub-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.intro{grid-template-columns:1fr}.intro-aside{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature h3{font-size:1.5rem}.nav{gap:0}.nav a{padding:9px 10px}.brand-caption{display:none}.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-story{display:none}.admin-shell{display:block}.admin-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:17px 22px;overflow:visible}.admin-sidebar .brand{margin:0 0 15px}.sidebar-label,.sidebar-bottom{display:none}.admin-nav{flex-direction:row;overflow-x:auto;padding-bottom:4px;gap:4px}.admin-nav a{white-space:nowrap;padding:9px 12px}.admin-topbar{padding:16px 23px}.admin-content{padding:25px 23px}.admin-topbar .mobile-logout{display:block}.form-grid{gap:0 18px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:851px){.mobile-logout{display:none}}
@media(max-width:600px){.wrap{padding-inline:20px}.topbar-inner{min-height:79px;flex-wrap:wrap;gap:0;padding-block:17px}.monogram{width:40px;height:40px}.brand-name{font-size:.95rem}.menu-toggle{display:inline-flex;min-width:42px;min-height:42px;justify-content:center;align-items:center;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:7px}.nav{display:none;flex:0 0 100%;padding-top:17px;flex-direction:column;align-items:stretch;gap:5px}.nav.open{display:flex}.nav a{padding:10px 12px}.nav .contact-link{margin-left:0}.intro{padding-block:34px 26px}.intro h1{font-size:2.7rem}.intro p{font-size:1rem}.eyebrow{font-size:.7rem;margin-bottom:16px}.notice-bar{align-items:flex-start;padding:15px;font-size:.85rem;margin-bottom:25px}.notice-bar svg{margin-top:2px}.feature-grid{grid-template-columns:1fr;margin-bottom:32px;gap:13px}.feature{padding:22px;gap:16px}.feature h3{font-size:1.65rem}.feature-icon{padding:8px}.feature-icon svg{width:23px;height:23px}.feature-with-image{padding-right:22px}.feature-cover{display:none}.link-grid{grid-template-columns:1fr}.link-card{padding:22px}.hub-aside{grid-template-columns:1fr;gap:0}.workspace{gap:34px;padding-bottom:30px}.section-title{gap:10px}.section-title h2{font-size:1.4rem}.filters{gap:3px}.filter{font-size:.82rem;padding:7px 10px}.footer-inner{gap:17px}.page-head{padding-top:28px}.page-head h1{font-size:2.5rem}.page-head p{font-size:1rem}.updates-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat-value{font-size:2rem}.admin-content{padding:26px 18px}.admin-heading{flex-direction:column;gap:16px}.admin-heading h1{font-size:1.95rem}.admin-topbar{padding:14px 18px;flex-wrap:wrap}.admin-topbar>span{display:none}.admin-sidebar{padding-inline:18px}.admin-nav a svg{display:none}.panel{padding:19px}.form-grid{grid-template-columns:1fr}.form-grid>.wide{grid-column:auto}.media-grid{grid-template-columns:1fr 1fr}.login-form-wrap{padding:28px 22px}.form-actions{align-items:stretch}.form-actions .action-row{width:100%}.form-actions .primary{flex:1}.link-grid.list .link-card{grid-template-columns:38px minmax(0,1fr)}.link-grid.list .card-foot{grid-row:auto;grid-column:2;flex-direction:row;justify-content:space-between;margin-top:10px}.action-row{gap:7px}.admin-heading>.action-row .btn{font-size:.8rem}.filter-form{align-items:stretch}.media-card img{height:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.topbar,.footer,.admin-sidebar,.admin-topbar,.btn,.filters,.directory-tools{display:none!important}body{background:white;color:black}.wrap,.admin-content{padding:0}.panel,.link-card{break-inside:avoid;background:white;color:black}.admin-shell{display:block}p,.muted{color:#333}}

.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}

.feature:only-child{grid-column:1/-1}

/*
 * Classic DBH interface skin
 * This layer intentionally keeps the visual DNA of the supplied PageForge
 * export: VT323, black terminal canvas, neon border boxes, scanlines, square
 * thumbnails, uppercase labels, and arcade-style action buttons.
 */
body.public-site,body.admin-site{font-family:'VT323',monospace;letter-spacing:.015em}
body.public-site{background:#000;color:var(--arcade);padding:2rem;position:relative}
body.public-site[data-accent=teal],body.admin-site[data-accent=teal]{--arcade:#14ffd8;--arcade-glow:rgba(20,255,216,.62);--arcade-panel:rgba(0,20,0,.64)}
body.public-site[data-accent=blue],body.admin-site[data-accent=blue]{--arcade:#39ff14;--arcade-glow:rgba(57,255,20,.62);--arcade-panel:rgba(0,20,0,.64)}
body.public-site[data-accent=amber],body.admin-site[data-accent=amber]{--arcade:#ffca5c;--arcade-glow:rgba(255,202,92,.58);--arcade-panel:rgba(24,16,0,.72)}
body.public-site[data-accent=violet],body.admin-site[data-accent=violet]{--arcade:#d687ff;--arcade-glow:rgba(214,135,255,.58);--arcade-panel:rgba(20,0,28,.72)}
body.public-site *,body.admin-site *{font-family:'VT323',monospace}
body.public-site h1,body.public-site h2,body.public-site h3,body.public-site p,
body.admin-site h1,body.admin-site h2,body.admin-site h3,body.admin-site p{letter-spacing:.02em}
.public-site .scanlines,.admin-site .scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0) 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2));background-size:100% 4px}
.public-site .crt-overlay,.admin-site .crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:20;background:rgba(0,255,0,.018);box-shadow:inset 0 0 100px rgba(0,0,0,.92);animation:classic-flicker .15s infinite}
@keyframes classic-flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.99}50%{opacity:.95}80%{opacity:.9}100%{opacity:.97}}
.public-site> *:not(.scanlines):not(.crt-overlay),.admin-site> *:not(.scanlines):not(.crt-overlay){position:relative;z-index:1}
.public-site .wrap{max-width:1400px;padding-inline:0}
.public-site .topbar{background:transparent;border-bottom:2px solid var(--arcade);margin:0 auto 2.4rem;max-width:1400px;padding:0 0 1.5rem;box-shadow:0 5px 0 rgba(0,0,0,.9)}
.public-site .topbar-inner{min-height:auto;display:flex;align-items:center;gap:25px}
.public-site .brand{color:var(--arcade);text-shadow:0 0 8px var(--arcade-glow);font-size:1.25rem}
.public-site .monogram{width:47px;height:47px;border:2px solid var(--arcade);border-radius:0;background:transparent;color:var(--arcade);font-size:1.2rem;box-shadow:0 0 9px var(--arcade-glow)}
.public-site .brand-name{font-size:1.3rem;letter-spacing:.08em}.public-site .brand-caption{color:var(--arcade);font-size:1rem;opacity:.76}
.public-site .nav{margin-left:auto;gap:7px}.public-site .nav a{color:var(--arcade);border:1px solid transparent;border-radius:0;font-size:1.08rem;padding:7px 11px;text-transform:uppercase}
.public-site .nav a:hover,.public-site .nav a[aria-current=page]{color:#000;background:var(--arcade);box-shadow:0 0 13px var(--arcade-glow)}
.public-site .nav .contact-link{border:1px solid var(--arcade);margin-left:5px}
.public-site .intro{padding:0 0 2.25rem;display:block;text-align:center}
.public-site .intro .eyebrow{justify-content:center;color:var(--arcade);font-size:1.3rem;letter-spacing:.12em;margin-bottom:1rem}
.public-site .intro .eyebrow:before{display:none}
.public-site .intro h1{max-width:none;margin:0 0 .8rem;color:var(--arcade);font-size:clamp(3rem,7vw,5.4rem);font-weight:400;line-height:1.03;letter-spacing:5px;text-transform:uppercase;text-shadow:0 0 10px var(--arcade-glow),0 0 22px var(--arcade)}
.public-site .intro p{max-width:none;color:var(--arcade);font-size:1.55rem;line-height:1.2;opacity:.82;text-transform:uppercase}
.public-site .intro-aside{display:none}
.public-site .cursor{display:inline-block;width:19px;height:1em;background:var(--arcade);animation:classic-blink 1s step-end infinite;vertical-align:-.08em;margin-left:13px;box-shadow:0 0 11px var(--arcade-glow)}
@keyframes classic-blink{0%,100%{opacity:1}50%{opacity:0}}
.public-site .notice-bar{border:2px solid var(--arcade);border-radius:0;background:var(--arcade-panel);color:var(--arcade);box-shadow:0 0 15px rgba(0,0,0,.8);padding:15px 19px;margin:0 auto 2.2rem;max-width:1400px;font-size:1.25rem}
.public-site .notice-bar svg{color:var(--arcade)}.public-site .notice-bar p{color:var(--arcade)}.public-site .notice-bar a{color:var(--arcade);text-transform:uppercase}
.public-site .workspace{display:block;max-width:1400px;padding-bottom:2rem}.public-site .feature-grid{display:none}
.public-site .welcome-card{border:2px solid var(--arcade);padding:1.35rem 1.5rem;background:var(--arcade-panel);border-radius:0;box-shadow:0 0 15px rgba(0,0,0,.7);margin:0 0 2rem}
.public-site .welcome-card .game-title{font-size:2rem;margin-bottom:.35rem}.public-site .welcome-card .game-desc{margin:0;max-width:none}
.public-site .section-title{border-bottom:2px dashed var(--arcade);padding:0 0 .55rem;margin:0 0 1.2rem;align-items:baseline}.public-site .section-title h2{color:var(--arcade);font-size:2rem;font-weight:400;text-transform:uppercase;text-shadow:0 0 7px var(--arcade-glow)}.public-site .section-title span{color:var(--arcade);font-size:1.15rem}
.public-site .directory-tools{border-bottom:1px dashed var(--arcade);padding:0 0 13px;margin-bottom:13px}.public-site .search input{border:2px solid var(--arcade);border-radius:0;background:#000;color:var(--arcade);font-size:1.25rem;min-height:48px}.public-site .search svg{color:var(--arcade);top:14px}.public-site .search input::placeholder{color:var(--arcade);opacity:.62}
.public-site .view-toggle button{border:2px solid var(--arcade);border-radius:0;background:#000;color:var(--arcade);min-height:44px}.public-site .view-toggle button.active,.public-site .view-toggle button:hover{background:var(--arcade);color:#000}
.public-site .filters{margin-bottom:1.35rem;gap:7px}.public-site .filter{border:1px solid var(--arcade);border-radius:0;color:var(--arcade);background:#000;font-size:1.05rem;padding:6px 12px;text-transform:uppercase}.public-site .filter.active,.public-site .filter:hover{background:var(--arcade);color:#000}
.public-site .link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1400px}.public-site .link-card{border:2px solid var(--arcade);padding:1.5rem;background:var(--arcade-panel);border-radius:0;box-shadow:none;gap:.65rem;min-width:0;transition:transform .15s,box-shadow .15s,background .15s}.public-site .link-card:hover{transform:translateY(-5px);box-shadow:0 0 17px var(--arcade-glow);background:#0a1a0a}
.public-site .thumbnail{width:300px;height:300px;margin:0 auto 1rem;background:#000;border:1px dashed var(--arcade);border-radius:0;display:grid;place-items:center;overflow:hidden}.public-site .thumbnail img{width:100%;height:100%;object-fit:cover}.public-site .thumbnail-icon{color:var(--arcade)}.public-site .thumbnail-icon svg{width:86px;height:86px;stroke-width:1}
.public-site .game-title{font-size:2rem;line-height:1.12;margin:0 0 .35rem;text-transform:uppercase;border-bottom:1px dashed var(--arcade);padding-bottom:5px;color:var(--arcade);font-weight:400}.public-site .game-title a{color:inherit}.public-site .game-title a:hover{text-shadow:0 0 10px var(--arcade-glow)}
.public-site .status-badge{display:inline-block;border:1px solid var(--arcade);color:var(--arcade);font-size:1.05rem;padding:2px 8px;line-height:1.25;text-transform:uppercase;align-self:flex-start}.public-site .game-desc{color:var(--arcade);font-size:1.3rem;line-height:1.45;margin:0 0 1rem;opacity:.9}
.public-site .card-foot{display:block;border:0;padding:0;margin:auto 0 0}.public-site .card-foot>span{display:block;color:var(--arcade);font-size:1.05rem;text-transform:uppercase;opacity:.72;margin:0 0 .55rem}.public-site .play-btn{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;padding:9px 10px;text-align:center;background:transparent;color:var(--arcade);border:2px solid var(--arcade);border-radius:0;font-size:1.45rem;text-decoration:none;text-transform:uppercase}.public-site .play-btn:hover{background:var(--arcade);color:#000;box-shadow:0 0 20px var(--arcade-glow)}.public-site .play-btn svg{width:19px;height:19px}
.public-site .hub-aside{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.6rem}.public-site .side-panel{border:2px solid var(--arcade);border-radius:0;background:var(--arcade-panel);overflow:hidden}.public-site .side-panel>header{border-bottom:1px dashed var(--arcade);padding:14px 17px;background:transparent}.public-site .side-panel h2{color:var(--arcade);font-weight:400;font-size:1.55rem;text-transform:uppercase}.public-site .side-panel>header svg{color:var(--arcade)}.public-site .update-item{border-bottom:1px dashed var(--arcade);padding:15px 17px}.public-site .update-item:hover{background:#0a1a0a}.public-site .update-item time,.public-site .update-item p{color:var(--arcade);opacity:.75;font-size:1rem}.public-site .update-item h3{color:var(--arcade);font-size:1.35rem;font-weight:400}.public-site .side-panel-body{padding:15px 17px}.public-site .side-panel-body p{color:var(--arcade);font-size:1.1rem}.public-site .text-link{color:var(--arcade);font-size:1.2rem;text-transform:uppercase}.public-site .mini-links a{color:var(--arcade);font-size:1.15rem}.public-site .mini-links a:hover{text-shadow:0 0 8px var(--arcade-glow)}
.public-site .empty{border:2px dashed var(--arcade);border-radius:0;color:var(--arcade);padding:28px}.public-site .empty h3,.public-site .empty p{color:var(--arcade);font-size:1.4rem}.public-site .footer{border-top:2px solid var(--arcade);padding-block:1.3rem;margin-top:1rem}.public-site .footer small,.public-site .footer a{color:var(--arcade);font-size:1rem}.public-site .footer a:hover{text-decoration:underline}
.public-site .page-head{padding:1.5rem 0 2.2rem;max-width:none}.public-site .page-head .eyebrow{color:var(--arcade);font-size:1.2rem}.public-site .page-head h1{color:var(--arcade);font-weight:400;text-transform:uppercase;text-shadow:0 0 10px var(--arcade-glow),0 0 20px var(--arcade)}.public-site .page-head p,.public-site .page-meta,.public-site .breadcrumbs{color:var(--arcade);font-size:1.25rem}.public-site .breadcrumbs a{text-decoration:underline}.public-site .article-layout{max-width:1000px;margin:0 auto 3.8rem}.public-site .page-cover{border:2px solid var(--arcade);border-radius:0}.public-site .prose{font-size:1.3rem;line-height:1.55}.public-site .prose p,.public-site .prose li{color:var(--arcade)}.public-site .prose h2,.public-site .prose h3{color:var(--arcade);font-weight:400;text-transform:uppercase}.public-site .prose a{color:var(--arcade)}.public-site .prose blockquote{border-left:3px solid var(--arcade);background:var(--arcade-panel);color:var(--arcade)}.public-site .updates-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding-bottom:3rem}.public-site .update-card{border:2px solid var(--arcade);border-radius:0;background:var(--arcade-panel);padding:1.5rem;gap:1rem}.public-site .update-card h2{color:var(--arcade);font-size:1.9rem;font-weight:400;text-transform:uppercase}.public-site .update-card p,.public-site .update-card time{color:var(--arcade);font-size:1.15rem}.public-site .preview-banner{border:2px solid var(--arcade);border-radius:0;background:#000;color:var(--arcade);font-size:1.15rem}.public-site .preview-banner a{color:var(--arcade)}

/* The admin remains a real control panel, but now speaks the same CRT language. */
body.admin-site{background:#000;color:var(--arcade);padding:2rem;position:relative}.admin-site .admin-shell{max-width:1600px;margin:0 auto;border:2px solid var(--arcade);background:#000;box-shadow:0 0 18px var(--arcade-glow);min-height:calc(100vh - 4rem)}.admin-site .admin-sidebar{background:var(--arcade-panel);border-right:2px solid var(--arcade);padding:25px 20px}.admin-site .admin-sidebar .brand{color:var(--arcade);text-shadow:0 0 8px var(--arcade-glow)}.admin-site .admin-sidebar .monogram{border:2px solid var(--arcade);border-radius:0;background:transparent;color:var(--arcade)}.admin-site .sidebar-label,.admin-site .help,.admin-site .muted{color:var(--arcade);opacity:.72}.admin-site .admin-nav a{color:var(--arcade);border:1px solid transparent;border-radius:0;font-size:1.08rem;text-transform:uppercase}.admin-site .admin-nav a.active,.admin-site .admin-nav a:hover{background:var(--arcade);color:#000;border-color:var(--arcade)}
.admin-site .admin-main{background:#000}.admin-site .admin-topbar{border-bottom:2px solid var(--arcade);padding:17px 28px;color:var(--arcade);font-size:1.1rem}.admin-site .admin-topbar span{color:var(--arcade)}.admin-site .admin-content{padding:31px 34px}.admin-site .admin-heading h1{color:var(--arcade);font-weight:400;text-transform:uppercase;text-shadow:0 0 10px var(--arcade-glow)}.admin-site .admin-heading p{color:var(--arcade);font-size:1.1rem}.admin-site .eyebrow{color:var(--arcade)}.admin-site .eyebrow:before{background:var(--arcade)}
.admin-site .btn{border:2px solid var(--arcade);border-radius:0;background:transparent;color:var(--arcade);font-size:1.1rem;text-transform:uppercase;min-height:42px}.admin-site .btn:hover,.admin-site .btn.primary{background:var(--arcade);border-color:var(--arcade);color:#000;box-shadow:0 0 13px var(--arcade-glow)}.admin-site .btn.danger{color:#ff6b6b;border-color:#ff6b6b}.admin-site .btn.danger:hover{background:#ff6b6b;color:#000}.admin-site .stat,.admin-site .panel{border:2px solid var(--arcade);border-radius:0;background:var(--arcade-panel);box-shadow:none}.admin-site .stat-label,.admin-site .stat-caption,.admin-site .panel p,.admin-site .field small{color:var(--arcade);opacity:.8}.admin-site .stat-value,.admin-site .panel h2{color:var(--arcade);font-weight:400}.admin-site .stat-value{font-size:2.6rem}.admin-site table{color:var(--arcade);font-size:1.06rem}.admin-site th,.admin-site td{border-color:var(--arcade)}.admin-site th{color:var(--arcade);opacity:.82}.admin-site td small{color:var(--arcade);opacity:.72}
.admin-site input,.admin-site textarea,.admin-site select{border:2px solid var(--arcade);border-radius:0;background:#000;color:var(--arcade);font-size:1.08rem}.admin-site input::placeholder,.admin-site textarea::placeholder{color:var(--arcade);opacity:.55}.admin-site .field>span,.admin-site .field>label,.admin-site .check-label{color:var(--arcade);font-size:1.08rem}.admin-site .tag{border:1px solid var(--arcade);border-radius:0;color:var(--arcade);background:#000;font-size:.95rem}.admin-site .tag.accent{background:var(--arcade);color:#000}.admin-site .tag.draft{background:#000;color:var(--arcade)}.admin-site .success{border:2px solid var(--arcade);border-radius:0;background:var(--arcade-panel);color:var(--arcade);font-size:1.08rem}.admin-site .error{border:2px solid #ff6b6b;border-radius:0;background:#200;color:#ffaaa6;font-size:1.08rem}.admin-site .chart{border-color:var(--arcade)}.admin-site .chart-bar{background:var(--arcade)}.admin-site .chart-bar.secondary{background:#4a8f86}.admin-site .legend,.admin-site .chart-labels{color:var(--arcade);opacity:.8}.admin-site .activity-row,.admin-site .health-row{border-color:var(--arcade)}.admin-site .activity-row svg{color:var(--arcade)}
.admin-site .login-page{min-height:calc(100vh - 4rem);border:2px solid var(--arcade);background:#000}.admin-site .login-story{border-right:2px solid var(--arcade);background:var(--arcade-panel)}.admin-site .login-story h1,.admin-site .login-story p,.admin-site .login-form h2,.admin-site .login-form>p{color:var(--arcade);font-weight:400}.admin-site .login-lock{border:2px solid var(--arcade);border-radius:0;background:#000;color:var(--arcade)}.admin-site .password-field button{color:var(--arcade)}.admin-site .editor-toolbar{border:2px solid var(--arcade);border-bottom:0;border-radius:0;background:#000}.admin-site .editor-toolbar button{border:1px solid var(--arcade);border-radius:0;background:#000;color:var(--arcade);font-size:1rem}.admin-site .editor-toolbar button:hover{background:var(--arcade);color:#000}.admin-site .editor-body{border:2px solid var(--arcade);border-radius:0}.admin-site .media-card{border:2px solid var(--arcade);border-radius:0;background:var(--arcade-panel)}.admin-site .media-card img{border:1px dashed var(--arcade);border-radius:0}.admin-site .danger-zone{border-color:#ff6b6b}.admin-site .danger-zone h2{color:#ffaaa6}
@media(max-width:850px){body.public-site,body.admin-site{padding:1.25rem}.public-site .topbar{margin-bottom:1.75rem}.public-site .topbar-inner{align-items:flex-start}.public-site .brand-caption{display:block}.public-site .nav{margin-left:0}.public-site .hub-aside{grid-template-columns:1fr}.admin-site .admin-shell{min-height:calc(100vh - 2.5rem)}.admin-site .admin-content{padding:24px 20px}.admin-site .admin-sidebar{border-right:0;border-bottom:2px solid var(--arcade)}.admin-site .login-page{min-height:calc(100vh - 2.5rem)}}
@media(max-width:600px){body.public-site,body.admin-site{padding:.8rem}.public-site .intro h1{font-size:2.8rem;letter-spacing:2px}.public-site .intro p{font-size:1.2rem}.public-site .brand-name{font-size:1.1rem}.public-site .brand-caption{font-size:.9rem}.public-site .topbar-inner{gap:10px}.public-site .nav{width:100%}.public-site .link-grid{grid-template-columns:1fr;gap:1.25rem}.public-site .link-card{padding:1.25rem}.public-site .thumbnail{width:min(300px,100%);height:auto;aspect-ratio:1}.public-site .game-title{font-size:1.75rem}.public-site .game-desc{font-size:1.2rem}.public-site .section-title{align-items:flex-start;flex-direction:column;gap:0}.admin-site .admin-content{padding:20px 14px}.admin-site .stats{grid-template-columns:1fr 1fr}.admin-site .login-page{border:0}.admin-site .login-form-wrap{padding:23px 17px}}

/* PageForge blocks share the supplied arcade-card vocabulary while remaining editable. */
.public-site .pageforge{--page-accent:var(--arcade);--page-bg:#000;--page-panel:var(--arcade-panel);--page-text:var(--arcade);color:var(--page-text)}
.public-site .pageforge .page-head,.public-site .pageforge .prose,.public-site .pageforge .forge-section,.public-site .pageforge .forge-hero{color:var(--page-text)}
.public-site .pageforge .page-head h1,.public-site .pageforge .page-head p,.public-site .pageforge .page-meta,.public-site .pageforge .breadcrumbs,.public-site .pageforge .breadcrumbs a{color:var(--page-text)}
.public-site .pageforge .forge-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:2rem;align-items:center;border:2px solid var(--page-accent);background:var(--page-panel);padding:1.5rem;margin:0 0 2rem;box-shadow:0 0 14px color-mix(in srgb,var(--page-accent) 30%,transparent)}
.public-site .pageforge .forge-hero img{width:100%;max-height:360px;object-fit:cover;border:1px dashed var(--page-accent)}
.public-site .pageforge .forge-hero-copy{padding:1rem}.public-site .pageforge .forge-hero h2{font-size:2.7rem;color:var(--page-accent);font-weight:400;text-transform:uppercase;text-shadow:0 0 9px color-mix(in srgb,var(--page-accent) 65%,transparent)}.public-site .pageforge .forge-hero p{font-size:1.3rem;color:var(--page-text);margin:1rem 0 1.2rem}.public-site .pageforge .forge-hero .eyebrow{color:var(--page-accent)}
.public-site .pageforge .forge-section{margin:2rem 0}.public-site .pageforge .forge-section .section-title{border-color:var(--page-accent)}.public-site .pageforge .forge-section .section-title h2,.public-site .pageforge .forge-section .section-title span,.public-site .pageforge .forge-section .section-title p{color:var(--page-text)}.public-site .pageforge .forge-grid{grid-template-columns:repeat(var(--forge-columns,3),minmax(0,1fr));max-width:none}.public-site .pageforge .forge-grid .link-card{border-color:var(--page-accent);background:var(--page-panel)}.public-site .pageforge .forge-grid .thumbnail{border-color:var(--page-accent)}.public-site .pageforge .forge-grid .game-title,.public-site .pageforge .forge-grid .game-desc,.public-site .pageforge .forge-grid .status-badge,.public-site .pageforge .forge-grid .card-foot>span{color:var(--page-text);border-color:var(--page-accent)}.public-site .pageforge .forge-grid .play-btn{color:var(--page-accent);border-color:var(--page-accent)}.public-site .pageforge .forge-grid .play-btn:hover{background:var(--page-accent);color:var(--page-bg)}.public-site .pageforge .forge-richtext{border-left:2px solid var(--page-accent);padding-left:1.3rem}.public-site .pageforge .forge-spacer-small{height:1rem}.public-site .pageforge .forge-spacer-medium{height:2rem}.public-site .pageforge .forge-spacer-large{height:4rem}
.admin-site .pageforge-editor,.admin-site .page-theme-editor{margin-top:1.2rem}.admin-site .forge-card-list{display:grid;gap:14px}.admin-site .forge-card-row{border:1px dashed var(--arcade);padding:14px;background:rgba(0,0,0,.38)}.admin-site .forge-card-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;color:var(--arcade);font-size:1.1rem}.admin-site .forge-card-row .form-grid{margin-bottom:10px}.admin-site .forge-empty{border:1px dashed var(--arcade);padding:18px;color:var(--arcade);font-size:1.1rem;text-align:center}.admin-site .forge-advanced{border-top:1px dashed var(--arcade);margin-top:16px;padding-top:12px;color:var(--arcade)}.admin-site .forge-advanced summary{cursor:pointer;font-size:1.1rem}.admin-site .forge-advanced textarea{margin-top:10px;font-family:monospace!important;font-size:.9rem}.admin-site .forge-steps{margin:0;padding-left:1.35rem;color:var(--arcade);font-size:1.1rem}.admin-site .forge-steps li{padding:.45rem 0}.admin-site .forge-steps b,.admin-site .forge-steps span{display:block}.admin-site .forge-steps span{opacity:.76}.admin-site input[type=color]{padding:4px;min-height:50px;cursor:pointer;background:#000}.admin-site .page-theme-editor .field span{display:block}.admin-site .pageforge-editor .section-title p,.admin-site .page-theme-editor .section-title p{margin-top:5px}
@media(max-width:700px){.public-site .pageforge .forge-hero{grid-template-columns:1fr}.public-site .pageforge .forge-grid{grid-template-columns:1fr}.admin-site .forge-card-row .form-grid{grid-template-columns:1fr}}
.admin-site .icon-current{display:flex;align-items:center;gap:14px;border:1px dashed var(--arcade);padding:11px;margin:12px 0 4px;color:var(--arcade);font-size:1.05rem}.admin-site .icon-current img{border:1px solid var(--arcade);background:#000;object-fit:cover}.admin-site .icon-current span{opacity:.85}
.admin-site .quick-import{border-color:var(--arcade);background:linear-gradient(135deg,var(--arcade-panel),#000 78%);box-shadow:0 0 16px var(--arcade-glow)}.admin-site .quick-import .section-title{border-bottom:1px dashed var(--arcade);padding-bottom:14px}.admin-site .quick-import-compact{margin:24px 0 25px}.admin-site .quick-import .help{opacity:.82}.admin-site .connected-pages{display:grid;gap:10px}.admin-site .connected-page{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed var(--arcade);padding:13px;background:#000}.admin-site .connected-page strong,.admin-site .connected-page small,.admin-site .connected-page .code{display:block}.admin-site .connected-page small{color:var(--arcade);opacity:.75;margin:3px 0 6px}.admin-site .connected-page .code{font-size:.82rem;opacity:.7}

/* PageForge 2.3: side-by-side editing with a persistent, responsive preview. */
.forge-workspace{display:grid;grid-template-columns:minmax(350px,1fr) minmax(390px,1.2fr);gap:20px;align-items:start}
.forge-workspace>.admin-grid{grid-column:1;display:flex;flex-direction:column;gap:14px;min-width:0}
.forge-workspace>.admin-grid>section,.forge-workspace>.admin-grid>aside{width:100%;min-width:0}
.forge-workspace>.admin-grid>aside{order:-1}
.forge-workspace .form-actions{grid-column:1;margin-top:0}
.forge-workspace .forge-preview-pane{grid-column:2;grid-row:1 / span 2;position:sticky;top:18px;padding:14px;min-width:0}
.forge-preview-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.forge-preview-toolbar select{width:auto}
.forge-preview-scroll{overflow:auto;background:#0c1014;padding:8px;border-radius:8px}
.forge-preview-scroll iframe{width:100%;height:calc(100vh - 215px);min-height:420px;border:0;background:#000;display:block;margin:auto}
.forge-block{margin:16px 0;border:1px solid var(--line,#35544c);border-radius:10px;padding:14px}
.forge-block>summary,.forge-card-row>summary{cursor:pointer;font-weight:700;font-size:1.05rem;padding:6px 0;overflow-wrap:anywhere}
.forge-block .action-row{margin:10px 0;gap:6px;flex-wrap:wrap}.forge-block .form-grid{grid-template-columns:1fr}
.forge-workspace .editor-body{min-height:110px;height:150px}.forge-workspace .pageforge-editor{padding:14px}
.forge-workspace [data-json-error]{color:#ffa6a6;display:block}.forge-grid>[data-preview-card]{min-width:0}.forge-grid>[data-preview-card]>.link-card{height:100%}
.game-desc{white-space:pre-line}
@media(max-width:1050px){.forge-workspace{grid-template-columns:1fr}.forge-workspace .forge-preview-pane{grid-column:1;grid-row:auto;position:relative;top:auto}.forge-workspace .form-actions{grid-row:auto}.forge-preview-scroll iframe{height:620px;min-height:400px}}

.public-site .pageforge{background:var(--page-bg)}
.forge-workspace>.admin-grid>aside{display:grid;grid-template-columns:1fr;gap:10px}
.forge-workspace>.admin-grid>aside>.panel{margin-bottom:0}
@media(min-width:1051px){.forge-workspace>.admin-grid{max-height:calc(100vh - 125px);overflow-y:auto;padding-right:10px}}