:root{
  --red:#8B252B;
  --white:#FFFFFF;
  --smoke:#CCCCCC;
  --gray:#CCCCCC;
  --yellow:#FFFF00;
  --orange:#8B252B;
  --panel:#57243F;
  --ink:#111111;
  --muted:#666666;
}
*{box-sizing:border-box}
body{margin:0;background:var(--panel);color:var(--ink);font:14px/1.5 Verdana,'Trebuchet MS',Arial,sans-serif}
a:link,a:visited{color:var(--orange);text-decoration:none;font-weight:700}a:active{color:var(--red)}a:hover,a:focus{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.admin-top{position:sticky;top:0;z-index:20;background:var(--panel);border-top:5px solid var(--red);border-bottom:3px solid var(--red);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 18px}
.brand{grid-column:1;justify-self:start;font:900 18px/1 'Trebuchet MS',Verdana,sans-serif;color:var(--white)!important;text-decoration:none!important;text-transform:uppercase;letter-spacing:.04em}
.admin-top nav{grid-column:2;justify-self:center;display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.admin-top nav a{display:block;padding:6px 7px;color:var(--white)!important;font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}.admin-top nav a:hover{color:var(--orange)!important}
.admin-main{width:min(1120px,calc(100% - 28px));margin:24px auto 60px}.admin-main>h1{margin:0 0 18px;padding:7px 9px;border-left:6px solid var(--red);background:var(--panel);color:var(--white);font:800 18px/1.25 'Trebuchet MS',Verdana,sans-serif;text-transform:uppercase;letter-spacing:.04em}
h2{color:var(--red);font-family:'Trebuchet MS',Verdana,sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.04em}h3{color:var(--red);font-family:'Trebuchet MS',Verdana,sans-serif;font-size:13px}
.flash,.error{padding:10px 12px;margin-bottom:16px;border:1px solid var(--smoke);background:var(--white)}.flash{border-left:6px solid var(--panel)}.error{border-left:6px solid var(--red);color:#8b0000}
.panel{background:var(--white);border:1px solid var(--smoke);padding:18px;margin:0 0 18px}.panel code{background:#f2f2f2;padding:1px 4px}
.stats{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.stats>div{background:var(--panel);border-top:4px solid var(--red);padding:13px 14px;min-width:140px}.stats strong{display:block;font-size:24px;color:var(--white)}.stats span{color:var(--smoke);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
label{display:block;font-weight:700;margin:0 0 14px}label small,small{display:block;color:var(--muted);font-weight:normal}
input,textarea,select{width:100%;margin-top:5px;padding:8px 9px;border:1px solid #999;border-radius:0;background:var(--white);font:inherit;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--panel)}textarea.code{font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.primary,.button,button{display:inline-block;border:1px solid var(--red);background:var(--panel);color:var(--white);border-radius:0;padding:8px 11px;text-decoration:none;font:800 11px Verdana,sans-serif;text-transform:uppercase;cursor:pointer}.primary{background:var(--red);border-color:var(--red);color:var(--white)}.primary:link,.primary:visited,.primary:active,.button:link,.button:visited,.button:active{color:var(--white)}.primary:hover,.primary:focus,.button:hover,.button:focus,button:hover,button:focus{background:var(--red);border-color:var(--red);color:var(--white);text-decoration:none}.danger{border-color:var(--red);color:var(--red);background:var(--white)}.danger:hover,.danger:focus{background:var(--red);color:var(--white)}.wide{width:100%;text-align:center;margin:5px 0}
.form-grid{display:grid;gap:4px}.form-grid hr{border:0;border-top:1px solid var(--smoke);width:100%;margin:10px 0}.install,.login{width:min(580px,calc(100% - 32px));margin:8vh auto;background:var(--white);border:1px solid var(--smoke);border-top:6px solid var(--red);padding:28px}.login{width:min(420px,calc(100% - 32px))}
.editor{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.editor-main,.editor-side{background:var(--white);border:1px solid var(--smoke);padding:18px}.editor-side{align-self:start;position:sticky;top:68px;border-top:5px solid var(--red)}
.split{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:10px}.check{font-weight:normal;display:flex;gap:8px;align-items:flex-start}.check input{width:auto;margin:3px 0 0}.toolbar{display:flex;gap:5px;margin:5px 0}.toolbar button{padding:5px 7px;font-size:9px}
.searchbar,.inline-form{display:flex;gap:7px;margin-bottom:16px}.searchbar input,.inline-form input{margin:0;max-width:500px}.table-wrap{overflow:auto;background:var(--white);border:1px solid var(--smoke)}table{width:100%;border-collapse:collapse}th{background:var(--panel);color:var(--white);font-size:10px;text-transform:uppercase;letter-spacing:.05em}th,td{text-align:left;padding:9px;border-bottom:1px solid #e5e5e5;vertical-align:top}td small{margin-top:3px}.status{font-size:9px;text-transform:uppercase}.status.published{color:#006400;font-weight:900}.status.draft{color:#8f0000;font-weight:900}
.simple-list{list-style:none;padding:0;background:var(--white);border:1px solid var(--smoke)}.simple-list li{padding:9px 11px;border-bottom:1px solid #e5e5e5}.simple-list li span{float:right;color:var(--muted);font-size:10px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.media-grid figure{margin:0;background:var(--white);border:1px solid var(--smoke);padding:6px}.media-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}.media-grid figcaption{font-size:10px;overflow-wrap:anywhere}.media-grid small{display:block}
.cleanup-example{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);color:var(--white);border-left:5px solid var(--red);padding:10px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.cleanup-table-wrap code{white-space:normal;overflow-wrap:anywhere;font-size:11px}.file-ok{color:#006400;font-weight:900}.file-missing{color:var(--red);font-weight:900}.cleanup-apply{margin-top:18px;padding-top:16px;border-top:1px solid var(--smoke)}
@media(max-width:800px){.admin-top{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.admin-top nav{justify-content:flex-start}.editor{grid-template-columns:1fr}.editor-side{position:static}.split{grid-template-columns:1fr}.admin-main{width:min(100% - 18px,1120px)}}
