/* PMF-026 — the Screening Log. Generated by build_screening_log.js.
   Same tokens as the mode pages; kept self-contained so /screening/ does not
   depend on /modes/ existing. */
:root{--graphite:#1F1F1F;--warm-sand:#F4EFE6;--soft-olive:#6D7A5A;--terracotta:#C85D3A;
  --paper:#FFFDF9;--line:#DED7CC;--muted:#6F746C;}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:linear-gradient(180deg,#fbf8f1 0%,var(--warm-sand) 100%);color:var(--graphite);min-height:100vh}
.shell{max-width:800px;margin:0 auto;padding:40px 24px 64px}
.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.11em;text-transform:uppercase;
  font-weight:850;font-size:.76rem;color:var(--terracotta);margin:0 0 18px}
.eyebrow:before{content:"";width:34px;height:34px;flex:0 0 auto;
  background:url('../assets/prompt-builder-mark.svg') center/contain no-repeat}
.eyebrow a{color:inherit;text-decoration:none}
h1{font-size:clamp(2rem,5.2vw,3rem);line-height:1.04;letter-spacing:-.035em;margin:.1em 0 .25em}
.claim{font-size:1.18rem;line-height:1.5;font-weight:700;color:#333730;margin:0 0 12px;max-width:56ch}
.lede{font-size:1rem;line-height:1.6;color:#4E524D;margin:0 0 22px;max-width:58ch}
.panel{background:rgba(255,253,249,.96);border:1px solid var(--line);border-radius:22px;
  padding:26px;margin:20px 0;box-shadow:0 10px 30px rgba(57,47,34,.045)}
.panel h2{margin:0 0 12px;font-size:1.25rem;letter-spacing:-.01em}
.panel h3{margin:20px 0 8px;font-size:1rem}
.panel p{line-height:1.62;color:#3F433D;margin:0 0 12px}
.panel p:last-child{margin-bottom:0}
.sub{color:var(--muted);font-size:.9rem;line-height:1.55}
.pull{margin:16px 0 0;padding:0}
.pull blockquote{margin:0;padding:14px 16px;background:#F7F3EB;border-left:3px solid var(--soft-olive);
  border-radius:0 12px 12px 0;font-size:.95rem;line-height:1.6;color:#333730;font-style:italic}
.pull figcaption{margin-top:7px;font-size:.84rem;color:var(--muted)}
.counts ul.countlist{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.countlist li{display:flex;align-items:baseline;gap:7px;background:#F5F1E8;border:1px solid var(--line);
  border-radius:12px;padding:9px 13px}
.countlist .n{font-size:1.3rem;font-weight:850}
.countlist .l{font-size:.84rem;color:#4E524D}
.d-merge{color:var(--terracotta)}.d-rejected{color:#7A6A5C}.d-open{color:#6D7A5A}
.d-park{color:#8A8478}.d-kept{color:#4C6B3F}
table.log{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.55;margin-top:4px}
table.log th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;
  font-weight:850;color:var(--muted);padding:9px 10px;border-bottom:2px solid var(--line)}
table.log td{padding:11px 10px;border-bottom:1px solid #EDE6DA;vertical-align:top;color:#3F433D}
table.log tr:last-child td{border-bottom:0}
/* Give the remaining width to the finding, which is the column people read.
   Auto layout with a shrink-to-fit badge column, NOT table-layout:fixed --
   fixed clipped "EVIDENCE-TIERED RESEARCH" and the badge text at every width. */
@media(min-width:641px){
  table.log th:nth-child(1),table.log td:nth-child(1){width:22%}
  table.log th:nth-child(2),table.log td:nth-child(2){width:1%;white-space:nowrap}
}
.tag{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:850;
  white-space:nowrap;background:#F1ECE3;border-radius:999px;padding:3px 9px}
.panel-argument{border-color:#E3CDBF;background:rgba(200,93,58,.045)}
article.merge{padding:16px 0;border-bottom:1px solid #EDE6DA}
article.merge:last-child{border-bottom:0;padding-bottom:0}
article.merge h3{margin:0 0 4px;font-size:1rem;letter-spacing:.02em}
.merge-lede{font-weight:650;color:#333730;margin:0 0 8px!important}
.merge-target{font-size:.88rem;color:var(--muted);margin:8px 0 0!important}
.merge-target a{color:var(--soft-olive);font-weight:800;text-decoration:none}
.merge-target a:hover{color:var(--terracotta)}
.merge-nostarter{font-size:.88rem;color:var(--muted);margin:6px 0 0!important}
.merge-starter{margin-top:8px}
.merge-starter summary{cursor:pointer;font-size:.88rem;font-weight:800;color:var(--soft-olive)}
.merge-starter summary:hover{color:var(--terracotta)}
.merge-starter[open] summary{margin-bottom:8px}
/* Matched to the mode pages' own starter block, because it is the same text. */
.merge-starter .starter{white-space:pre-wrap;word-break:break-word;background:#F7F3EB;
  border:1px solid var(--line);border-radius:12px;padding:15px;margin:0;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;line-height:1.6;color:#2E322C}
.mode-plain{font-weight:800;color:#4E524D}
.taxonomy-note{font-size:.82rem}
.panel-case{border-color:#CBD2BE;background:rgba(109,122,90,.06)}
.finding{margin:14px 0;padding:0}
.finding blockquote{margin:0;padding:13px 15px;background:#FCFAF5;border-left:3px solid var(--terracotta);
  border-radius:0 12px 12px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.84rem;line-height:1.6;color:#2E322C}
.finding figcaption{margin-top:7px;font-size:.86rem;color:var(--muted);line-height:1.5}
ul.conditions{margin:0 0 12px;padding-left:20px;line-height:1.6;color:#3F433D}
ul.conditions li{margin-bottom:8px}
.outcome{font-weight:600;color:#333730}
ul.openlist{list-style:none;margin:0;padding:0}
.openlist li{padding:10px 0;border-bottom:1px solid #EDE6DA;line-height:1.5}
.openlist li:last-child{border-bottom:0}
.openlist span{display:block;font-size:.88rem;color:var(--muted);margin-top:2px}
.panel-questions ol.questions{margin:0;padding-left:20px;line-height:1.55;color:#3F433D}
.questions li{margin-bottom:14px}
.questions li:last-child{margin-bottom:0}
.questions span{display:block;font-size:.88rem;color:var(--muted);margin-top:3px}
.signup h2{margin-bottom:4px}
.signup-note{margin:10px 0 0;color:var(--muted);font-size:.82rem}
.ml-embedded{margin:0}
.panel-cta{background:rgba(109,122,90,.09);border-color:#CBD2BE}
.cta{display:inline-block;font-weight:850;color:#fff;background:var(--soft-olive);
  text-decoration:none;border-radius:11px;padding:11px 20px}
.cta:hover{background:var(--terracotta)}
footer{margin-top:30px;padding-top:20px;border-top:1px solid #D9D1C5;color:#62655F;font-size:.86rem;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;line-height:1.55}
footer a{color:var(--soft-olive);font-weight:800;text-decoration:none;white-space:nowrap}
footer a:hover{color:var(--terracotta)}
.book-line{max-width:48ch}
@media(max-width:640px){
  .shell{padding:24px 14px 48px}
  .panel{padding:19px 15px;border-radius:18px}
  /* DESIGN-005 section 8: three columns do not survive a narrow viewport.
     Rows stack into labelled blocks, the same pattern the mode pages use. */
  table.log,table.log thead,table.log tbody,table.log tr,table.log th,table.log td{display:block;width:auto}
  table.log thead{position:absolute;left:-9999px}
  table.log tr{border-bottom:1px solid #EDE6DA;padding:12px 0}
  table.log tr:last-child{border-bottom:0}
  table.log td{border:0;padding:3px 0;white-space:normal}
  table.log td:first-child{white-space:normal;font-size:1rem}
  table.log td[data-label="What we found"]{color:var(--muted);font-size:.88rem;margin-top:4px}
}