.page-map-callouts .hero{background:radial-gradient(ellipse 60% 80% at 80% 0%, rgba(var(--accent-rgb),.06), transparent 60%), linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);margin-bottom:2.5rem;padding:2.25rem 2rem 2rem;position:relative}.page-map-callouts .hero:before{content:"CS2 Map Callouts";font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.page-map-callouts .hero h1{margin-bottom:.75rem;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1}.page-map-callouts .description{color:var(--text2);max-width:700px;margin:0 0 1rem;font-size:1rem;line-height:1.7}.page-map-callouts .tags{flex-wrap:wrap;gap:.5rem;display:flex}.page-map-callouts .hero-tag{background:var(--bg);border:1px solid rgba(var(--accent-rgb),.45);color:var(--accent);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .7rem;font-size:.8rem;font-weight:700;transform:skew(-10deg)}.page-map-callouts .radar-map-section{margin-bottom:3rem}.page-map-callouts .radar-map-section h2{margin-bottom:1rem}.page-map-callouts .radar-container{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:2px;max-width:700px;padding:1rem}.page-map-callouts .radar-img{border-radius:0;width:100%;height:auto;display:block}.page-map-callouts #callout-info-panel .ci-desc{color:var(--text2);margin:0;font-size:.9rem;line-height:1.6}.page-map-callouts .callouts-section{margin-bottom:2.5rem}.page-map-callouts .callout-area{margin-bottom:2rem}.page-map-callouts .area-title{border-bottom:2px solid;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem;font-style:italic;font-weight:700}.page-map-callouts .area-title.ct-side{color:var(--ct);border-color:var(--ct)}.page-map-callouts .area-title.t-side{color:var(--t);border-color:var(--t)}.page-map-callouts .area-title.mid-area{color:var(--green);border-color:var(--green)}.page-map-callouts .callout-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.page-map-callouts .callout-card{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:2px;padding:1rem 1.25rem;transition:border-color .12s,transform .12s,background .12s}.page-map-callouts .callout-card:hover,.page-map-callouts .callout-card.highlighted{transform:translateY(-2px)}.page-map-callouts .callout-card.ct-card{border-left:3px solid var(--ct)}.page-map-callouts .callout-card.t-card{border-left:3px solid var(--t)}.page-map-callouts .callout-card.mid-card{border-left:3px solid var(--green)}.page-map-callouts .callout-card.ct-card:hover,.page-map-callouts .callout-card.ct-card.highlighted{border-color:var(--ct);background:#5aa9ff14}.page-map-callouts .callout-card.t-card:hover,.page-map-callouts .callout-card.t-card.highlighted{border-color:var(--t);background:#f0b64a14}.page-map-callouts .callout-card.mid-card:hover,.page-map-callouts .callout-card.mid-card.highlighted{border-color:var(--green);background:#3ddc8414}.page-map-callouts .callout-card h4{letter-spacing:.03em;color:var(--text);margin:0 0 .35rem;font-size:1.05rem}.page-map-callouts .callout-card p{color:var(--text2);margin:0;font-size:.88rem;line-height:1.5}.page-map-callouts .tips-section{margin-bottom:2.5rem}.page-map-callouts .tips-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.page-map-callouts .tip-item{background:var(--bg2);border:1px solid var(--border);border-radius:2px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.page-map-callouts .tip-num{background:var(--accent);color:#0b0d12;min-width:28px;height:28px;font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-style:italic;font-weight:800;display:flex;transform:skew(-10deg)}.page-map-callouts .tip-item p{color:var(--text2);margin:0;font-size:.88rem;line-height:1.5}.page-map-callouts .strategies-section{margin-bottom:2.5rem}.page-map-callouts .strat-group{margin-bottom:1.5rem}.page-map-callouts .strat-group h3{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.4rem;font-size:1.1rem}.page-map-callouts .strat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.page-map-callouts .strat-card{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:2px;padding:1rem 1.25rem;transition:border-color .12s,transform .12s}.page-map-callouts .strat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.page-map-callouts .strat-card h4{letter-spacing:.03em;color:var(--accent);margin:0 0 .35rem;font-size:1.05rem}.page-map-callouts .strat-card p{color:var(--text2);margin:0;font-size:.88rem;line-height:1.5}.page-map-callouts .tnum{font-variant-numeric:tabular-nums}.page-map-callouts .pro-stats-section{margin-bottom:3rem}.page-map-callouts .pro-stats-section h2{margin-bottom:1rem}.page-map-callouts .pro-stats-intro{color:var(--text2);max-width:760px;margin:0 0 1.25rem;font-size:.95rem;line-height:1.7}.page-map-callouts .pro-stats-intro .tnum{color:var(--text);font-weight:700}.page-map-callouts .ct-t-bar{border:1px solid var(--border);border-radius:2px;width:100%;max-width:760px;height:38px;margin-bottom:1.25rem;display:flex;overflow:hidden}.page-map-callouts .ct-t-fill{align-items:center;min-width:0;display:flex;overflow:hidden}.page-map-callouts .ct-t-fill.ct{border-right:2px solid var(--ct);background:#5aa9ff38}.page-map-callouts .ct-t-fill.t{background:#f0b64a38;justify-content:flex-end}.page-map-callouts .ct-t-lbl{font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 .7rem;font-size:.82rem;font-style:italic;font-weight:800}.page-map-callouts .ct-t-fill.ct .ct-t-lbl{color:var(--ct)}.page-map-callouts .ct-t-fill.t .ct-t-lbl{color:var(--t)}.page-map-callouts .pro-stats-grid{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:2px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:760px;padding:1.5rem;display:grid}.page-map-callouts .pro-stats-grid .bc-stat-val{font-size:1.85rem}.page-map-callouts .pro-stats-note{color:var(--text2);max-width:760px;margin:1rem 0 0;font-size:.9rem;line-height:1.7}.page-map-callouts .pro-stats-note .tnum{color:var(--text);font-weight:700}.page-map-callouts .pro-stats-note a{color:var(--accent);font-weight:600}@media (max-width:768px){.page-map-callouts .hero{padding:1.5rem 1.15rem 1.35rem}.page-map-callouts .callout-grid,.page-map-callouts .strat-grid,.page-map-callouts .tips-grid{grid-template-columns:1fr}.page-map-callouts .pro-stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.85rem;padding:1.15rem}}