/* Breslee responsive/audit overrides — 2026-08-26 */
html{scroll-padding-top:88px}
body{overflow-x:hidden}
.topbar{min-height:88px;height:auto}
.brand-logo,.map-logo,.footer-logo{content:url("assets/breslee-logo.svg");image-rendering:auto}
.brand-logo{max-height:82px}
.hero-modes{max-width:880px;margin-top:12px}
.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.modal-link{display:block;text-align:center;text-decoration:none}
.nav-action{cursor:pointer}

/* Desktop balance — preserve the original coordinated layout, only refine scale and centering. */
@media (min-width:761px){
  .topbar{min-height:90px;height:90px;padding-left:max(28px,calc((100vw - 1120px)/2));padding-right:max(28px,calc((100vw - 1120px)/2))}
  .brand-logo{width:142px;max-height:76px}
  .topbar nav{gap:27px}

  .platform-hero{max-width:1120px;padding:58px 28px 40px;text-align:center}
  .platform-hero h1{font-size:clamp(3.8rem,5.8vw,5.35rem);line-height:.92;max-width:1000px;margin-left:auto;margin-right:auto;margin-bottom:26px}
  .platform-hero .lead{max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:28px}
  .hero-search{max-width:820px;margin-left:auto;margin-right:auto}
  .hero-modes{max-width:820px;margin-left:auto;margin-right:auto;justify-content:center}

  .help-card,.steps-section,.finder-shell,.results-shell,.community-panel{width:calc(100% - 56px)}
  .help-card{max-width:1120px;padding:42px 32px;margin-left:auto;margin-right:auto}
  .help-card h2{font-size:clamp(2.7rem,4.5vw,3.9rem)}
  .tool-grid{max-width:1000px;margin-left:auto;margin-right:auto}
  .tool-card{min-height:225px}
  .tool-card-wide{min-height:190px}
  .umbrella-map{max-width:1000px;margin-left:auto;margin-right:auto;margin-top:38px}
  .map-logo{width:min(680px,82%)}
  .drop-grid{max-width:760px;margin-left:auto;margin-right:auto;gap:14px 22px;justify-items:center;padding:6px 28px 26px}
  .drop{width:100%;max-width:270px;aspect-ratio:.9;padding:14px 16px}
  .drop strong{font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1}
  .drop span{font-size:.7rem;margin-top:9px}

  .steps-section{max-width:1120px;padding:66px 28px}
  .steps-section h2{font-size:clamp(3rem,5vw,4.5rem);max-width:900px;margin-left:auto;margin-right:auto}
  .steps-lead{max-width:790px}
  .steps-grid{max-width:960px;margin-left:auto;margin-right:auto}
  .steps-grid article{padding:36px 38px}

  .finder-shell,.results-shell,.community-panel{max-width:1060px;margin-left:auto;margin-right:auto}
  .finder-shell h2{font-size:clamp(2.5rem,4.2vw,3.6rem)}

  .growth-card,.updates-band{width:calc(100% - 56px);margin-left:auto;margin-right:auto}
  .growth-card{max-width:1020px;padding:40px 42px}
  .growth-card h2{font-size:clamp(3rem,4.8vw,4.1rem);margin-bottom:34px}
  .updates-band{max-width:1020px}

  footer{padding-left:max(28px,calc((100vw - 1100px)/2));padding-right:max(28px,calc((100vw - 1100px)/2))}
}

@media (max-width:760px){
  html{scroll-padding-top:76px}
  .topbar{height:76px;min-height:76px;padding:7px 18px;position:sticky;top:0}
  .brand-logo{width:112px;max-height:62px;object-fit:contain}
  .menu-btn{font-size:1.55rem;padding:10px;margin-right:-8px;color:var(--teal)}
  .topbar nav{top:76px;padding:14px 20px 18px;gap:0;border-bottom:1px solid var(--line);box-shadow:0 12px 22px rgba(15,46,90,.08)}
  .topbar nav a,.topbar nav .nav-action{width:100%;padding:12px 2px;border-bottom:1px solid #ecebe4;font-size:1rem;text-align:left}
  .topbar nav>*:last-child{border-bottom:0}

  .platform-hero{padding:28px 20px 24px}
  .platform-hero .eyebrow{font-size:.66rem;letter-spacing:.15em;margin-bottom:12px}
  .platform-hero h1{font-size:clamp(2.55rem,12vw,3.5rem);line-height:.91;letter-spacing:-.045em;margin:0 0 18px}
  .lead{font-size:1rem;line-height:1.5;margin:0 0 20px;max-width:34rem}
  .hero-search{border-radius:18px;padding:10px;gap:7px;box-shadow:0 6px 18px rgba(15,46,90,.05)}
  .hero-search label{font-size:.69rem;letter-spacing:.08em}
  .hero-search input{font-size:1rem;padding:11px 8px}
  .hero-search button{padding:13px 16px;border-radius:13px;font-size:1rem}
  .hero-modes{margin-top:9px;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .hero-modes .mode-btn{white-space:nowrap;font-size:.78rem;padding:7px 10px}

  .help-card{margin:6px 12px 32px;padding:24px 14px;border-radius:22px}
  .help-card>.eyebrow{font-size:.65rem;margin-bottom:10px}
  .help-card h2{font-size:2.25rem;line-height:.96;margin-bottom:10px}
  .section-intro{font-size:.94rem;line-height:1.45;margin-bottom:18px}
  .tool-grid{grid-template-columns:1fr 1fr;gap:9px}
  .tool-card,.tool-card-wide{grid-column:auto;min-height:0;padding:15px;border-radius:18px}
  .tool-icon{width:42px;height:42px;border-radius:12px;font-size:1.35rem}
  .tool-card h3{font-size:1.35rem;margin:11px 0 5px;line-height:1}
  .tool-card p{font-size:.84rem;line-height:1.35;margin:0 0 14px}
  .tool-card a,.tool-card button{font-size:.84rem;line-height:1.25}

  .umbrella-map{margin-top:28px}
  .map-divider{font-size:.67rem;letter-spacing:.09em;gap:10px}
  .map-logo{width:min(360px,88%);margin-top:14px}
  .drop-grid{gap:5px 8px;padding:2px 4px 14px}
  .drop{min-height:138px;aspect-ratio:auto;padding:13px 8px}
  .drop strong{font-size:1rem;line-height:1}
  .drop span{font-size:.59rem;margin-top:8px;word-break:break-word}
  .map-note{font-size:.79rem;line-height:1.45;margin:18px 4px 0}

  .steps-section{padding:42px 16px;text-align:left}
  .steps-section .eyebrow{margin-bottom:12px}
  .steps-section h2{font-size:2.65rem;line-height:.94;margin-bottom:16px}
  .steps-lead{font-size:1rem;line-height:1.55;margin-bottom:22px}
  .steps-grid{gap:10px}
  .steps-grid article{padding:22px 18px;border-radius:20px}
  .steps-grid h3{font-size:1.5rem;margin:14px 0 7px}
  .steps-grid p{font-size:.94rem;line-height:1.5}

  .finder-shell{margin:10px 12px;padding:24px 16px;border-radius:22px}
  .finder-shell h2{font-size:2.35rem;line-height:.98}
  .finder-intro>p:last-child{font-size:.91rem}
  .finder-mode-row,.quick-searches{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .finder-mode-row .mode-btn,.quick-searches button{white-space:nowrap;flex:0 0 auto}
  .browse-life{margin-top:18px}
  .category-grid{grid-template-columns:1fr 1fr}
  .category-btn{font-size:.82rem;padding:10px}
  .category-btn span{font-size:.65rem}

  .results-shell,.community-panel{margin:20px 12px;padding:16px 4px}
  .section-head{align-items:flex-start}
  .section-head h2{font-size:2.15rem;line-height:1}
  .result-card,.community-card,.no-results,.feedback-box,.recommend-form{border-radius:16px;padding:16px}
  .feedback-box{align-items:stretch}
  .feedback-box textarea{flex-basis:100%}

  .growth-card{margin:38px 12px;padding:25px 18px;border-radius:22px}
  .growth-card h2{font-size:2.5rem;line-height:.96;margin-bottom:20px}
  .growth-card>p:not(.eyebrow){font-size:.96rem;line-height:1.6}
  .growth-card a{margin-top:18px;font-size:.96rem}

  .updates-band{margin:25px 12px 40px;padding:22px 16px;border-radius:20px;gap:14px}
  .updates-band h2{font-size:1.9rem}
  .updates-band p{margin-bottom:6px}

  footer{padding:28px 20px;gap:20px}
  .footer-logo{width:130px}
  .footer-links{gap:14px 18px;font-size:.88rem}
  .modal{border-radius:20px;padding:24px 18px}
  .modal-actions{grid-template-columns:1fr}
}

@media (max-width:420px){
  .platform-hero{padding-left:17px;padding-right:17px}
  .platform-hero h1{font-size:2.75rem}
  .tool-grid{grid-template-columns:1fr 1fr}
  .tool-card{padding:13px;min-width:0}
  .tool-card h3{font-size:1.2rem}
  .tool-card p{font-size:.78rem}
  .drop-grid{grid-template-columns:1fr 1fr}
  .drop{min-height:122px}
  .drop strong{font-size:.92rem}
  .drop span{font-size:.54rem}
  .category-grid{grid-template-columns:1fr}
}

@media (max-width:340px){
  .tool-grid{grid-template-columns:1fr}
}