/* Public discovery: header menus, Browse Resources, homepage guide sections and resource cards (Teach This Way! guides 2026-10). */
:root{--ttw-fuchsia:#e6066f;--ttw-navy:#0b2559}

/* Header disclosure menus (For Educators, About) */
.bl-navmenu{position:relative}
.bl-navmenu-btn{background:none;border:0;color:inherit;padding:0;font:inherit;font-weight:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.bl-navmenu-btn:hover{filter:none;text-decoration:underline}
.bl-navmenu-list{position:absolute;left:0;top:calc(100% + 10px);z-index:40;list-style:none;margin:0;padding:10px;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 35px #0b255922;display:grid;gap:2px}
.bl-navmenu-list a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--navy)}
.bl-navmenu-list a:hover,.bl-navmenu-list a:focus-visible{background:var(--paper)}
@media(max-width:900px){.bl-navmenu{flex-basis:100%}.bl-navmenu-list{position:static;box-shadow:none;margin-top:6px;width:100%}}

/* Join Teach This Way! dialog */
.bl-auth-dialog{position:relative;max-width:420px;width:calc(100% - 32px)}
.bl-auth-close{position:absolute;right:10px;top:10px;background:none;border:0;color:var(--navy);padding:6px 10px}
.bl-auth-free{font-weight:700;color:var(--ttw-fuchsia)}

/* Resource cards */
.bl-card-cover{display:block;aspect-ratio:1/1;background:var(--paper)}
.bl-card-cover img{width:100%;height:100%;object-fit:contain;display:block}
.bl-seller{display:inline-flex;align-items:center;gap:8px}
.bl-seller-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none}
.bl-seller-initial{display:inline-grid;place-items:center;background:var(--aqua);color:var(--navy);font-size:12px;font-weight:700}
.bl-unrated{color:var(--muted);font-size:13px}
.bl-formats{display:inline-flex;flex-wrap:wrap;gap:4px}

/* Browse Resources */
.br-hero{padding:40px 16px 28px;text-align:center;max-width:900px;margin:0 auto}
.br-hero h1{margin:0 0 10px;font-size:clamp(28px,5vw,44px);line-height:1.15}
.br-hero h1 em,.hp-accent{color:var(--ttw-fuchsia);font-style:normal}
.br-search{display:flex;gap:8px;max-width:720px;margin:18px auto 0}
.br-search input{flex:1;min-width:0}
.br-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;padding:0 16px 40px;max-width:1300px;margin:0 auto}
.br-filters{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
.br-filters-head{display:flex;justify-content:space-between;align-items:center}
.br-filters-head h2{margin:0;font-size:18px}
.br-drawer-close,.br-filter-toggle{display:none}
.br-group{border:0;border-top:1px solid var(--line);margin:12px 0 0;padding:12px 0 0}
.br-group legend,.br-more summary{font-weight:700;font-size:14px;padding:0;cursor:pointer}
.br-subgroup{border:0;padding:0;margin:8px 0}
.br-options{display:grid;gap:4px;margin-top:6px}
.br-scroll{max-height:200px;overflow:auto}
.br-check{display:flex;align-items:center;gap:8px;font-weight:400;font-size:14px}
.br-check input{width:auto;padding:0}
.br-range{display:flex;gap:8px;margin-top:8px}
.br-range label{flex:1;font-weight:400}
.br-hint{font-size:12px;color:var(--muted);margin:6px 0 0}
.br-more label{margin-top:8px}
.br-filter-actions{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}
.br-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.br-results-head h2{margin:0;font-size:22px}
.br-sort label{display:flex;align-items:center;gap:8px}
.br-empty .bl-actions{justify-content:center}
@media(max-width:899px){
  .br-layout{grid-template-columns:1fr}
  .br-filter-toggle{display:inline-block;justify-self:start}
  .br-filters{display:none;position:fixed;inset:0;z-index:60;border-radius:0;max-height:none;top:0}
  .br-filters.is-open{display:block}
  .br-drawer-close{display:inline-block;background:none;border:0;color:var(--navy)}
  body.br-drawer-lock{overflow:hidden}
}

/* Homepage guide sections */
.hp-tile-all{font-weight:700}
.hp-tile-more{position:relative}
.hp-tile-more .bl-navmenu-btn{display:grid;justify-items:center;gap:6px;width:100%}
.hp-tile-more .bl-navmenu-list{right:0;left:auto}
.hp-navy{background:var(--ttw-navy);color:#fff;border-radius:18px;padding:28px 20px}
.hp-navy h2,.hp-navy .bl-heading a{color:#fff}
.hp-navy .bl-card{color:var(--navy)}
.hp-membership-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--aqua);border-radius:18px;padding:28px 24px;margin:28px 0}
.hp-membership-banner h2{margin:4px 0}
.hp-store-stats{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:4px 0}
.hp-teach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.hp-teach-card{display:grid;gap:6px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--navy)}
.hp-teach-card:hover,.hp-teach-card:focus-visible{border-color:var(--ttw-fuchsia)}
.hp-final-cta{background:var(--ttw-navy);color:#fff;text-align:center;border-radius:18px;padding:40px 20px;margin:28px 0}
.hp-final-cta h2{color:#fff;margin:0 0 8px}
.hp-final-cta .bl-button{background:var(--ttw-fuchsia);border-color:var(--ttw-fuchsia)}
@media(max-width:600px){.br-search{flex-direction:column}.hp-membership-banner{flex-direction:column;align-items:flex-start}}