/* TawheedTech public release layer — v1.0.1 */
/* Keyboard skip navigation — hidden until focused, then focus moves to the target. */
.skip-link{position:fixed;z-index:12000;inset-block-start:12px;inset-inline-start:12px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:2px solid #102f2d;border-radius:12px;background:#f0b52f;color:#102f2d;font-weight:850;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.24);opacity:0;pointer-events:none;transform:translateY(calc(-100% - 28px));transition:opacity .16s ease,transform .16s ease}
.skip-link:focus,.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:none;outline:3px solid rgba(255,255,255,.9);outline-offset:3px}
main[id],section[id]{scroll-margin-block-start:96px}
main[id]:focus{outline:none}
.recommendation-card.recommendation-confirmed{animation:ttRecommendationConfirm .9s ease}
@keyframes ttRecommendationConfirm{0%,100%{box-shadow:var(--shadow,0 20px 60px rgba(15,57,53,.12))}45%{box-shadow:0 0 0 5px rgba(229,167,42,.24),0 26px 75px rgba(15,57,53,.2)}}
.site-version{display:inline-flex;align-items:center;gap:.35rem;margin-inline-start:.65rem;padding:.22rem .55rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:750;letter-spacing:.03em;white-space:nowrap}
html[data-theme="light"] .tt-page .site-version{color:rgba(255,255,255,.72)}
.analytics-preferences-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;padding:0}
.analytics-consent{position:fixed;z-index:10020;inset:auto max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;justify-content:center;pointer-events:none}
.analytics-consent[hidden]{display:none}
.analytics-consent__card{pointer-events:auto;width:min(680px,100%);padding:20px;border:1px solid rgba(229,167,42,.28);border-radius:20px;background:rgba(9,38,36,.97);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(16px)}
.analytics-consent__card h2{margin:0 0 8px;font-size:1.05rem;color:#fff}
.analytics-consent__card p{margin:0;color:rgba(255,255,255,.78);font-size:.9rem;line-height:1.65}
.analytics-consent__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.analytics-consent__actions button,.analytics-consent__actions a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:12px;font:inherit;font-size:.86rem;font-weight:800;text-decoration:none;cursor:pointer}
.analytics-consent__accept{border:1px solid #e5a72a;background:#e5a72a;color:#102c2a}
.analytics-consent__decline{border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff}
.analytics-consent__privacy{border:0;background:transparent;color:#f0ca77}
.release-toast{position:fixed;z-index:10010;inset:auto 18px 18px auto;max-width:min(390px,calc(100vw - 36px));padding:13px 16px;border-radius:14px;background:#0b302d;color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.28);font-size:.86rem;font-weight:700;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.release-toast.show{opacity:1;transform:none}
.public-note{padding:16px 18px;border:1px solid rgba(34,97,92,.18);border-radius:16px;background:rgba(34,97,92,.06);line-height:1.7}
.public-note strong{display:block;margin-bottom:4px;color:var(--ink,#102c2a)}
.inline-alert{margin-top:14px;padding:12px 14px;border:1px solid rgba(185,70,50,.28);border-radius:12px;background:rgba(185,70,50,.08);color:#8b2f25;font-weight:700;line-height:1.5}
.inline-alert[hidden]{display:none}
.offline-page,.error-page{min-height:70vh;display:grid;place-items:center;padding:120px 20px 70px}
.status-card{width:min(680px,100%);padding:clamp(28px,6vw,56px);border:1px solid rgba(34,97,92,.14);border-radius:30px;background:var(--surface,#fff);box-shadow:0 24px 70px rgba(24,53,50,.12);text-align:center}
.status-card .official-logo{width:72px;height:72px;margin:0 auto 18px}
.status-card h1{margin:.2em 0;font-size:clamp(2rem,6vw,4rem)}
.status-card p{margin:0 auto 24px;max-width:52ch;line-height:1.7;color:var(--muted,#60706d)}
@media(max-width:640px){.analytics-consent__card{padding:17px;border-radius:17px}.analytics-consent__actions>*{flex:1 1 130px}.site-version{margin-inline-start:.35rem}.release-toast{inset:auto 12px calc(12px + env(safe-area-inset-bottom)) 12px;max-width:none}}
@media(prefers-reduced-motion:reduce){.release-toast{transition:none}}