/* KnowCrime — tabloid blotter. Black ink, caution yellow, mono timestamps. */
:root { --bg:#111213; --panel:#1B1D1F; --ink:#F2F0EB; --dim:#9BA0A6; --yellow:#F5C518;
  --red:#E8503A; --line:#2E3236; }
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--ink);
  font-family:-apple-system,'Segoe UI',Helvetica,Arial,sans-serif; line-height:1.5; }
a { color:var(--yellow); text-decoration:none; }
a:hover { text-decoration:underline; }

.masthead { text-align:center; padding:34px 16px 10px; }
.logo { font-family:'Arial Black',Impact,'Segoe UI',sans-serif; font-weight:900;
  font-size:34px; letter-spacing:-1px; color:var(--ink); }
.logo span { color:var(--yellow); }
.logo:hover { text-decoration:none; }
.ed-date { font-family:ui-monospace,Menlo,monospace; font-size:12px; color:var(--dim);
  text-transform:uppercase; letter-spacing:2px; margin-top:6px; }

.edition { max-width:640px; margin:0 auto; padding:18px 18px 40px; }
.lede { font-size:19px; line-height:1.55; border-top:4px solid var(--yellow);
  border-bottom:1px solid var(--line); padding:18px 2px; margin-bottom:18px; }

.scoreboard { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:26px; }
.scoreboard div { background:var(--panel); border:1px solid var(--line); border-radius:6px;
  padding:12px 10px; text-align:center; }
.scoreboard b { display:block; font-size:26px; font-family:'Arial Black',Impact,sans-serif;
  color:var(--yellow); }
.scoreboard span { font-size:10.5px; color:var(--dim); text-transform:uppercase; letter-spacing:1px; }

.hood { background:var(--panel); border:1px solid var(--line); border-left:5px solid var(--yellow);
  border-radius:6px; padding:18px 20px; margin-bottom:16px; }
.hood h2 { font-size:17px; display:flex; justify-content:space-between; align-items:baseline; }
.hood .cnt { font-family:ui-monospace,Menlo,monospace; font-size:13px; color:var(--bg);
  background:var(--yellow); border-radius:3px; padding:1px 8px; }
.hoodline { font-size:14px; color:var(--dim); margin:8px 0 12px; }
.hood ul { list-style:none; }
.hood li { font-size:13.5px; padding:6px 0; border-top:1px dashed var(--line); }
.hood .t { font-family:ui-monospace,Menlo,monospace; font-size:11.5px; color:var(--dim);
  margin-right:6px; }
.hood b { color:var(--ink); }
.more { font-family:ui-monospace,Menlo,monospace; font-size:11.5px; color:var(--dim); margin-top:8px; }

.mix { margin:26px 0; }
.mix h2 { font-size:17px; margin-bottom:10px; }
.mix table { width:100%; border-collapse:collapse; font-size:14px; }
.mix td { border-bottom:1px solid var(--line); padding:7px 4px; }
.mix .n { text-align:right; font-family:ui-monospace,Menlo,monospace; color:var(--yellow); }

.cta-box { background:var(--yellow); color:var(--bg); border-radius:6px; padding:20px 22px;
  margin:26px 0; }
.cta-box h2 { font-size:18px; margin-bottom:6px; }
.cta-box a { color:var(--bg); font-weight:700; text-decoration:underline; }
.fine { font-size:11.5px; color:var(--dim); margin-top:20px; }

.archive { list-style:none; margin-top:18px; }
.archive li { border-bottom:1px solid var(--line); }
.archive a { display:block; padding:14px 4px; font-size:16px; }
.foot { text-align:center; font-size:13px; color:var(--dim); padding:26px 0 40px;
  border-top:1px solid var(--line); }
@media (max-width:520px){ .scoreboard{grid-template-columns:repeat(2,1fr);} }

/* signup feedback */
.sub-msg { min-height: 1.2em; margin-top: 12px; font-size: 14px; font-weight: 600; }
.sub-msg.ok  { color: var(--yellow); }
.sub-msg.err { color: var(--red); }