/* shared by the content pages (loaded after plumbers.css) */
.hdr{flex-wrap:wrap}
.pnav{display:flex;gap:6px 18px;flex-wrap:nowrap;overflow-x:auto;order:3;width:100%;font-size:14px;font-weight:500;padding:2px 0 4px;scrollbar-width:none}
.pnav::-webkit-scrollbar{display:none}.pnav a{text-decoration:none;color:var(--ink);white-space:nowrap}.pnav a:hover{color:var(--cobalt)}
.crumb{font-size:13px;color:var(--muted);margin-top:14px}.crumb a{color:var(--muted)}
.hero1{padding-top:6px}.hero1 .lead{max-width:36em}
.h1s{font-size:clamp(29px,8.3vw,60px);line-height:1;letter-spacing:-.04em;margin:10px 0 18px}.h1s .h1b{display:block;color:var(--cobalt)}
.prose p,.prose li{font-size:16.5px;line-height:1.55;max-width:42em}.prose p+p{margin-top:12px}
.prose h2{max-width:20em}.lead-s{font-size:16px;line-height:1.5;max-width:38em;margin-bottom:14px}
.ticks{display:grid;gap:10px;margin:10px 0}.ticks li{position:relative;padding-left:26px}
.ticks li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px var(--navy) inset}
.prose a,.next a,.note a{color:var(--cobalt);font-weight:600}
.qa{padding:18px 0;border-top:1px solid var(--line)}.qa h2{font-size:clamp(21px,5.2vw,26px);line-height:1.15;letter-spacing:-.025em;margin-bottom:8px}.qa p{max-width:42em}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}.tbl thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tbl tbody th{color:var(--ink);font-weight:700}.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}
.ftr .pnav-f{order:0;width:auto;overflow:visible;flex-wrap:wrap;font-size:13px}.ftr .pnav-f a{color:var(--muted)}
.done span{display:block}
@media (min-width:821px){
 .pnav{order:0;width:auto;overflow:visible;margin-left:auto;margin-right:18px}
 .hdr{flex-wrap:nowrap}.hdr .btn{height:40px;order:2}
}

.qs h3{font-size:18px;line-height:1.25;margin:18px 0 4px}
.ftr .pnav-g{width:100%;order:5;margin-top:4px}

/* guides */
.guide{padding-top:6px}.h1g{font-size:clamp(28px,6.6vw,46px);line-height:1.06;letter-spacing:-.035em;margin:10px 0 16px;max-width:20em}
.guide h2{font-size:clamp(21px,5.2vw,27px);line-height:1.15;letter-spacing:-.025em;margin:28px 0 8px;max-width:22em}
.guide h3{font-size:18px;margin:18px 0 4px}
.guide p,.guide li{max-width:42em}.guide ul,.guide ol{margin:10px 0 10px 22px;list-style:revert}.guide li{margin:6px 0}
.guide strong{font-weight:700}.guide blockquote{border-left:4px solid var(--lime);background:#fff;border-radius:0 10px 10px 0;padding:12px 16px;margin:12px 0;max-width:36em}
.byline{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:12px 0 20px;max-width:42em}.byline p{font-size:15px}.byline p+p{margin-top:6px}
.guide .tbl-wrap{margin:14px 0}.guide .tbl{min-width:480px}
.guide-cta{margin-top:26px}.guide-cta p{font-weight:600}
.guide-about{border-top:1px solid var(--line);margin-top:28px;padding-top:6px}.guide-about p{font-size:15px}
.guide-list{display:grid;gap:18px;margin:6px 0}.guide-list h2{font-size:clamp(20px,4.8vw,25px);line-height:1.15;margin:0 0 4px}.guide-list a{text-decoration:none}.guide-list a:hover{text-decoration:underline}
