/* CanIWholesale — Caution Ink theme.
   Ink charcoal + caution yellow on warm paper. Deliberately unlike
   ManufacturedHomeCheck (slate/brick), VetPlanCheck (plum/copper),
   FirstBookClients (indigo/marigold), PetCoverCheck (forest). */
:root{
  --ink:#1b1813; --ink2:#2a251c;
  --paper:#faf6ec; --paper2:#f2ead6; --card:#fffdf6;
  --accent:#f5b301; --accent-deep:#7a5200; --link:#7a5200;
  --small:#4d4636; --line:#ddd2b4;
  --ok:#1e6b2e; --warn-bg:#f5b301; --lic:#9a4a00; --stop:#a61c14;
  --dark-small:#cfc7ae;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.55}
h1,h2,h3,.btn,.chip,.wordmark,.kicker{font-family:Verdana,Geneva,sans-serif}
h1{font-size:2rem;line-height:1.2;margin:.2em 0 .4em}
h2{font-size:1.45rem;line-height:1.25;margin:1.4em 0 .5em}
h3{font-size:1.08rem;margin:1em 0 .4em}
p{margin:.55em 0}
a{color:var(--link);text-decoration:underline}
.small{font-size:.85em;color:var(--small)}
.kicker{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 .3em}
.wrap{max-width:1060px;margin:0 auto;padding:0 18px}
section{padding:34px 0}
section.alt{background:var(--paper2)}
section.dark{background:var(--ink);color:var(--paper)}
section.hero{background:var(--ink);color:var(--paper);padding:44px 0 40px}
section.dark h2,section.dark h3,section.hero h1,section.hero h2{color:var(--paper)}
section.dark p,section.hero p{color:var(--paper)}
section.dark .small,section.hero .small{color:var(--dark-small)}
section.dark a,section.hero a{color:var(--accent)}
header.site{background:var(--paper);border-bottom:3px solid var(--accent);padding:12px 0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wordmark{font-size:1.35rem;font-weight:bold;text-decoration:none;color:var(--ink);letter-spacing:-.01em}
.wordmark .wm-b{color:var(--accent-deep)}
.wordmark .wm-tag{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--small);font-weight:normal}
nav.main a{margin-left:16px;font-size:.92rem}
footer.site{background:var(--ink);color:var(--paper);padding:30px 0;margin-top:0}
footer.site a{color:var(--accent)}
footer.site .small{color:var(--dark-small)}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:6px;
  text-decoration:none;font-weight:bold;font-size:1rem;border:2px solid var(--ink)}
.btn.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.btn.big{font-size:1.1rem;padding:14px 28px}
.card,.tool,.result,.notice,.faq,.lock-panel,.tablewrap{background:var(--card);color:var(--ink);
  border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin:18px 0}
.lock-panel{border:2px solid var(--accent);background:#fffbe8}
.lock-note{font-family:Verdana,Geneva,sans-serif;font-weight:bold;font-size:.9rem}
.notice{border-left:6px solid var(--accent)}
.result{border-left:6px solid var(--ink)}
.result.verdict-clear{border-left-color:var(--ok)}
.result.verdict-conditions{border-left-color:var(--accent)}
.result.verdict-license{border-left-color:var(--lic)}
.result.verdict-stop{border-left-color:var(--stop)}
.chip{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:bold;letter-spacing:.05em}
.chip-clear{background:var(--ok);color:#ffffff}
.chip-conditions{background:var(--warn-bg);color:var(--ink)}
.chip-license{background:var(--lic);color:#ffffff}
.chip-stop{background:var(--stop);color:#ffffff}
ul.check{list-style:none;padding-left:0}
ul.check li{padding-left:26px;position:relative;margin:.45em 0}
ul.check li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:bold}
ol.steps li{margin:.5em 0}
.tablewrap{overflow-x:auto;padding:0}
.tablewrap table{width:100%;border-collapse:collapse;font-size:.88rem}
.tablewrap th{background:var(--ink);color:var(--paper);text-align:left;padding:9px 10px}
.tablewrap td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.faq details{border-bottom:1px solid var(--line);padding:10px 0}
.faq summary{font-weight:bold;cursor:pointer;font-family:Verdana,Geneva,sans-serif;font-size:.98rem}
fieldset{border:1px solid var(--line);border-radius:8px;margin:0 0 14px;padding:12px 16px}
legend{font-family:Verdana,Geneva,sans-serif;font-weight:bold;font-size:.95rem;padding:0 6px}
label.opt{display:block;padding:5px 0;cursor:pointer;font-size:.97rem}
label.opt input{margin-right:8px}
select#ciw-state{width:100%;padding:10px;font-size:1rem;margin:4px 0 14px;border:1px solid var(--small);border-radius:6px;background:#ffffff;color:var(--ink)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
@media (max-width:760px){.grid2,.grid3{grid-template-columns:1fr}h1{font-size:1.6rem}}
.tierchip{display:inline-block;padding:2px 9px;border-radius:12px;font-size:.75rem;font-weight:bold;font-family:Verdana,Geneva,sans-serif}
.tier-A{background:var(--stop);color:#fff}.tier-Af{background:var(--lic);color:#fff}
.tier-B{background:#205d8a;color:#fff}.tier-C{background:var(--warn-bg);color:var(--ink)}
.tier-D{background:#e4dcc4;color:var(--ink)}
/* Scoped component rules inside dark / hero sections. Specificity is
   deliberately ABOVE the generic section.dark text rules (0,1,2) and
   above any container link rule, for every light component, in every
   section flavor — the ManufacturedHomeCheck lesson, applied at
   build time rather than after a screenshot. */
section.dark .card,section.dark .tool,section.dark .result,section.dark .notice,section.dark .faq,section.dark .lock-panel,
section.hero .card,section.hero .tool,section.hero .result,section.hero .notice,section.hero .faq,section.hero .lock-panel{color:var(--ink)}
section.dark .card h3,section.dark .tool h3,section.dark .result h3,section.dark .notice h3,section.dark .faq h3,section.dark .lock-panel h3,
section.hero .card h3,section.hero .tool h3,section.hero .result h3,section.hero .notice h3,section.hero .faq h3,section.hero .lock-panel h3{color:var(--ink)}
section.dark .card p,section.dark .tool p,section.dark .result p,section.dark .notice p,section.dark .faq p,section.dark .lock-panel p,
section.hero .card p,section.hero .tool p,section.hero .result p,section.hero .notice p,section.hero .faq p,section.hero .lock-panel p{color:var(--ink)}
section.dark .card li,section.dark .tool li,section.dark .result li,section.dark .notice li,section.dark .faq li,section.dark .lock-panel li,
section.hero .card li,section.hero .tool li,section.hero .result li,section.hero .notice li,section.hero .faq li,section.hero .lock-panel li{color:var(--ink)}
section.dark .card .small,section.dark .tool .small,section.dark .result .small,section.dark .notice .small,section.dark .faq .small,section.dark .lock-panel .small,
section.hero .card .small,section.hero .tool .small,section.hero .result .small,section.hero .notice .small,section.hero .faq .small,section.hero .lock-panel .small{color:var(--small)}
section.dark .card a,section.dark .tool a,section.dark .result a,section.dark .notice a,section.dark .faq a,section.dark .lock-panel a,
section.hero .card a,section.hero .tool a,section.hero .result a,section.hero .notice a,section.hero .faq a,section.hero .lock-panel a{color:var(--link)}
section .card a.btn,section .tool a.btn,section .result a.btn,section .notice a.btn,section .faq a.btn,section .lock-panel a.btn,section .tablewrap a.btn{color:var(--paper)}
section .card a.btn.primary,section .tool a.btn.primary,section .result a.btn.primary,section .notice a.btn.primary,section .faq a.btn.primary,section .lock-panel a.btn.primary,section .tablewrap a.btn.primary{color:var(--ink)}
section.dark .card a.btn,section.dark .tool a.btn,section.dark .result a.btn,section.dark .notice a.btn,section.dark .faq a.btn,section.dark .lock-panel a.btn,section.dark .tablewrap a.btn{color:var(--paper)}
.hero .card a.btn,.hero .tool a.btn,.hero .result a.btn,.hero .notice a.btn,.hero .faq a.btn,.hero .lock-panel a.btn,.hero .tablewrap a.btn{color:var(--paper)}
.hero .card a.btn.primary,.hero .tool a.btn.primary,.hero .result a.btn.primary,.hero .notice a.btn.primary,.hero .faq a.btn.primary,.hero .lock-panel a.btn.primary,.hero .tablewrap a.btn.primary{color:var(--ink)}
section.dark .card legend,section.dark .tool legend,section.hero .tool legend,section.hero .card legend{color:var(--ink)}
section.dark .tablewrap td,section.hero .tablewrap td{color:var(--ink)}
section.dark .tablewrap th,section.hero .tablewrap th{color:var(--paper)}
section.dark .faq summary,section.hero .faq summary{color:var(--ink)}
section.dark ul.check li::before,section.hero ul.check li::before{color:var(--accent)}
section.dark .kicker,section.hero .kicker{color:var(--accent)}
section .card ul.check li::before,section .tool ul.check li::before,section .result ul.check li::before,section .notice ul.check li::before,section .faq ul.check li::before,section .lock-panel ul.check li::before,section .tablewrap ul.check li::before{color:var(--ok)}

section.dark .card a.btn.primary,section.dark .tool a.btn.primary,section.dark .result a.btn.primary,section.dark .notice a.btn.primary,section.dark .faq a.btn.primary,section.dark .lock-panel a.btn.primary,section.dark .tablewrap a.btn.primary{color:var(--ink)}
.hero .card a.btn.primary,.hero .tool a.btn.primary,.hero .result a.btn.primary,.hero .notice a.btn.primary,.hero .faq a.btn.primary,.hero .lock-panel a.btn.primary,.hero .tablewrap a.btn.primary{color:var(--ink)}