.as-knowledge-map{max-width:var(--as-width);margin:2rem auto;padding:clamp(1rem,3vw,2.5rem);background:linear-gradient(90deg,rgba(224,230,225,.55),rgba(252,250,243,.97) 10%,rgba(252,250,243,.97) 90%,rgba(224,230,225,.55)),var(--as-card-image);color:var(--as-text);border:1px solid rgba(58,85,77,.26);box-shadow:0 14px 34px rgba(37,54,50,.1)}
.as-knowledge-map header p{max-width:70ch}.as-map-controls{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.as-map-controls button{font:inherit;padding:.55rem .8rem;border:1px solid var(--as-accent);background:#f9f6eb;color:var(--as-text);cursor:pointer}.as-map-filters{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin:1rem 0;padding:.7rem;border:1px solid rgba(58,85,77,.22)}.as-map-filters legend{font-weight:700}.as-map-viewport{height:clamp(22rem,58vw,40rem);border:1px solid rgba(58,85,77,.3);background:linear-gradient(135deg,#f8f4e9,#eef2ec);touch-action:pan-y}.as-map-fallback{margin-top:2rem;border-top:1px solid rgba(58,85,77,.24);padding-top:1rem}.as-map-fallback section{margin:1rem 0}.as-map-fallback h4{margin-bottom:.4rem}.as-map-fallback ul{padding-left:1.2rem}@media(max-width:600px){.as-map-viewport{height:24rem}.as-knowledge-map{margin:1rem 0;padding:1rem}}
