/* Shared house style — matches ~/Desktop/Automation-Guide (Anthropic palette).
   Serves both the printed PDF and the Cloudflare site. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;600&display=swap');

:root{
  --dark:#141413;
  --light:#faf9f5;
  --mid:#b0aea5;
  --lightgray:#e8e6dc;
  --orange:#d97757;
  --blue:#6a9bcc;
  --green:#788c5d;
  --red:#c15f4a;
  --ink:#141413;
  --paper:#faf9f5;
}

@page{
  size:A4;
  margin:22mm 18mm 20mm;
  @bottom-center{ content:counter(page); font-family:'Poppins',sans-serif; font-size:9pt; color:#b0aea5; }
}
@page cover{ margin:0; @bottom-center{content:none;} }

*{ box-sizing:border-box; }

body{
  font-family:'Lora',Georgia,serif;
  color:var(--ink);
  background:var(--paper);
  font-size:11pt;
  line-height:1.62;
  margin:0;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}

h1,h2,h3,h4{ font-family:'Poppins',Arial,sans-serif; font-weight:600; color:var(--ink); line-height:1.22; }

/* ---------- COVER ---------- */
.cover{
  page:cover;
  background:var(--dark);
  color:var(--light);
  padding:34mm 20mm 20mm;
  min-height:297mm;
  page-break-after:always;
  display:flex;
  flex-direction:column;
}
.cover .brandrow{ display:flex; align-items:center; gap:10px; }
.cover .dot{ width:13px; height:13px; border-radius:3px; background:var(--orange); }
.cover .name{ font-family:'Poppins',sans-serif; font-weight:600; font-size:14pt; color:var(--light); }
.cover .eyebrow{
  margin-top:48mm; font-family:'Poppins',sans-serif; font-weight:500;
  text-transform:uppercase; letter-spacing:.3em; font-size:9.5pt; color:var(--orange);
}
.cover h1{ font-size:42pt; line-height:1.04; margin:14px 0 0; color:var(--light); font-weight:700; }
.cover .sub{ font-family:'Lora',serif; font-size:14pt; line-height:1.5; color:#e8e6dc; margin-top:18px; max-width:150mm; }
.cover .meta{ margin-top:auto; font-family:'JetBrains Mono',monospace; font-size:8.5pt; color:var(--mid); }
.cover .meta strong{ color:var(--light); font-weight:400; }

/* ---------- STRUCTURE ---------- */
.body{ padding:0; }
h2{
  font-size:19pt; margin:30px 0 0;
  page-break-after:avoid;
}
h2 .num{
  display:block; font-family:'Poppins',sans-serif; font-weight:600; letter-spacing:.26em;
  text-transform:uppercase; font-size:8.5pt; color:var(--orange); margin-bottom:7px;
}
.rule{ height:3px; width:54px; background:var(--orange); border:0; margin:12px 0 18px; border-radius:2px; }
h3{ font-size:13pt; margin:24px 0 8px; page-break-after:avoid; }
h3::before{ content:""; display:inline-block; width:8px; height:8px; background:var(--orange); border-radius:2px; margin-right:9px; vertical-align:middle; }
h4{ font-size:11pt; margin:18px 0 6px; color:#4a4844; page-break-after:avoid; }
p{ margin:0 0 11px; }
a{ color:var(--orange); text-decoration:none; }
strong{ font-weight:600; }
em.term{ font-style:normal; font-weight:600; color:var(--orange); }

ul,ol{ margin:0 0 12px; padding-left:20px; }
li{ margin-bottom:5px; }

/* ---------- CODE ---------- */
code{
  font-family:'JetBrains Mono',Menlo,Consolas,monospace;
  font-size:9pt; background:var(--lightgray); color:#5a3e30;
  padding:1px 5px; border-radius:3px;
}
pre{
  font-family:'JetBrains Mono',Menlo,Consolas,monospace;
  background:var(--dark); color:#f3f1ea; font-size:8.7pt; line-height:1.55;
  padding:13px 15px; border-radius:6px; overflow-x:auto;
  page-break-inside:avoid; margin:0 0 13px;
}
pre code{ background:none; color:inherit; padding:0; font-size:inherit; }

/* ---------- TABLES ---------- */
table{
  width:100%; border-collapse:collapse; margin:0 0 16px;
  font-family:'Poppins',sans-serif; font-size:8.6pt;
}
/* Let long tables flow across pages, but never split a row.
   thead repeats automatically on each page. */
tr{ page-break-inside:avoid; }
thead{ display:table-header-group; }
thead th{
  background:var(--dark); color:var(--light); text-align:left;
  padding:8px 9px; font-weight:600; font-size:8.2pt;
  text-transform:uppercase; letter-spacing:.05em;
}
tbody td{ padding:7px 9px; border-bottom:1px solid var(--lightgray); vertical-align:top; }
tbody tr:nth-child(even){ background:#f2f0e9; }
td code{ font-size:8pt; }

/* ---------- CALLOUTS ---------- */
.note, .warn, .win, .verdict{
  border-left:3px solid var(--orange);
  background:#f2f0e9;
  padding:12px 15px; margin:0 0 14px; border-radius:0 5px 5px 0;
  page-break-inside:avoid;
}
.note{ border-color:var(--blue); }
.warn{ border-color:var(--red); }
.win{ border-color:var(--green); }
.verdict{ border-color:var(--orange); background:#f7ece7; }
.note p:last-child,.warn p:last-child,.win p:last-child,.verdict p:last-child{ margin-bottom:0; }
.label{
  font-family:'Poppins',sans-serif; font-weight:600; font-size:8pt;
  text-transform:uppercase; letter-spacing:.14em; display:block; margin-bottom:5px;
}
.note .label{ color:var(--blue); }
.warn .label{ color:var(--red); }
.win .label{ color:var(--green); }
.verdict .label{ color:var(--orange); }

/* quoted evidence from the user's own transcripts */
blockquote{
  margin:0 0 13px; padding:10px 15px;
  border-left:3px solid var(--mid); background:#f2f0e9;
  font-style:italic; color:#4a4844; font-size:10pt;
  page-break-inside:avoid;
}
blockquote .who{
  display:block; font-family:'JetBrains Mono',monospace; font-style:normal;
  font-size:7.5pt; color:var(--mid); margin-top:6px; text-transform:uppercase; letter-spacing:.08em;
}

.tldr{
  background:var(--dark); color:var(--light);
  padding:17px 19px; border-radius:7px; margin:0 0 22px;
  page-break-inside:avoid;
}
.tldr .label{ color:var(--orange); }
.tldr p{ margin-bottom:7px; }
.tldr p:last-child{ margin-bottom:0; }
.tldr a{ color:var(--orange); }

.sources{ font-size:8.5pt; color:#6b6862; font-family:'Poppins',sans-serif; }
.sources a{ color:#6b6862; text-decoration:underline; }

/* ---------- SCREEN (the Cloudflare site) ---------- */
@media screen{
  body{ font-size:12.5pt; }
  .cover{ min-height:auto; padding:60px 40px; border-radius:0; }
  .wrap{ max-width:820px; margin:0 auto; padding:44px 26px 90px; }
  table{ font-size:11px; display:block; overflow-x:auto; white-space:nowrap; }
  thead th, tbody td{ white-space:normal; }
  .noscreen{ display:none; }
}
@media print{
  .noprint{ display:none; }
  .wrap{ max-width:none; padding:0; }
}