/* PlanIt Help Centre — generated copy lives at /help/help.css. Edit help-centre/templates/help.css and rebuild. */
:root {
  --cream:#F7F5EF; --paper:#FFFFFF; --forest:#1D4A20; --deep:#143517; --green-tint:#EDF2EC;
  --blue:#1C4E73; --blue-deep:#143A55; --blue-tint:#EAF1F7; --ink:#1A1916; --ink2:#57534A; --ink3:#6E6A5F;
  --gold:#F5B800; --gold-soft:#FCF3D6; --line:#E5E1D6; --radius:14px;
  --font:'DM Sans', -apple-system, sans-serif; --mono:'DM Mono', ui-monospace, monospace;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { font-family:var(--font); background:var(--cream); color:var(--ink); line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:var(--forest); }
img, video { max-width:100%; height:auto; }
.wrap { max-width:1180px; margin:0 auto; padding:0 24px; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.skip-link { position:absolute; left:-999px; top:8px; background:var(--forest); color:#fff; padding:8px 12px; border-radius:8px; z-index:200; }
.skip-link:focus { left:8px; }

/* ── nav (matches planitflooring.com) ── */
.btn { display:inline-flex; align-items:center; gap:8px; font-family:var(--font); font-weight:700; font-size:15px; border-radius:10px; padding:14px 26px; cursor:pointer; border:1px solid transparent; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .15s ease; }
.btn:active { transform:translateY(1px); }
.btn-primary { background:var(--forest); color:#fff; box-shadow:0 6px 18px rgba(29,74,32,.22); }
.btn-primary:hover { background:var(--deep); }
.btn-ghost { background:transparent; color:var(--ink); border-color:var(--line); }
.btn-ghost:hover { border-color:var(--ink3); background:#fff; }
nav { position:sticky; top:0; z-index:50; background:rgba(247,245,239,.9); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; height:68px; }
.logo { display:flex; align-items:center; gap:10px; font-weight:800; font-size:18px; letter-spacing:-0.02em; text-decoration:none; color:var(--ink); }
.logo-mark { display:grid; grid-template-columns:1fr 1fr; gap:2.5px; width:26px; height:26px; padding:4px; background:linear-gradient(135deg, var(--forest) 0 52%, var(--blue) 52%); border-radius:7px; }
.logo-mark span { background:#fff; border-radius:2px; opacity:.92; }
.logo-mark span:nth-child(2), .logo-mark span:nth-child(3) { background:var(--gold); }
.nav-links { display:flex; gap:28px; font-size:14.5px; font-weight:500; color:var(--ink2); }
.nav-links a { text-decoration:none; color:inherit; }
.nav-links a:hover, .nav-links a[aria-current] { color:var(--ink); }
.nav-links a[aria-current] { font-weight:700; color:var(--forest); }
.nav-cta { display:flex; gap:10px; align-items:center; }
.nav-login { font-size:14.5px; font-weight:700; color:var(--ink2); text-decoration:none; padding:10px 12px; border-radius:8px; }
.nav-login:hover { color:var(--forest); background:rgba(29,74,32,.06); }
.nav-cta .btn { padding:10px 18px; font-size:14px; }
.nav-burger { display:none; background:none; border:1px solid var(--line); border-radius:8px; width:40px; height:40px; font-size:18px; cursor:pointer; color:var(--ink); }
@media (max-width:920px){
  .nav-links { display:none; position:absolute; left:0; right:0; top:68px; background:var(--cream); border-bottom:1px solid var(--line); flex-direction:column; gap:0; padding:8px 24px 14px; }
  .nav-links.open { display:flex; }
  .nav-links a { padding:12px 0; border-bottom:1px solid var(--line); font-size:16px; }
  .nav-links a:last-child { border-bottom:0; }
  .nav-burger { display:inline-flex; align-items:center; justify-content:center; }
  .nav-trial { display:none; }
}

/* ── search ── */
.hc-search { position:relative; display:flex; align-items:center; background:var(--paper); border:1.5px solid var(--line); border-radius:12px; padding:0 6px 0 14px; box-shadow:0 4px 14px rgba(26,25,22,.05); }
.hc-search:focus-within { border-color:var(--forest); box-shadow:0 0 0 4px rgba(29,74,32,.12); }
.hc-search-ico { font-size:16px; opacity:.6; margin-right:6px; }
.hc-search input { flex:1; min-width:0; border:0; background:transparent; font:inherit; font-size:16px; padding:13px 6px; color:var(--ink); outline:none; }
.hc-search input::placeholder { color:var(--ink3); }
.hc-search-go { border:0; background:var(--forest); color:#fff; font:inherit; font-weight:700; font-size:14px; padding:9px 16px; border-radius:9px; cursor:pointer; }
.hc-search-go:hover { background:var(--deep); }
.hc-search.big { max-width:760px; margin:0 auto; padding-left:18px; border-radius:16px; }
.hc-search.big input { font-size:19px; padding:19px 8px; }
.hc-search.big .hc-search-go { padding:13px 22px; font-size:15px; border-radius:11px; }
.hc-results { max-width:760px; margin:14px auto 0; text-align:left; }
.hc-results[hidden] { display:none; }
.hc-bar .hc-results { position:absolute; left:24px; right:24px; z-index:40; background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:8px; box-shadow:0 22px 48px rgba(26,25,22,.14); margin-top:6px; max-height:70vh; overflow:auto; }
.hc-hit { display:block; text-decoration:none; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin-bottom:8px; transition:border-color .15s, transform .15s; }
.hc-bar .hc-hit { border:0; border-radius:10px; margin-bottom:2px; padding:11px 12px; }
.hc-hit:hover, .hc-hit.active { border-color:var(--forest); transform:translateY(-1px); background:var(--green-tint); }
.hc-hit h3 { font-size:16.5px; font-weight:800; margin-bottom:3px; }
.hc-hit p { font-size:14px; color:var(--ink2); }
.hc-hit .badge { margin-right:8px; vertical-align:middle; }
.hc-hit .hit-cat { font-family:var(--mono); font-size:11px; color:var(--ink3); text-transform:uppercase; letter-spacing:.08em; }
.hc-none { padding:18px; text-align:center; color:var(--ink2); font-size:15px; }
.hc-none a { font-weight:700; }
.hc-results-head { font-family:var(--mono); font-size:11.5px; color:var(--ink3); letter-spacing:.08em; text-transform:uppercase; margin:4px 0 10px; }
.badge { display:inline-block; font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; padding:3px 8px; border-radius:999px; font-weight:500; }
.badge.estimating { background:var(--green-tint); color:var(--forest); }
.badge.epos { background:var(--blue-tint); color:var(--blue); }

/* ── landing ── */
.hc-hero { padding:64px 0 34px; text-align:center; }
.hc-hero h1 { font-size:clamp(34px,5.4vw,58px); font-weight:900; letter-spacing:-0.02em; margin-bottom:12px; }
.hc-sub { font-size:17px; color:var(--ink2); max-width:640px; margin:0 auto 26px; }
.chips-wrap { max-width:760px; margin:18px auto 0; display:flex; flex-direction:column; align-items:center; gap:8px; }
.chips-k { flex:none; font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink3); }
.chips { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.chip { flex:none; font:inherit; font-size:13.5px; font-weight:500; color:var(--ink2); background:var(--paper); border:1px solid var(--line); border-radius:999px; padding:7px 13px; cursor:pointer; white-space:nowrap; }
.chip:hover { border-color:var(--forest); color:var(--forest); }
.pcards { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:26px 0 40px; }
.pcard { background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:28px 30px; position:relative; overflow:hidden; }
.pcard::before { content:''; position:absolute; top:0; left:0; right:0; height:5px; background:var(--forest); }
.pcard.epos::before { background:var(--blue); }
.pcard h2 { font-size:26px; font-weight:900; margin:10px 0 2px; }
.pcard h2 a { text-decoration:none; color:var(--ink); }
.pcard .pcount { font-family:var(--mono); font-size:12px; color:var(--ink3); margin-bottom:14px; }
.pcats { list-style:none; columns:2; column-gap:18px; }
.pcats li { break-inside:avoid; padding:5px 0; font-size:14.5px; }
.pcats a { text-decoration:none; color:var(--ink2); }
.pcats a:hover { color:var(--forest); text-decoration:underline; }
.pmore { display:inline-block; margin-top:16px; font-weight:700; text-decoration:none; }
.hc-start, .hc-contact { margin-bottom:40px; }
.hc-start h2, .hc-contact h2 { font-size:22px; font-weight:800; margin-bottom:6px; }
.hc-start > p, .hc-contact p { color:var(--ink2); margin-bottom:14px; }
.acards { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:14px; }
.acard { display:block; background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:18px 20px; text-decoration:none; color:var(--ink); transition:border-color .15s, transform .15s; }
.acard:hover { border-color:var(--forest); transform:translateY(-2px); }
.acard h3 { font-size:16px; font-weight:800; margin:8px 0 4px; }
.acard p { font-size:13.5px; color:var(--ink2); }
.acard-cat { display:block; margin-top:10px; font-family:var(--mono); font-size:11px; color:var(--ink3); text-transform:uppercase; letter-spacing:.08em; }
@media (max-width:860px){ .pcards { grid-template-columns:1fr; } .pcats { columns:1; } .hc-hero { padding:40px 0 22px; } .hc-hero h1 { font-size:34px; } .hc-sub { font-size:16px; margin-bottom:20px; }
  .hc-search.big input { font-size:17px; padding:16px 6px; } .hc-search.big .hc-search-go { padding:11px 16px; font-size:14px; }
  .chips-wrap { margin:14px -24px 0; padding:0 24px; align-items:flex-start; flex-direction:column; gap:8px; }
  .chips { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; width:100%; padding:0 0 8px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .chips::-webkit-scrollbar { display:none; } }
@media (max-width:480px){ .hc-search.big .hc-search-go { display:none; } .hc-search.big { padding-right:12px; } }

/* ── bar + crumbs ── */
.hc-bar { background:var(--paper); border-bottom:1px solid var(--line); padding:14px 0; }
.hc-bar .wrap { position:relative; display:grid; grid-template-columns:1fr minmax(260px, 420px); gap:18px; align-items:center; }
@media (max-width:860px){ .hc-bar .wrap { grid-template-columns:1fr; gap:10px; } }
.crumbs ol { list-style:none; display:flex; flex-wrap:wrap; gap:6px; font-size:13.5px; color:var(--ink3); }
.crumbs li + li::before { content:'›'; margin-right:6px; color:var(--ink3); }
.crumbs a { color:var(--ink2); text-decoration:none; }
.crumbs a:hover { color:var(--forest); text-decoration:underline; }
.crumbs li[aria-current] { color:var(--ink); font-weight:600; }

/* ── hub ── */
.hc-hub-head { padding:38px 0 18px; max-width:760px; }
.hc-hub-head h1 { font-size:clamp(30px,4.4vw,44px); font-weight:900; letter-spacing:-0.02em; margin:8px 0 8px; }
.hc-hub-head p { color:var(--ink2); font-size:16px; }
.hc-toc { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 28px; }
.hc-toc a { text-decoration:none; font-size:13.5px; font-weight:600; color:var(--ink2); background:var(--paper); border:1px solid var(--line); border-radius:999px; padding:7px 12px; }
.hc-toc a span { font-family:var(--mono); font-size:11px; color:var(--ink3); margin-left:4px; }
.hc-toc a:hover { border-color:var(--forest); color:var(--forest); }
.hc-cat { background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:22px 26px; margin-bottom:16px; scroll-margin-top:90px; }
.hc-cat h2 { font-size:20px; font-weight:800; }
.cat-blurb { color:var(--ink2); font-size:14px; margin:4px 0 12px; }
.cat-list { list-style:none; columns:2; column-gap:26px; }
.cat-list li { break-inside:avoid; padding:6px 0; border-bottom:1px dashed var(--line); font-size:15px; }
.cat-list a { text-decoration:none; color:var(--ink); }
.cat-list a:hover { color:var(--forest); text-decoration:underline; }
@media (max-width:700px){ .cat-list { columns:1; } .hc-cat { padding:18px; } }

/* ── article ── */
.hc-article-wrap { display:grid; grid-template-columns:250px minmax(0, 1fr); gap:40px; padding:30px 24px 60px; align-items:start; }
.hc-side { position:sticky; top:86px; background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:16px; }
.hc-side-head { display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.hc-side-head a { font-weight:800; font-size:14.5px; text-decoration:none; color:var(--ink); }
.hc-side-list { list-style:none; max-height:60vh; overflow:auto; }
.hc-side-list li a { display:block; padding:7px 8px; border-radius:7px; font-size:13.5px; color:var(--ink2); text-decoration:none; }
.hc-side-list li a:hover { background:var(--green-tint); color:var(--forest); }
.hc-side-list li.on a { background:var(--green-tint); color:var(--forest); font-weight:700; }
.hc-article { max-width:760px; }
.eyebrow { font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink3); margin-bottom:8px; }
.hc-article h1 { font-size:clamp(28px,4vw,40px); font-weight:900; letter-spacing:-0.02em; line-height:1.15; margin-bottom:18px; }
.hc-article h2 { font-size:19px; font-weight:800; margin:26px 0 10px; }
.what p { font-size:17px; color:var(--ink2); }
.steps { counter-reset:step; list-style:none; margin-top:6px; }
.steps li { position:relative; padding:14px 16px 14px 56px; background:var(--paper); border:1px solid var(--line); border-radius:12px; margin-bottom:8px; font-size:16px; line-height:1.5; }
.steps li::before { counter-increment:step; content:counter(step); position:absolute; left:14px; top:12px; width:30px; height:30px; border-radius:50%; background:var(--forest); color:#fff; font-weight:800; font-size:14px; display:flex; align-items:center; justify-content:center; }
.steps strong, .what strong, .tip strong { color:var(--ink); font-weight:800; background:var(--green-tint); padding:1px 5px; border-radius:5px; white-space:nowrap; }
.steps code { font-family:var(--mono); font-size:14px; background:var(--cream); padding:1px 5px; border-radius:4px; }
.tip { margin-top:20px; border-left:4px solid var(--gold); background:var(--gold-soft); border-radius:0 12px 12px 0; padding:14px 18px; }
.tip-k { display:block; font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:#7a6200; margin-bottom:4px; }
.tip p { font-size:15px; }
.hc-media { margin:18px 0; background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:10px; }
.hc-media img, .hc-media video { display:block; width:100%; border-radius:8px; }
.hc-media figcaption { font-size:13px; color:var(--ink2); padding:8px 4px 2px; }
.hc-cta { display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 8px; }
.related { margin-top:30px; }
.hc-q { margin-top:26px; font-size:14px; color:var(--ink2); }
.hc-q summary { cursor:pointer; font-weight:700; color:var(--ink); }
.hc-q ul { margin:8px 0 0 20px; }
.hc-meta { margin-top:22px; font-family:var(--mono); font-size:12px; color:var(--ink3); }
.review-note { font-size:13.5px; color:#7a6200; background:var(--gold-soft); display:inline-block; padding:5px 10px; border-radius:8px; margin-bottom:12px; }
@media (max-width:980px){ .hc-article-wrap { grid-template-columns:1fr; gap:22px; padding-top:20px; } .hc-side { position:static; } .hc-side-list { max-height:none; display:none; } .hc-side.open .hc-side-list { display:block; } .hc-side-head { cursor:pointer; margin:0; } .hc-side-head::after { content:'Show all guides in this topic ▾'; font-size:12.5px; color:var(--forest); font-weight:600; } .hc-side.open .hc-side-head::after { content:'Hide ▴'; } .steps li { font-size:15.5px; padding-left:52px; } .steps strong { white-space:normal; } }

/* ── coverage report ── */
.hc-report { padding:30px 24px 60px; max-width:1000px; }
.hc-report h1 { font-size:30px; font-weight:900; margin-bottom:10px; }
.hc-report h2 { font-size:20px; font-weight:800; margin:26px 0 8px; }
.hc-report h3 { font-size:16px; font-weight:800; margin:16px 0 6px; }
.hc-report p, .hc-report li { font-size:14.5px; color:var(--ink2); margin-bottom:6px; }
.hc-report table { width:100%; border-collapse:collapse; font-size:13.5px; background:var(--paper); margin:10px 0; display:block; overflow-x:auto; }
.hc-report th, .hc-report td { text-align:left; padding:7px 10px; border:1px solid var(--line); vertical-align:top; }
.hc-report th { background:var(--green-tint); }

/* ── footer ── */
footer { padding:54px 0 40px; border-top:1px solid var(--line); margin-top:30px; }
.foot { display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.foot-links { display:flex; gap:26px; flex-wrap:wrap; font-size:13.5px; color:var(--ink2); }
.foot-links a { text-decoration:none; color:inherit; }
.foot-links a:hover { color:var(--ink); }
.foot-small { margin-top:26px; font-family:var(--mono); font-size:11.5px; color:var(--ink3); }
@media (prefers-reduced-motion: reduce) { * { transition:none !important; } html { scroll-behavior:auto; } }
@media print { nav, footer, .hc-bar, .hc-side, .hc-cta, .related, .hc-q { display:none !important; } .hc-article-wrap { display:block; } }