/* 2026-10-19: مركز هَدْأة — centre infographics and tools */
.sk-app{--sk:#3b1f1f;--sk2:#f2b880;--ink:#101f35;font-family:inherit;color:var(--ink)}
.sk-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}
.sk-tabs button{flex:none;border:1px solid #d9cfd3;background:#fff;border-radius:999px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;min-height:44px;color:var(--sk)}
.sk-tabs button.on{background:var(--sk);color:#fff;border-color:var(--sk)}
.sk-panel{display:grid;gap:14px}
.sk-card{background:#fff;border:1px solid #e6dcd8;border-radius:18px;padding:18px 18px 16px}
.sk-card h2{font-size:22px;margin:0 0 8px}.sk-card h3{font-size:17px;margin:0 0 10px;color:var(--sk)}
.sk-hero{background:var(--sk);color:#fff;border-color:var(--sk)}.sk-hero h2{color:#fff}
.sk-streak{margin:0 0 12px;color:#f6e3d2}.sk-streak b{font-size:30px;color:var(--sk2);margin-inline-end:6px}
.sk-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:420px}
.sk-week span{display:grid;justify-items:center;gap:4px}.sk-week i{display:block;width:100%;height:14px;border-radius:7px;background:#6a4a4a}
.sk-week small{font-size:11px;color:#e9d7cf}.sk-q i{background:#5bbf8e}.sk-m i{background:#e8b65a}.sk-h i{background:#e26a52}
.sk-alert{background:#fff4f2;color:#7a1f12;border:1px solid #f1c7bf;border-radius:12px;padding:10px 12px;margin:12px 0 0;font-weight:600;line-height:1.7}
.sk-form{display:grid;gap:10px}.sk-form label{display:grid;gap:4px;font-size:14px;font-weight:600;color:#3d2a2a}
.sk-form input,.sk-form select{font:inherit;font-size:16px;padding:10px 12px;border:1px solid #cfc2bd;border-radius:10px;min-height:44px;background:#fff}
.sk-check{display:flex!important;gap:8px;align-items:center;font-weight:500!important}.sk-check input{min-height:0;width:22px;height:22px}
.sk-form .btn{justify-self:start}.sk-status{margin:0;font-size:14px;color:#2e7d5b;min-height:1em}
.sk-due,.sk-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sk-due li,.sk-list li{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;border:1px solid #efe6e2;border-radius:12px;padding:10px 12px;background:#fbf8f6}
.sk-due li b,.sk-list li b{font-size:16px}.sk-due li span,.sk-list li span{color:#5a4a4a;font-size:14px;margin-inline-start:6px}
.sk-due li em,.sk-list small{display:block;grid-column:1/-1;font-style:normal;font-size:13px;color:#6b5d5d}
.sk-due li em.now{color:#2e7d5b;font-weight:700}.sk-due li em.late{color:#b3412f;font-weight:700}
.sk-actions{display:flex;flex-wrap:wrap;gap:6px}.sk-actions .btn{padding:8px 12px;min-height:40px;font-size:14px}
.sk-del{background:none;border:0;color:#b3412f;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;min-height:40px}
.sk-muted{color:#6b5d5d;margin:0 0 8px;font-size:15px;line-height:1.7}
.sk-tip{border-inline-start:6px solid var(--sk2)}.sk-tip p{font-size:18px;line-height:1.8;margin:6px 0 8px}.sk-tip a{color:var(--sk);font-weight:600}
.sk-flare ul{margin:0 0 8px;padding-inline-start:20px;line-height:1.8}.sk-flare p{margin:0;font-size:14px;color:#7a1f12}
.sk-chart{width:100%;height:auto;background:#fff;border-radius:12px;border:1px solid #efe6e2;margin-bottom:10px}
.sk-compare{display:grid;gap:2px;border-radius:12px;padding:12px 14px;margin-bottom:10px;border:1px solid #e6dcd8}
.sk-compare b{font-size:20px}.sk-compare.down b{color:#2e7d5b}.sk-compare.up b{color:#b3412f}.sk-compare.stable b{color:#9a5a0e}
.sk-compare span{font-size:15px}.sk-compare em{font-style:normal;font-weight:600;font-size:14px}
.sk-bands summary{cursor:pointer;font-weight:600;color:var(--sk);min-height:44px;display:flex;align-items:center}
.sk-bands ul{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px}.sk-bands li{display:flex;gap:8px;align-items:center;font-size:14px}
.sk-bands i{width:14px;height:14px;border-radius:50%;flex:none}.sk-bands p{font-size:13px;color:#6b5d5d;margin:4px 0 10px}
.sk-compact li{grid-template-columns:auto 1fr auto}
.sk-next{display:grid;gap:4px;border:2px solid var(--sk);border-radius:14px;padding:12px 14px;margin-bottom:12px;justify-items:start}
.sk-next b{font-size:15px;color:var(--sk)}.sk-next span{font-size:20px;font-weight:700}.sk-next em{font-style:normal;color:#b3412f;font-weight:600}.sk-next a{font-size:14px}
.sk-summary table{width:100%;border-collapse:collapse;font-size:14px;margin:4px 0 12px}.sk-summary th,.sk-summary td{border-bottom:1px solid #eee;padding:6px 8px;text-align:start}
.sk-inline{display:flex;flex-wrap:wrap;gap:8px}.sk-inline span{border:2px solid;border-radius:999px;padding:4px 12px;font-size:14px}.sk-inline b{font-size:16px}
.sk-foot{font-size:12px;color:#6b5d5d}
.sk-danger{margin-top:14px;padding-top:14px;border-top:1px dashed #e6dcd8}
.sk-demo{margin:0 0 10px;font-size:13px;color:#7a1f12;background:#fff4f2;border-radius:10px;padding:8px 12px}
@media print{body *{visibility:hidden}#sk-print,#sk-print *{visibility:visible}#sk-print{position:absolute;inset:0;padding:20px}.sk-noprint{display:none!important}}
/* Centre infographics */
.sk-info{background:#fff;border:1px solid #e6dcd8;border-radius:18px;padding:16px;margin:12px 0}
.sk-info svg{width:100%;height:auto;display:block}.sk-info figcaption{font-size:13px;color:#6b5d5d;margin-top:8px;line-height:1.7}
.sk-meds{display:grid;gap:10px}.sk-meds details{background:#fff;border:1px solid #e6dcd8;border-radius:14px;overflow:hidden}
.sk-meds summary{cursor:pointer;list-style:none;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;min-height:44px}
.sk-meds summary::-webkit-details-marker{display:none}.sk-meds summary b{font-size:16px}.sk-meds summary i{font-style:normal;font-size:12px;border-radius:999px;padding:3px 10px;background:#f3e9e4;color:var(--sk)}
.sk-meds dl{margin:0;padding:0 14px 14px;border-top:1px solid #f0e8e4;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px;line-height:1.7}
.sk-meds dt{font-weight:700;color:var(--sk)}.sk-meds dd{margin:0}
.sk-langbar{display:flex;gap:8px;align-items:center;font-size:14px;margin:0 0 10px}.sk-langbar a{border:1px solid #c9a7b6;border-radius:999px;padding:4px 12px;color:#fff;text-decoration:none}
.sk-daily{background:linear-gradient(135deg,#3b1f1f,#5a3030);color:#fff;border-radius:18px;padding:18px;display:grid;gap:8px;margin:12px 0}
.sk-daily .eyebrow{color:var(--sk2)}.sk-daily p{margin:0;font-size:18px;line-height:1.8}.sk-daily a{color:#fff;font-weight:600}
.sk-ladder ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sk-ladder li{border-radius:10px;padding:8px 14px;display:flex;justify-content:space-between;gap:10px;align-items:baseline;min-width:62%}
.sk-ladder b{font-size:15px}.sk-ladder span{font-size:12px;opacity:.9}
@media(max-width:480px){.sk-ladder li{flex-direction:column;gap:0}}