/* Earned: newsroom desk. Ink on paper, proof-blue as the editor's pencil. */
:root{
  --paper:#fbfbfa; --sheet:#ffffff; --ink:#141414; --ink-2:#4a4a48; --ink-3:#7d7d79;
  --rule:#e3e3df; --rule-2:#cfcfca; --pencil:#2b57d9; --pencil-soft:#e8eefc;
  --good:#1f7a4d; --good-soft:#e5f3eb; --warn:#9a6200; --warn-soft:#fbf0dc; --bad:#b3261e;
  --display:"Newsreader",Georgia,"Times New Roman",serif;
  --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#111211; --sheet:#1a1b1a; --ink:#f1f1ee; --ink-2:#b9b9b4; --ink-3:#85857f;
  --rule:#2b2c2a; --rule-2:#3a3b38; --pencil:#7d9cff; --pencil-soft:#1d2440;
  --good:#5cc38c; --good-soft:#15291e; --warn:#e3a640; --warn-soft:#2c2312; --bad:#ff8a80; color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%}
[hidden]{display:none!important}
a{color:var(--pencil)}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--pencil);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12;text-wrap:balance;margin:0}
p{margin:0}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
@media (max-width:520px){.wrap{padding-inline:16px}}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.muted{color:var(--ink-2)} .small{font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none}
.btn:hover{opacity:.88}
.btn:disabled{opacity:.45;cursor:default}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule-2)}
.btn.ghost:hover{border-color:var(--ink)}
.btn.pencil{background:var(--pencil);border-color:var(--pencil);color:#fff}
.btn.sm{padding:6px 10px;font-size:13px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.between{justify-content:space-between}
.panel{background:var(--sheet);border:1px solid var(--rule);border-radius:4px;padding:20px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:860px){.grid2,.grid3{grid-template-columns:minmax(0,1fr)}}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 9px;border-radius:99px;border:1px solid var(--rule-2);color:var(--ink-2);background:var(--sheet)}
.chip.pencil{background:var(--pencil-soft);border-color:transparent;color:var(--pencil)}
.chip.good{background:var(--good-soft);border-color:transparent;color:var(--good)}
.chip.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}
.chip.bad{background:transparent;border-color:var(--bad);color:var(--bad)}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field label{font-size:12px;font-weight:600;color:var(--ink-2)}
input[type=text],input[type=email],input[type=password],input[type=url],textarea,select{width:100%;background:var(--paper);border:1px solid var(--rule-2);border-radius:3px;padding:10px 11px;font-size:14px}
textarea{resize:vertical;min-height:90px;line-height:1.5}
.note{font-size:12.5px;color:var(--ink-3);border-left:2px solid var(--rule-2);padding-left:10px}
.status{font-size:13px;color:var(--ink-3);min-height:1.4em}
.status.err{color:var(--bad)}
.brandmark{font-family:var(--display);font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.brandmark span{color:var(--pencil)}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:9px 16px;border-radius:3px;font-size:13.5px;z-index:30;max-width:calc(100% - 32px)}
.toast.bad{background:var(--bad);color:#fff}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}