/* Not On Our Watch — shared styles for document pages
   Brochure (index.html) is self-contained and does not use this file. */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Spectral:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;700&display=swap');

:root{
  --ink:#0B0B0B;
  --paint:#D4121A;
  --paint-deep:#9C0A10;
  --manila:#E9E3D3;
  --manila-dim:#D8D0BC;
  --stamp:#6F6A5D;
  --paper:#F6F2E7;
}


*{box-sizing:border-box;margin:0;padding:0}

html{background:var(--manila-dim)}

body{
  font-family:"Spectral",Georgia,"Times New Roman",serif;
  color:var(--ink);
  line-height:1.55;
  font-size:17px;
  padding:0 16px 90px;
  -webkit-font-smoothing:antialiased;
}

.wrap{
  max-width:820px;
  margin:0 auto;
  background:var(--paper);
  padding:44px 48px 60px;
  box-shadow:0 14px 44px rgba(0,0,0,.22);
}

/* ---- nav ---- */
nav{
  max-width:820px;
  margin:0 auto;
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  align-items:baseline;
  padding:20px 4px 14px;
  font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
nav a{color:var(--ink);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px}
nav a:hover{border-bottom-color:var(--paint)}
nav a[aria-current="page"]{color:var(--paint-deep);border-bottom-color:var(--paint)}
nav .brand{font-weight:700;margin-right:auto}

/* ---- headings ---- */
.eyebrow{
  font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--stamp);
  border-bottom:1.5px solid var(--ink);
  padding-bottom:7px;
  margin-bottom:22px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.eyebrow b{color:var(--paint-deep)}

h1{
  font-family:"Anton",Impact,"Arial Narrow",sans-serif;
  font-weight:400;
  text-transform:uppercase;
  line-height:.94;
  font-size:44px;
  letter-spacing:-.005em;
  margin-bottom:16px;
}
h2{
  font-family:"Anton",Impact,"Arial Narrow",sans-serif;
  font-weight:400;
  text-transform:uppercase;
  font-size:22px;
  letter-spacing:.01em;
  border-bottom:2.4px solid var(--ink);
  padding-bottom:7px;
  margin:46px 0 20px;
}
h3{
  font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--paint-deep);
  margin:30px 0 12px;
}

p{margin-bottom:15px}
p.lede{font-size:19px;line-height:1.5}
em{font-style:italic}
strong{font-weight:600}

a{color:var(--paint-deep)}
a:hover{color:var(--paint)}

/* ---- source lists ---- */
ul.src{list-style:none}
ul.src li{
  padding:13px 0 13px 20px;
  border-top:1px solid var(--manila-dim);
  position:relative;
}
ul.src li:first-child{border-top:none}
ul.src li::before{
  content:"";
  position:absolute;
  left:0; top:22px;
  width:9px; height:2px;
  background:var(--paint);
}
ul.src .title{font-weight:600;display:block;line-height:1.35}
ul.src .outlet{
  font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--stamp);
  display:block;
  margin-top:4px;
}
ul.src .url{
  display:block;
  font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;
  font-size:11.5px;
  word-break:break-all;
  margin-top:5px;
  line-height:1.45;
}
ul.src .note{
  display:block;
  font-size:14.5px;
  font-style:italic;
  color:#4a463d;
  margin-top:5px;
}

.lean{
  display:inline-block;
  font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;
  font-size:9.5px;
  letter-spacing:.09em;
  text-transform:uppercase;
  padding:2px 6px;
  margin-left:6px;
  border:1.2px solid currentColor;
  vertical-align:2px;
}
.lean.partisan{color:var(--paint-deep)}
.lean.hostile{color:#2C4B8C}
.lean.primary{color:#0B6B3A}

/* ---- callouts ---- */
.box{
  background:var(--manila);
  border-left:4px solid var(--ink);
  padding:18px 22px;
  margin:24px 0;
}
.box.warn{border-left-color:var(--paint)}
.box p:last-child{margin-bottom:0}
.box h3{margin-top:0}

blockquote{
  border-left:3px solid var(--paint);
  padding:4px 0 4px 20px;
  margin:20px 0;
  font-size:18px;
  line-height:1.5;
}
blockquote cite{
  display:block;
  font-style:normal;
  font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;
  font-size:11px;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--stamp);
  margin-top:9px;
}

.mono{font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;font-size:13px}

footer{
  margin-top:54px;
  padding-top:20px;
  border-top:1.5px solid var(--ink);
  font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;
  font-size:11px;
  line-height:1.7;
  letter-spacing:.02em;
  color:var(--stamp);
}
footer b{color:var(--ink)}

@media (max-width:640px){
  body{font-size:16px;padding:0 10px 60px}
  .wrap{padding:26px 20px 40px}
  h1{font-size:31px}
  nav{font-size:10px;gap:14px}
}

@media print{
  body{background:#fff;padding:0}
  .wrap{box-shadow:none;max-width:none;padding:0}
  nav{display:none}
  ul.src .url{font-size:9px}
}