/* Avalanche conditions page */
.avy{max-width:var(--wrap)}
.avy-head h1{color:var(--spruce-dk);margin:.3rem 0 .6rem;max-width:26ch}
.avy-warning{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s4);background:#fff7ec;border:2px solid #e8a33d;border-left-width:8px;border-radius:var(--radius);padding:var(--s5);margin:var(--s5) 0}
.avy-warning-icon{width:44px;height:44px;border-radius:50%;background:#e8a33d;color:#1f231c;font:800 1.6rem/44px var(--font-body);text-align:center}
.avy-warning h2{margin:0 0 .35rem;font-size:1.35rem;color:#5b2b12}
.avy-warning p{margin:0 0 .5rem}
.avy-warning ul{margin:.3rem 0 0;padding-left:1.1rem}
.avy-warning li{margin:.25rem 0}
.avy-status{display:block;font-size:var(--fs-sm);color:var(--muted);margin:var(--s4) 0}
.avy-status .linkish{padding:0 0 0 .3rem;font-weight:700}
.avy-status.err{color:var(--rust-dk)}
.avy-status .dot{display:inline-block;margin-right:.45rem;vertical-align:middle;width:10px;height:10px;border-radius:50%;background:#50B848;box-shadow:0 0 0 3px rgba(80,184,72,.25)}
.avy-status .dot.stale{background:#e8a33d;box-shadow:0 0 0 3px rgba(232,163,61,.25)}
.spin{display:inline-block;vertical-align:middle;margin-right:.4rem;width:14px;height:14px;border:2px solid var(--line-strong);border-top-color:var(--spruce);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.avy-season{background:var(--bone);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4) var(--s5);margin:0 0 var(--s5)}
.avy-season h2{margin:0 0 .3rem;font-size:1.25rem;color:var(--spruce-dk)}
.avy-season p{margin:0 0 .4rem;max-width:80ch}
/* danger badge: official NA scale colors */
.danger{display:inline-flex;align-items:center;gap:.45rem;font:700 .9rem/1 var(--font-body);color:var(--ink);white-space:nowrap}
.danger .dn{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:6px;background:var(--dc);color:var(--df);font-size:1.05rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.danger[data-level="–"] .dn{background:repeating-linear-gradient(135deg,#e4e6df 0 6px,#d3d6cd 6px 12px);color:#4a4f44}
.danger.sm{font-size:.8rem}.danger.sm .dn{width:1.4rem;height:1.4rem;font-size:.78rem;border-radius:4px}
.avy-centers{display:grid;gap:var(--s6);margin:var(--s5) 0 var(--s6)}
.center-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;border-bottom:2px solid var(--spruce);padding-bottom:var(--s3);margin-bottom:var(--s4)}
.center-head h3{font-size:var(--fs-h2);margin:0;color:var(--spruce-dk);line-height:1.2}
.center-head .eyebrow{margin:0}
.c-blurb{margin:.3rem 0 0;color:var(--muted);max-width:70ch;font-size:.95rem}
.c-links{display:flex;flex-wrap:wrap;gap:.4rem}
.zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--s4)}
.zone{position:relative;padding:var(--s4) var(--s5) var(--s5);display:flex;flex-direction:column;gap:.5rem;overflow:hidden}
.zone::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--dc)}
.zone-top{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin-top:.2rem}
.zone h4{margin:0;font-size:1.15rem;color:var(--spruce-dk);line-height:1.25}
.zone p{margin:0;font-size:.92rem}
.z-status.ok strong{color:#2f7a2a}.z-status.warn strong{color:var(--rust-dk)}.z-status.off strong{color:var(--spruce-dk)}
.z-last{color:var(--muted)}
.z-adv{font-weight:600}
.elev{display:grid;gap:.25rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .6rem}
.elev-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}
.z-bl{margin:.2rem 0 0;padding:.6rem .8rem;background:var(--paper);border-left:3px solid var(--line-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.88rem;color:#3a3e34}
.z-bl p{font-size:.88rem}
.z-bl footer{font-size:.75rem;color:var(--muted);margin-top:.3rem}
.zone .cta{margin-top:auto;align-self:flex-start}
.avy-map-sec,.avy-scale,.avy-wx,.avy-support,.avy-gear,.avy-learn{border-top:1px solid var(--line);padding-top:var(--s6);margin-top:var(--s6)}
.avy-map{height:440px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#dfe6e9;z-index:0}
.avy-pop{font-size:.9rem;line-height:1.45}
.avy-others{margin-top:var(--s4)}
.avy-others h3{font-size:1.05rem;margin:0 0 .4rem;color:var(--spruce-dk)}
.avy-others ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.92rem}
.avy-others li{display:flex;align-items:center;gap:.3rem}
.scale-list{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;gap:.4rem}
.scale-list li{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:var(--s4);align-items:center;background:var(--card);border:1px solid var(--line);border-left:6px solid var(--dc,#cfd2ca);border-radius:var(--radius-sm);padding:.55rem .8rem;font-size:.93rem}
.wx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.wx-card{padding:var(--s4) var(--s5)}
.wx-card h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--spruce-dk)}
.wx-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.92rem}
.wx-card li span{color:var(--muted);font-size:.8rem;white-space:nowrap}
.avy-support{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s6);align-items:center}
.avy-support h2{margin:0 0 .5rem;font-size:var(--fs-h2);color:var(--spruce-dk);line-height:1.2}
.avy-support p{margin:0;color:#3a3e34}
.support-links{display:grid;gap:.5rem}
.support-row{display:grid;grid-template-columns:4.5rem auto auto;gap:.5rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .7rem}
.gear-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);margin-bottom:var(--s5)}
.gear-basics{padding:var(--s5)}
.gear-basics h3,.gear-deal h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--spruce-dk)}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.checks li{padding-left:1.7rem;position:relative;font-size:.95rem}
.checks li::before{content:"";position:absolute;left:0;top:.3rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--spruce) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.gear-deal{display:grid;grid-template-columns:170px minmax(0,1fr);gap:var(--s4);padding:var(--s5);border-left:4px solid var(--spruce)}
.gear-deal p{margin:0 0 .4rem}
.gear-deal .m{color:var(--muted);font-size:.92rem}.gear-deal .m strong{color:var(--ink)}
.kit-img{position:relative;display:block;overflow:hidden;text-decoration:none}
.kit-img img{width:100%;height:100%;display:block}
.kit-img .credit{position:absolute;right:4px;bottom:4px;color:var(--muted);font-size:.66rem;padding:0 .35rem;border-radius:4px}
.learn-list{margin:0 0 var(--s4);padding-left:1.1rem;display:grid;gap:.4rem}
@media (max-width:1000px){.wx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-grid,.avy-support{grid-template-columns:1fr}}
@media (max-width:620px){
  .avy-warning{grid-template-columns:1fr;padding:var(--s4)}.avy-warning-icon{width:36px;height:36px;line-height:36px;font-size:1.3rem}
  .wx-grid{grid-template-columns:1fr}.scale-list li{grid-template-columns:1fr;gap:.35rem}
  .avy-map{height:340px}.gear-deal{grid-template-columns:1fr}.gear-deal .kit-img{aspect-ratio:4/3}
  .zones{grid-template-columns:1fr}.c-links .cta{flex:1 1 auto}
}
