.qiblah-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--white)}
.qiblah-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px}
.qiblah-heading h2{font-size:1.6rem;margin:5px 0 10px}.qiblah-heading p{margin:0;color:var(--muted);font-size:.9rem}.qiblah-heading .eyebrow{font-size:.75rem;color:var(--accent)}
.qiblah-bearing{text-align:right;flex-shrink:0}.qiblah-bearing strong{display:block;font-size:2.7rem;letter-spacing:-1.5px;color:var(--accent)}.qiblah-bearing span{font-size:.75rem;color:var(--muted)}
.qiblah-map{background:var(--soft);overflow:hidden;aspect-ratio:12/7}.qiblah-map svg{display:block;width:100%;height:100%}.qiblah-loading{padding:24px}.map-grid path{fill:none;stroke:var(--line);stroke-width:.5}.map-land path{fill:var(--white);stroke:var(--line);stroke-width:1}.map-halo{fill:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:3 6;opacity:.45}.map-direction path{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.map-direction .map-direction-outline{stroke:var(--white);stroke-width:10}.map-pin{fill:var(--accent);stroke:var(--white);stroke-width:4}.map-label-bg{fill:var(--white);stroke:var(--line)}.map-label{fill:var(--ink);font-size:13px;font-family:inherit}.map-north{fill:var(--ink);font-size:15px;font-weight:bold}.map-north path{stroke:var(--ink);stroke-width:2;fill:none}
.qiblah-controls{display:flex;gap:8px;align-items:center;padding:18px 26px 0;flex-wrap:wrap}.qiblah-controls span{font-size:.85rem;margin-right:8px;color:var(--muted)}.qiblah-controls button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:9px;padding:10px 14px;min-height:44px;font:inherit;font-size:.875rem;cursor:pointer}.qiblah-controls button[aria-pressed=true]{background:var(--action);color:var(--on-action);border-color:var(--action)}.qiblah-note{font-size:.875rem;line-height:1.7;margin:16px 26px 8px;color:var(--muted)}.qiblah-credit{font-size:.75rem;margin:0 26px 22px;color:var(--muted)}
.home-time-rhythm>a{position:relative;overflow:hidden;grid-template-columns:1fr;padding:22px 18px;gap:8px;background:linear-gradient(145deg,var(--white),var(--soft));border-top:3px solid var(--accent);box-shadow:0 6px 16px #00000006;transition:transform .18s,box-shadow .18s}
.home-time-rhythm>a>.visual-icon{width:32px;height:32px;margin-bottom:10px;padding:10px;box-sizing:content-box;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.home-time-rhythm>a>strong{font-size:1.2rem}.home-time-rhythm>a>span:last-child{grid-column:1;font-size:.875rem}.home-time-rhythm>a>span:first-of-type{display:block;position:absolute;right:15px;top:20px;font-size:.8rem;letter-spacing:.1em;color:var(--muted)}
.home-time-rhythm>a:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000012}.home-time-rhythm>a:last-child{background:var(--action);color:var(--on-action)}.home-time-rhythm>a:last-child>span{color:var(--on-action)}
@media(max-width:600px){.qiblah-heading{align-items:flex-start;padding:20px;gap:16px;flex-direction:column}.qiblah-bearing{text-align:left}.qiblah-bearing strong{display:inline-block;margin-right:12px;font-size:2.2rem}.qiblah-controls{padding:16px 18px 0}.qiblah-note{margin:14px 18px 8px}.qiblah-credit{margin:0 18px 20px}.qiblah-map{aspect-ratio:1.35}.qiblah-map svg{object-fit:cover}.home-time-rhythm>a{padding:18px 14px}.home-time-rhythm>a:last-child{grid-template-columns:auto 1fr;column-gap:16px;align-items:center}.home-time-rhythm>a:last-child>.visual-icon{grid-row:1/3;margin:0}.home-time-rhythm>a:last-child>span:last-child{grid-column:2}}
@media(prefers-reduced-motion:reduce){.home-time-rhythm>a{transition:none}.home-time-rhythm>a:hover{transform:none}}
.street-status{font-size:.8rem;line-height:1.5;color:var(--muted);margin:12px 26px 0;min-height:1.5em}
.qiblah-credit a{color:var(--accent)}
@media(max-width:600px){.street-status{margin-inline:18px}}
/* A restrained compass overlay keeps local streets legible. */
.qiblah-map{aspect-ratio:12/7;background:#e9eee9}.map-halo{stroke:#174e50;stroke-dasharray:none;stroke-width:1;opacity:.3;fill:#ffffff18}.map-compass-ticks{fill:none;stroke:#174e50;stroke-width:1.5;opacity:.65}.map-cardinals{fill:#173f42;font:600 13px system-ui;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.map-direction path{stroke:#00675f}.map-direction .map-direction-outline{stroke:#fff}.map-direction .map-beam{fill:#007c7520;stroke:none}.map-pin-ring{fill:#fff;stroke:#00675f;stroke-width:1.5}.map-pin{fill:#00675f;stroke:#fff;stroke-width:2}.map-destination rect,.map-scale rect,.map-location-badge rect{fill:#fffffff2;stroke:#c8d9d9}.map-destination text{fill:#416467;font:600 10px system-ui;letter-spacing:1px}.map-destination .map-degree{font-size:16px;letter-spacing:0;fill:#113b3e}.map-scale path{stroke:#173f42;stroke-width:2;fill:none}.map-scale text{fill:#173f42;font:12px system-ui}.map-location-badge circle{fill:#00675f}.map-location-badge text{fill:#173f42;font:12px system-ui}.qiblah-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 26px 0}.qiblah-toolbar .qiblah-controls{padding:0}.qiblah-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.qiblah-toolbar{padding:16px 18px 0;gap:16px}.qiblah-controls{gap:6px}.qiblah-controls span{min-width:44px;margin-right:0}.qiblah-controls button{padding:9px 11px}.qiblah-map{aspect-ratio:12/7}.qiblah-bearing span{display:block}}
@media(max-width:600px){.map-destination,.map-location-badge{display:none}.map-cardinals{font-size:25px}.map-scale text{font-size:23px}.map-scale path{stroke-width:3}.map-scale rect{fill:#fff}}
@media(max-width:600px){.qiblah-toolbar .qiblah-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.qiblah-controls span{grid-column:1/-1}.qiblah-controls button{padding-inline:8px}}