/* Phrase guide pages, direction B "Plan & Redline" (craft pass), on top of ../styles.css. Generated by build/listinglint/build_pages.js.
   The listing's own words (safer wordings, related phrases, the mini check's text) are set in the draft face, B612;
   headings stay in one family. */
.page-head h1{max-width:22ch}
.page-head h1 .ph-q{color:var(--graphite)}
.verdict{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:var(--s4) 0 0;color:var(--lead);font-size:18px;max-width:60ch}
.phrase-body{max-width:760px}
.phrase-body h2,.groups h2{font-size:clamp(22px,2.2vw,26px);line-height:1.15;margin:1.8em 0 .5em}
.phrase-body h2:first-child,.phrase-body .minicheck:first-child h2{margin-top:0}
.phrase-body p,.phrase-body li{font-size:18px;line-height:1.6;color:var(--lead)}
.phrase-body strong{color:var(--graphite);font-weight:var(--w-strong)}
.style-note{border-top:1px solid var(--cyan);padding-top:12px}
.alts{list-style:none;padding:0;margin:0;border-top:var(--line) solid var(--graphite);border-bottom:1px solid var(--graphite)}
.alts li{margin:0;padding:12px 0;border-bottom:1px solid var(--hair);font:400 20px/1.35 var(--draft);color:var(--cyan)!important}
.alts li:last-child{border-bottom:0}
.srcs{padding-left:1.1em}.srcs li{margin:.35em 0}
.mini{display:inline-flex;align-items:center;gap:6px;font:600 var(--fs-label)/1 var(--sans);color:var(--graphite);vertical-align:middle;margin-left:4px;white-space:nowrap}
.mini::before{content:"";width:20px;height:0;border-bottom:1.5px solid var(--red);flex:none}
.mini.high::before{border-bottom:4.5px double var(--red);height:0}
.mini.context::before{border-bottom-style:dashed}
.mini.low::before{border-bottom:2px dotted var(--red)}
.mini.ok::before{border-bottom-color:var(--cyan)}
.mini.ok{color:var(--cyan)}
.related{list-style:none;columns:2;column-gap:40px;padding:0;margin:0;border-top:1px solid var(--hair)}
.related li{margin:0;padding:10px 0;border-bottom:1px solid var(--hair);break-inside:avoid;font-size:17px;color:var(--lead)}
.related a{font-family:var(--draft)}
.groups{columns:2;column-gap:56px}.group{break-inside:avoid;margin:0 0 48px}.group h2{margin-top:0}
.groups .related{columns:1}
.fam-link{margin:0 0 10px;font-size:15px}
.fam-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--hair)}
.fam-list li{padding:12px 0;border-bottom:1px solid var(--hair)}
.fam-list li a{font:400 20px/1.35 var(--draft)}
.fam-list li p{margin:.3em 0 0;font-size:16px}
.means{font-size:16px!important}
/* the mini check is a real tool, so it's a sheet: the one boxed thing on the page */
.minicheck{margin:48px 0;padding:24px 24px 18px;border:1px solid var(--graphite);background:var(--sheet)}
.minicheck h2{margin-top:0!important}
.minicheck label{display:block;font-size:15px;color:var(--lead);margin:0 0 8px}
.minicheck textarea{width:100%;min-height:96px;font:400 18px/1.7 var(--draft)}
.mc-out{margin-top:14px}
.mc-sum{font-weight:var(--w-head);color:var(--graphite)!important;margin:0 0 6px}
.mc-sub{font:600 var(--fs-label)/1.3 var(--sans)!important;color:var(--graphite)!important;margin:16px 0 4px}
.mc-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--hair)}
.mc-item{padding:10px 0;border-bottom:1px solid var(--hair)}
.mc-item p{margin:.2em 0;font-size:16px!important}
.mc-head .mini{margin:0 6px 0 0}
.mc-alt{color:var(--graphite)!important}
.cta{margin:48px 0;padding:20px 0 0;border-top:var(--line) solid var(--graphite)}
.cta h2{margin-top:0}
.phrase-body .fine,.band .fine{margin-top:36px}
@media (max-width:760px){.related,.groups{columns:1}.minicheck{padding:16px}}
/* hub table, checklist, 404 (SEO pass, docs/SEO-GROWTH.md) */
.hub-toc{list-style:none;padding:0;margin:var(--s4) 0 0;display:flex;flex-wrap:wrap;gap:4px 20px}
.hub-toc a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.hub-intro{margin-bottom:24px}
.verdict-key{list-style:none;padding:0;margin:0;border-top:1px solid var(--hair)}
.verdict-key li{padding:10px 0;border-bottom:1px solid var(--hair);font-size:16px!important}
.hub-groups .group{margin:0 0 40px}
.hub-table{overflow-x:auto}
.hub-table table{width:100%;border-collapse:collapse;font-size:16px}
.hub-table th,.hub-table td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--hair);vertical-align:top;color:var(--lead)}
.hub-table thead th{font:600 var(--fs-label)/1.3 var(--sans);color:var(--graphite);border-bottom:1px solid var(--graphite)}
.hub-table tbody th{font-weight:400}
.hub-table tbody th a{font-family:var(--draft)}
.hub-table td:last-child{font-family:var(--draft);color:var(--cyan)}
.ck-list{list-style:none;padding:0;margin:32px 0 0;border-top:var(--line) solid var(--graphite)}
.ck-step{padding:6px 0 18px;border-bottom:1px solid var(--hair)}
.ck-step h2{margin:1em 0 .35em!important}
.ck-n{color:var(--red);font-variant-numeric:tabular-nums}
.ck-ex{font-family:var(--draft);color:var(--graphite)!important}
.ck-src{font-size:15px!important}
.related.one{columns:1}
.related.one li{font-size:18px}
@media (max-width:760px){.hub-table th,.hub-table td{padding-right:8px}.hub-table table{font-size:15px}}
@media print{.site-header,.site-footer,.minicheck,.no-print,.skip{display:none!important}
  body{background:#fff}.band,.page-head{padding:12px 0!important}a{color:inherit;text-decoration:none}
  .group,.ck-step{break-inside:avoid}}
