.compass-page-heading{text-align:center;padding-block:3.5rem 1rem}.compass-page-heading h1{margin-block:.6rem 1rem;font-size:clamp(2.5rem,5vw,4.6rem)}.compass-page-heading p:last-child{color:var(--zy-text-muted);font-size:clamp(1.1rem,2vw,1.5rem)}.compass-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4.5rem);padding-block:1rem 3rem;display:grid}.compass-figure{min-width:0}.compass-dial{aspect-ratio:1;max-width:39rem;margin-inline:auto;position:relative}.compass-dial>svg{width:100%;height:auto;display:block;overflow:visible}.compass-rim{fill:var(--zy-brand-deep);stroke:var(--zy-brand-gold);stroke-width:1.5px}.compass-ticks{fill:none;stroke:var(--zy-brand-gold);stroke-width:5px;stroke-dasharray:1 7}.compass-sector{cursor:pointer;outline:none}.compass-sector-fill{fill:var(--zy-brand-raised);stroke:var(--zy-brand-gold);stroke-width:1px;transition:fill .18s}.compass-sector[aria-pressed=true] .compass-sector-fill{fill:color-mix(in srgb, var(--zy-brand-gold) 45%, var(--zy-brand-deep));stroke:var(--zy-brand-gold-light);stroke-width:3px}.compass-sector:focus-visible .compass-sector-fill{stroke:var(--zy-brand-ivory);stroke-width:4px;stroke-dasharray:6 4}.compass-sector:hover .compass-sector-fill{stroke-width:3px}.compass-label{pointer-events:none;color:var(--zy-brand-gold-light)}.compass-label text{fill:var(--zy-brand-ivory);font:26px Georgia,serif}.compass-star{fill:var(--zy-brand-gold-light)}.compass-direction{fill:var(--zy-brand-accent);font:24px Georgia,serif}.compass-direction-dot{fill:var(--zy-brand-gold)}.compass-play{aspect-ratio:1;border:2px solid var(--zy-brand-gold-light);background:var(--zy-brand-deep);width:15%;min-width:44px;color:var(--zy-brand-gold-light);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-play svg{width:45%;height:45%}.compass-play:focus-visible{outline:3px solid var(--zy-public-focus);outline-offset:5px}.compass-instruction{text-align:center;color:var(--zy-text-muted);margin:0}.compass-explanation{background:var(--zy-surface);border:1px solid var(--zy-brand-accent);border-radius:1rem;flex-direction:column;min-height:35rem;padding:clamp(1.4rem,3vw,2.4rem);display:flex}.compass-explanation h2{margin-block:.6rem 1rem;font-size:clamp(1.8rem,3vw,2.65rem)}.compass-explanation>p{line-height:1.6}.compass-explanation dl{margin:0 0 1.5rem}.compass-explanation dl div{border-top:1px solid var(--zy-line);padding-block:1rem}.compass-explanation dt{color:var(--zy-text-strong);font:1.25rem Georgia,serif}.compass-explanation dd{color:var(--zy-text-muted);margin:.4rem 0 0;line-height:1.5}.compass-explanation>a{margin-top:auto}.compass-report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.compass-report-grid>article{background:var(--zy-surface);border:1px solid var(--zy-line);text-align:center;border-radius:.7rem;min-width:0;padding:1.4rem 1rem}.compass-report-grid h3{margin:0 0 .6rem;font-size:1.7rem}.compass-report-grid .ir-competency-scale{display:none}.compass-report-grid .zy-capability-map__help{text-align:left}.compass-report-heading{text-align:center;margin-bottom:2rem;margin-inline:auto}@media (width<=800px){.compass-layout{grid-template-columns:1fr;gap:1.2rem}.compass-page-heading{padding-top:2rem}.compass-explanation{min-height:0}.compass-report-grid{grid-template-columns:1fr}.compass-direction{font-size:26px}}@media (prefers-reduced-motion:reduce){.compass-sector-fill{transition:none}}