/* Help centre (/help/): uses the site's own colours; the same rules run on bedsready.com with its variables mapped below */
:root{--h-accent:var(--brand);--h-accent-2:var(--brand-2);--h-soft:var(--mint-soft);--h-card:var(--surface);--h-line:var(--line);--h-ink:var(--ink);--h-muted:var(--muted);--h-radius:14px}
.h-hero{padding:56px 0 28px}
.h-hero h1{font-size:clamp(2rem,4.4vw,3rem)}
.h-hero .lead{margin-top:12px}
.h-search{margin-top:24px;display:flex;gap:10px;max-width:720px;background:var(--h-card);border:1px solid var(--h-line);border-radius:16px;padding:8px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(0,0,0,.06)}
.h-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:1.05rem;padding:10px 12px;color:var(--h-ink)}
.h-search input:focus{outline:none}
.h-search:focus-within{border-color:var(--h-accent)}
.h-search .btn{min-height:46px;white-space:nowrap}
.h-panel{max-width:720px;margin-top:14px;background:var(--h-card);border:1px solid var(--h-line);border-radius:var(--h-radius);padding:16px 18px}
.h-panel[hidden]{display:none}
.h-label{font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--h-muted);margin:4px 0 8px}
.h-label:not(:first-child){margin-top:16px}
.h-hit{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--h-ink)}
.h-hit:hover{background:var(--h-soft)}
.h-hit b{display:block;font-weight:650}
.h-hit span{display:block;color:var(--h-muted);font-size:.92rem}
.h-ai p+p,.h-ai ol,.h-ai ul{margin-top:8px}
.h-ai ol,.h-ai ul{padding-left:22px}
.h-after{margin-top:14px;padding-top:12px;border-top:1px solid var(--h-line);display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.h-btn-sm{font-weight:700;color:var(--h-accent)}
.h-thinking{color:var(--h-muted);display:flex;align-items:center;gap:4px}
.h-thinking span{width:6px;height:6px;border-radius:50%;background:var(--h-accent);animation:hdot 1s infinite alternate}
.h-thinking span:nth-child(2){animation-delay:.2s}.h-thinking span:nth-child(3){animation-delay:.4s;margin-right:6px}
@keyframes hdot{from{opacity:.25}to{opacity:1}}
.h-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:22px}
.h-cat{background:var(--h-card);border:1px solid var(--h-line);border-radius:var(--h-radius);padding:20px 22px}
.h-cat h3{font-size:1.08rem;margin-bottom:8px}
.h-cat ul{list-style:none;margin:0;padding:0}
.h-cat li{border-top:1px solid var(--h-line)}
.h-cat li:first-child{border-top:0}
.h-cat li a{display:block;padding:8px 0;text-decoration:none;color:var(--h-ink)}
.h-cat li a:hover{color:var(--h-accent)}
.h-sec{padding:36px 0}
.h-sec h2{font-size:clamp(1.5rem,3vw,2rem)}
.h-ask{max-width:720px;margin-top:18px;background:var(--h-card);border:1px solid var(--h-line);border-radius:var(--h-radius);padding:22px}
.h-ask .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.h-ask label{display:block;font-weight:600;font-size:.94rem}
.h-ask input,.h-ask textarea{display:block;width:100%;margin-top:6px;font:inherit;padding:11px 12px;border:1px solid var(--h-line);border-radius:10px;background:var(--h-card);color:var(--h-ink)}
.h-ask textarea{min-height:130px;resize:vertical}
.h-ask input:focus,.h-ask textarea:focus{outline:2px solid var(--h-accent);outline-offset:0;border-color:transparent}
.h-ask .full{grid-column:1/-1}
.h-ask .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.h-ask .row{margin-top:16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.h-msg{color:var(--h-muted);font-size:.92rem}.h-msg.bad{color:#b4342a}
.h-sent h3{margin-bottom:6px}
.h-crumbs{font-size:.92rem;color:var(--h-muted);margin-bottom:14px}
.h-crumbs a{color:var(--h-muted)}
.h-article{max-width:740px}
.h-article h1{font-size:clamp(1.8rem,3.6vw,2.5rem)}
.h-article .summary{font-size:1.1rem;color:var(--h-muted);margin-top:10px}
.h-body{margin-top:24px;font-size:1.04rem}
.h-body p+p,.h-body p+ol,.h-body p+ul,.h-body ol+p,.h-body ul+p{margin-top:12px}
.h-body ol,.h-body ul{padding-left:24px;margin:10px 0}
.h-body li+li{margin-top:6px}
.h-related{max-width:740px;margin-top:34px}
.h-stuck{max-width:740px;margin-top:28px;background:var(--h-soft);border-radius:var(--h-radius);padding:20px 22px}
.h-stuck form{display:flex;gap:10px;margin-top:12px}
.h-stuck input{flex:1;min-width:0;font:inherit;padding:11px 12px;border:1px solid var(--h-line);border-radius:10px;background:var(--h-card);color:var(--h-ink)}
@media (max-width:640px){
  .h-search{flex-direction:column}
  .h-search .btn{width:100%}
  .h-ask .grid{grid-template-columns:1fr}
  .h-stuck form{flex-direction:column}
}