/* home-declutter.css · 2026-10-03 · layout only. Every link, product, id and paragraph stays in the DOM. */

/* no fade-in-on-scroll: content is simply there */
.hp3-js .hp3-rv{opacity:1!important;transform:none!important;transition:none!important}

/* ---------- shared accordion (Safety tools) ---------- */
.hdc-safety{max-width:var(--maxw,1300px);margin:0 auto;padding:28px 28px 0}
.hdc-acc{border:1px solid var(--hair,rgba(255,255,255,.1));border-radius:20px;background:var(--surface,#101216)}
.hdc-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 18px}
.hdc-acc>summary::-webkit-details-marker{display:none}
.hdc-acc-txt{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.hdc-acc-eb{font:600 11.5px/1 var(--mono,'JetBrains Mono',monospace);letter-spacing:.06em;color:var(--gold,#d4a853)}
.hdc-acc .hdc-acc-h{margin:0;font:600 17px/1.2 var(--display,Inter,sans-serif)!important;letter-spacing:-.01em;color:var(--text,#f4f3ef)}
.hdc-acc-n{flex:none;font:500 12px/1 var(--body,Inter,sans-serif);color:var(--text3,#9aa1ab)}
.hdc-chev{flex:none;width:28px;text-align:center;font:300 24px/1 var(--display,Inter,sans-serif);color:var(--gold,#d4a853);transition:transform .25s}
.hdc-acc[open]>summary .hdc-chev{transform:rotate(45deg)}
.hdc-acc>summary:focus-visible{outline:2px solid #e5c77b;outline-offset:2px;border-radius:20px}
.hdc-safety-grid{padding:0 16px 16px}
.hdc-safety-grid>a{padding:14px 16px!important;border-radius:12px!important}

/* ---------- latest posts: 3 compact cards + link ---------- */
.hdc-blog-all{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:12px;border-radius:999px;border:1px solid rgba(212,168,83,.4);color:#e5c77b;font:600 14.5px/1 var(--body,Inter,sans-serif);text-decoration:none}
.hdc-blog-all:hover{background:rgba(212,168,83,.1)}
.blog-section .blog-card>div[style*="padding"]{padding:16px!important}
.blog-section .blog-card h3{font-size:18px!important;line-height:1.2!important}
.blog-section .blog-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px!important;line-height:1.55!important}
.blog-section .blog-card span[style*="margin-top:1"]{margin-top:10px!important}
.blog-section>div[style*="grid"]{gap:12px!important;margin-top:12px!important}
.blog-section{padding-top:36px!important}
.blog-section .blog-header{margin-bottom:16px}
@media(min-width:900px){
  .blog-section{max-width:1300px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
  .blog-section>.blog-header,.blog-section>.hdc-blog-all{grid-column:1/-1}
  .blog-section>div[style*="grid"]{display:contents!important}
  .blog-section .blog-card{margin:0!important}
  .hdc-blog-all{justify-self:start;padding:0 24px;margin-top:4px}
}

/* ---------- "Run by the guy": compact tiles ---------- */
.directory{padding:36px 0 32px!important}
.directory h2{font-size:clamp(28px,4vw,44px)!important;margin-bottom:8px!important}
.directory .lede{font-size:15px!important;margin-bottom:18px!important;max-width:60ch}
.dir-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.dir-card{border-radius:12px!important}
.dir-card .dir-media{height:120px!important}
.dir-card-body{padding:14px 14px 16px!important}
.dir-card .chip{margin-bottom:8px!important}
.dir-card h3{font-size:18px!important;margin-bottom:4px!important}
.dir-card p{font-size:13.5px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px!important}
.dir-link{font-size:13px!important}
@media(max-width:1100px){.dir-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
  .directory>div{padding:0 16px!important}
  .dir-grid{grid-template-columns:1fr!important;gap:8px!important}
  .dir-card{display:grid!important;grid-template-columns:64px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:10px 12px!important;min-height:84px;max-width:none!important}
  .dir-card::after{content:'\2192';color:var(--gold,#d4a853);font:500 16px/1 var(--mono,monospace);text-align:center}
  .dir-card picture,.dir-card>img.dir-media{grid-column:1;grid-row:1}
  .dir-card .dir-media{width:64px!important;height:64px!important;border-radius:12px;object-fit:cover}
  .dir-card picture{width:64px}
  .dir-card:hover .dir-media{transform:none!important}
  .dir-card-body{padding:0!important;grid-column:2;grid-row:1}
  .dir-card h3{font-size:16.5px!important;white-space:normal!important;margin:0 0 2px!important}
  .dir-card p{font-size:13.5px!important;margin:0!important}
  /* chip and link label read the same as the title and arrow: kept for screen readers, not drawn */
  .dir-card .chip,.dir-card .dir-link{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important}
  .dir-card:hover{transform:none!important}
}

/* ---------- KCRA press ---------- */
.kcra-section{padding:36px 0!important}
.hp3-press h2{font-size:clamp(24px,3.4vw,40px)!important;line-height:1.1!important}
.hp3-press .press-copy p{margin-bottom:0}
.hp-proof{margin-top:14px!important}
.hp-proof li{padding:9px 0!important;font-size:14px!important}
@media(max-width:900px){
  .hp3-press .wrap{padding-left:16px!important;padding-right:16px!important}
  .hp3-press .press-grid{gap:18px!important}
  .hp3-press figcaption{margin-top:8px}
}

/* ---------- storefront ---------- */
@media(max-width:960px){
  .hp3-store{padding-bottom:28px!important}
  .hp3-store .st-bg{height:140px!important}
  .hp3-store .st-in{margin-top:-36px!important}
  .hp3-store h2{font-size:30px!important;margin-bottom:10px!important}
  .hp3-store .st-sub{font-size:15px!important;margin-bottom:16px!important}
  .hp3-store .st-field{height:52px!important}
  .hp3-store .st-meta{margin-top:12px!important}
  .hp3-store .st-all{margin-top:4px!important}
  .hp3-store .st-tiles{margin-top:16px!important}
  .st-tile{flex:0 0 44%!important;padding:10px 10px 12px!important;border-radius:12px!important}
  .st-name{font-size:14px!important}
  .hp3-store .st-disc{margin-top:12px!important}
}
@media(min-width:961px){.hp3-store{padding:56px 0 40px!important}.hp3-store .st-tiles{margin-top:32px!important}}

/* ---------- #more ---------- */
.hp-more{margin-top:28px!important;padding-bottom:28px!important}
.hdc-llm>summary{min-height:44px;display:flex!important;align-items:center}

/* ---------- desktop hero/wx band: a little tighter ---------- */
@media(min-width:961px){
  .photo-hero.hp3-hero{min-height:min(84vh,860px)!important}
}

/* ---------- phone: Ask Kerr + crew call on the first screen ---------- */
@media(max-width:600px){
  .photo-hero-inner.hp3-inner{padding:18px 16px 56px!important;row-gap:0!important}
  .hp3-kicker{margin-bottom:12px!important;padding:6px 12px 6px 10px!important;font-size:11.5px!important}
  .photo-hero h1.hp3-h1{font-size:46px!important}
  .photo-hero h1.hp3-h1 .amber{margin-top:10px!important;font-size:19px!important}
  .photo-hero h1.hp3-h1 .small{margin-top:8px!important;letter-spacing:.14em!important}
  .hp3-copy{margin-top:12px}
  .hp3-copy .hp-lede{font-size:15px!important;line-height:1.5!important}
  .hp-cta-row{flex-wrap:nowrap!important;gap:6px!important;margin-top:14px!important}
  .hp-cta{flex:1 1 auto!important;min-height:44px!important;padding:0 10px!important;font-size:13px!important;white-space:nowrap}
  #kerrConcierge.kc-hero{margin-top:12px!important;padding:12px 14px!important;border-radius:20px}
  #kerrConcierge.kc-hero p.s{margin-bottom:8px!important;font-size:13.5px!important}
  #kerrConcierge .kz-sug{min-height:44px!important;margin-top:8px!important}
  #kerrConcierge .kc-by{margin-top:8px}
  .hp-byline{margin-top:10px!important}
  .hp3-wxband{margin-top:-40px!important}
  .hp3-wxband-in{display:flex;flex-direction:column}
  .hp3-wxband-in>#hpLoc{order:2;margin-top:12px}
  .hp3-wxband-in>.hp3-wx{order:1}
  .hdc-safety{padding:28px 16px 0}
}
@media(max-width:360px){.hp-cta-row{flex-wrap:wrap!important}}
@media(max-width:960px){.hp3-store .st-tiles{padding-left:16px!important;padding-right:16px!important;scroll-padding-left:16px}}
@media(max-width:600px){.blog-section{padding-left:16px!important;padding-right:16px!important}}
@media(max-width:960px){#hpStoreSearch .st-tiles>.st-tile{flex:0 0 46%!important;max-width:46%!important;min-width:0!important}}
@media(max-width:600px){.hp-more{padding-left:16px!important;padding-right:16px!important}}