/* SiteReachLab v5 — curated website status pages */
.status-detail { padding-top:43px; padding-bottom:110px; }
.status-breadcrumb { display:flex; align-items:center; gap:11px; color:#799088; font-size:13px; margin-bottom:32px; }
.status-breadcrumb a { color:#127e60; text-decoration:none; }
.status-breadcrumb a:hover { text-decoration:underline; }
.status-titlebar { display:flex; gap:28px; align-items:flex-end; justify-content:space-between; margin-bottom:33px; }
.status-titlebar h1 { font-size:clamp(2.3rem,4vw,4.1rem); letter-spacing:-.055em; line-height:1.1; margin:19px 0 12px; }
.status-titlebar p { max-width:670px; color:#668079; margin:0; font-size:17px; line-height:1.75; }
.status-titlebar p strong { color:#15322b; }
.status-back { flex:none; text-decoration:none; color:#118663; background:#ecf8f2; border:1px solid #ceeadd; border-radius:12px; padding:12px 16px; font-weight:750; font-size:13px; }
.detail-kicker { display:inline-flex; }
.status-columns { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(260px, .8fr); gap:28px; align-items:start; }
.status-primary, .status-aside { display:flex; flex-direction:column; gap:23px; min-width:0; }
.status-live-card, .status-explain-card, .status-faq { background:#fff; border:1px solid #dcebe5; border-radius:23px; box-shadow:0 16px 42px rgba(12,58,45,.047); }
.status-live-card { padding:29px; }
.status-card-top { display:flex; justify-content:space-between; gap:18px; color:#6b847c; font-size:11px; font-weight:800; letter-spacing:.08em; }
.status-checked { text-transform:none; font-size:12px; letter-spacing:0; font-weight:600; }
.status-answer { display:flex; align-items:center; gap:18px; margin:32px 0; }
.status-answer h2 { margin:0 0 7px; font-size:clamp(1.4rem,2vw,1.85rem); letter-spacing:-.04em; }
.status-answer p { margin:0; max-width:600px; line-height:1.7; font-size:14px; }
.status-icon { display:flex; align-items:center; justify-content:center; flex:none; width:65px; height:65px; border-radius:17px; font-size:32px; font-weight:850; }
.status-icon-good { background:#def9ec; color:#0b9571; }
.status-icon-warn { background:#fff1d9; color:#a66c09; }
.status-icon-bad { background:#ffe7e9; color:#bd3a4b; }
.status-icon-neutral { background:#eff5f1; color:#6b817a; }
.status-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:22px 0; border-top:1px solid #e5eee9; border-bottom:1px solid #e5eee9; }
.status-metrics div { min-width:0; }
.status-metrics span { display:block; font-size:10px; color:#7f968b; font-weight:800; letter-spacing:.06em; margin-bottom:9px; }
.status-metrics strong { display:block; font-size:17px; color:#17362d; }
.status-check-controls { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:23px 0 0; }
.status-check-controls .primary-button { display:inline-flex; align-items:center; gap:10px; padding:15px 21px; border:0; }
.status-check-controls .primary-button:disabled { opacity:.6; cursor:progress; }
#status-error { color:#a83542; font-size:13px; line-height:1.55; margin:0; }
.status-redirect { color:#0d785b; background:#edf9f3; padding:12px 14px; border-radius:10px; overflow-wrap:anywhere; font-size:13px; }
.status-accuracy { font-size:12px; line-height:1.7; margin:20px 0 0; color:#7e9289; }
.status-explain-card { padding:29px; }
.status-explain-card h2,.status-faq h2 { font-size:25px; letter-spacing:-.04em; margin:15px 0 12px; }
.status-explain-card p { line-height:1.85; font-size:15px; margin:0 0 22px; }
.status-explain-links { display:flex; gap:16px 22px; flex-wrap:wrap; }
.status-explain-links a { color:#148c6a; font-weight:750; font-size:13px; text-decoration:none; }
.status-explain-links a:hover { text-decoration:underline; }
.status-faq { padding:29px; }
.status-faq details { border-top:1px solid #e5eee9; padding:18px 0; }
.status-faq details:last-child { padding-bottom:0; }
.status-faq summary { cursor:pointer; color:#1d4337; font-size:14px; font-weight:750; }
.status-faq details p { margin:12px 0 0; line-height:1.8; font-size:13px; }
.status-aside .rail-card { padding:25px; }
.status-aside h2 { font-size:22px; line-height:1.35; margin:10px 0 18px; }
.status-tips { padding:0 0 0 19px; margin:0; }
.status-tips li { padding:0 0 15px 5px; line-height:1.75; color:#586f66; font-size:14px; }
.status-tips li:last-child { padding-bottom:0; }
.status-other-card ul { list-style:none; margin:0; padding:0; }
.status-other-card li { border-top:1px solid #e5eee9; }
.status-other-card a { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; text-decoration:none; color:#176a51; font-size:14px; font-weight:700; }
.status-other-card a:hover { color:#0c986e; }
@media(max-width:900px) { .status-columns { grid-template-columns:1fr; } .status-titlebar { align-items:flex-start; flex-direction:column; } .status-aside { display:grid; grid-template-columns:1fr 1fr; } }
@media(max-width:640px) { .status-detail { padding-top:24px; } .status-breadcrumb { margin-bottom:20px; } .status-titlebar { margin-bottom:23px; } .status-titlebar h1 { font-size:2.4rem; } .status-titlebar p { font-size:14px; } .status-live-card,.status-explain-card,.status-faq { padding:20px; border-radius:18px; } .status-aside { display:flex; } .status-card-top { flex-wrap:wrap; } .status-answer { align-items:flex-start; gap:12px; } .status-icon { width:46px; height:46px; font-size:24px; border-radius:13px; } .status-metrics { gap:8px; } .status-metrics strong { font-size:15px; } }