.reading-compass{display:grid;grid-template-columns:1fr 1.65fr;gap:48px;margin:48px 0 64px;padding:32px;background:linear-gradient(125deg,#12232a,#111923 55%);border:1px solid #34474b;border-radius:12px;scroll-margin-top:110px}
.compass-intro .kicker{font-size:.6rem;letter-spacing:.09em}
.compass-intro h2{font-size:clamp(1.7rem,2.5vw,2.2rem);border:0;padding:0;margin:14px 0}
.compass-intro p:not(.kicker){font-size:.9rem;line-height:1.8;color:var(--muted);max-width:34ch}
.compass-intro>a{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;padding:12px 0;min-height:44px}
.compass-browser{min-width:0}
.compass-choices{display:flex;flex-wrap:wrap;gap:7px}
.compass-choices button{font:inherit;font-size:.75rem;min-height:44px;padding:8px 13px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.compass-choices button:hover{border-color:var(--accent);color:var(--ink)}
.compass-choices button[aria-pressed=true]{color:#092126;background:var(--accent);border-color:var(--accent)}
.compass-status{color:var(--muted);font-size:.72rem;margin:14px 0 8px;min-height:1.7em}
.compass-results{min-height:240px}
.compass-result{display:flex;align-items:center;gap:16px;min-height:84px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.compass-result>img{width:64px;height:54px;object-fit:contain;background:var(--bg);border-radius:4px;flex-shrink:0}
.compass-result>span:not(.compass-result-arrow){min-width:0}
.compass-result-meta{display:block;color:var(--muted);font: .62rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.compass-result-title{display:block;font-family:Georgia,serif;font-size:1.02rem;line-height:1.4}
.compass-result-arrow{margin-left:auto;flex-shrink:0;color:var(--accent);transition:transform .2s}
.compass-result:hover .compass-result-arrow,.compass-result:focus-visible .compass-result-arrow{transform:translate(2px,-2px)}
@media(max-width:900px){.reading-compass{gap:28px;padding:26px;grid-template-columns:1fr 1.5fr}.compass-result{gap:12px}.compass-result>img{width:52px}}
@media(max-width:650px){.reading-compass{grid-template-columns:1fr;padding:22px;gap:20px;margin:32px 0 40px}.compass-intro p:not(.kicker){max-width:none}.compass-intro h2{font-size:1.8rem}.compass-choices{gap:6px}.compass-choices button{flex:1 0 40%;font-size:.8rem}.compass-result-title{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.reading-compass *{transition:none!important}}
@media print{.reading-compass{display:none!important}}