.qb-page{width:min(100%,1256px);margin:auto;padding:0 20px 96px;color:var(--ds-text);font-family:var(--ds-font,system-ui,sans-serif);line-height:1.65}.qb-page header{margin-bottom:24px}.qb-page p{color:var(--ds-muted)}.qb-compass{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,32px);text-align:center}.qb-compass .ds-c-btn{margin:4px}.qb-manual{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.qb-manual label{display:grid;gap:6px;text-align:left}.qb-manual .ds-c-btn{grid-column:1/-1}.qb-page a{color:var(--ds-accent)}.qb-page output{display:block;font-size:28px;font-weight:600}#qibla-arrow{font-size:72px;color:var(--ds-accent);width:100px;margin:auto;line-height:1.5;transform-origin:center}.qb-page :focus-visible{outline:3px solid var(--ds-accent);outline-offset:3px}@media(max-width:540px){.qb-manual{grid-template-columns:1fr}.qb-compass .ds-c-btn{width:100%;margin:4px 0}}