:root{--primary:#008080;--primary-hover:#006666;--secondary:#64748B;--dark:#0F172A;--light:#F8FAFC;--white:#FFFFFF;--border:#E2E8F0;--input:#CBD5E1;--green:#166534;--green-bg:#F0FDF4;--amber:#92400E;--amber-bg:#FFFBEB;--red:#991B1B;--red-bg:#FEF2F2;--shadow:0 12px 36px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--dark);font-family:'Inter',sans-serif;font-size:14px;line-height:1.6}html[dir="rtl"] body{font-family:'IBM Plex Sans Arabic',sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:-999px;z-index:100;background:var(--white);padding:10px 14px}.skip-link:focus{inset-inline-start:8px}.site-header{position:sticky;inset-block-start:0;z-index:30;background:rgba(255,255,255,.96);border-block-end:1px solid var(--border);backdrop-filter:blur(12px)}.header-inner{max-width:1200px;margin-inline:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{display:block;width:180px}.header-actions{display:flex;align-items:center;gap:10px}.text-button,.language-button{border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--dark);padding:8px 12px;font-weight:600}.language-button{color:var(--primary);border-color:#99CCCC}.text-button:hover,.language-button:hover{background:#F1F5F9}.disclaimer{background:#ECFEFF;color:#155E75;text-align:center;padding:8px 20px;border-block-end:1px solid #CFFAFE}.hero{background:linear-gradient(140deg,#F0FDFA 0%,#FFFFFF 68%);padding:64px 24px 50px;text-align:center;border-block-end:1px solid var(--border)}.hero h1{font-size:clamp(28px,5vw,46px);line-height:1.15;margin:10px auto 12px;max-width:720px;letter-spacing:-.035em}.hero p{color:var(--secondary);font-size:16px;max-width:640px;margin:0 auto 26px}.eyebrow{display:inline-block;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.search-wrap{max-width:650px;margin-inline:auto;display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--input);border-radius:12px;padding-inline:16px;box-shadow:var(--shadow)}.search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,128,128,.12)}.search-wrap span{font-size:26px;color:var(--secondary)}.search-wrap input{width:100%;border:0;outline:0;padding:15px 0;background:transparent;font-size:16px;font-weight:500;color:var(--dark)}.content-shell,.clinipocket-tool-wrapper,.admin-view{max-width:1200px;margin-inline:auto;padding:30px 24px 70px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-block-end:4px}.filter-pill{white-space:nowrap;border:1px solid var(--border);border-radius:999px;padding:8px 14px;background:var(--white);color:var(--secondary);font-weight:600}.filter-pill.active,.filter-pill:hover{background:var(--primary);border-color:var(--primary);color:var(--white)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-block:30px 16px}.section-heading h2{margin:0;font-size:18px}.section-heading p{margin:2px 0 0;color:var(--secondary)}.offline-badge{font-size:12px;color:var(--green);background:var(--green-bg);padding:5px 9px;border-radius:999px}.calculator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.calculator-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;min-height:230px;transition:.2s}.calculator-card:hover{transform:translateY(-2px);border-color:#99CCCC;box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;gap:12px}.tool-icon{width:42px;height:42px;border-radius:10px;background:#E6F4F4;color:var(--primary);display:grid;place-items:center;font-weight:700}.specialty-tag{color:var(--primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.calculator-card h2{font-size:18px;line-height:1.35;margin:16px 0 4px}.arabic-name{color:var(--secondary);margin:0;font-family:'IBM Plex Sans Arabic',sans-serif}.card-description{color:var(--secondary);margin:10px 0 18px;flex:1}.open-tool{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--primary);font-weight:700;border-block-start:1px solid var(--border);padding-block-start:12px}.empty-state{text-align:center;padding:60px 20px}.tool-breadcrumb{display:flex;gap:7px;color:var(--secondary);margin-block-end:18px}.tool-breadcrumb a{color:var(--primary);text-decoration:none}.tool-hero{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-block-end:22px}.tool-hero h1{font-size:24px;line-height:1.25;margin:4px 0}.tool-hero p{color:var(--secondary);max-width:720px;margin:8px 0}.review-chip{border:1px solid var(--border);background:var(--white);border-radius:12px;padding:12px 14px;min-width:220px;color:var(--secondary)}.review-chip strong{display:block;color:var(--dark)}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.tool-main,.tool-sidebar{display:grid;gap:18px}.card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:22px}.card h2{font-size:18px;margin:0 0 14px}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-group{display:grid;gap:6px}.field-group.full{grid-column:1/-1}.field-group label,.fieldset-label{font-weight:600}.field-hint{font-size:12px;color:var(--secondary)}input[type="number"],select{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--input);background:var(--white);color:var(--dark);font-size:16px;font-weight:500;min-height:46px}input:focus,select:focus{outline:3px solid rgba(0,128,128,.14);border-color:var(--primary)}.radio-options,.checkbox-option{display:grid;gap:8px}.radio-card,.checkbox-option label{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.radio-card:has(input:checked),.checkbox-option label:has(input:checked){border-color:var(--primary);background:#F0FDFA}.radio-card input,.checkbox-option input{accent-color:var(--primary);width:18px;height:18px}.form-actions{display:flex;gap:10px;margin-block-start:20px}.primary-button,.secondary-button{border-radius:12px;padding:11px 18px;font-weight:600}.primary-button{background:var(--primary);color:var(--white);border:1px solid var(--primary)}.primary-button:hover{background:var(--primary-hover)}.secondary-button{background:var(--white);color:var(--dark);border:1px solid var(--input)}.validation-box{color:var(--red);background:var(--red-bg);border-inline-start:4px solid var(--red);padding:10px 12px;margin-block-end:14px;border-radius:8px}.result-card{display:none;border-width:1px;border-style:solid}.result-card.visible{display:block}.result-card.green{background:var(--green-bg);border-color:#BBF7D0}.result-card.amber{background:var(--amber-bg);border-color:#FDE68A}.result-card.red{background:var(--red-bg);border-color:#FECACA}.result-score{font-size:38px;line-height:1;font-weight:700;margin:8px 0}.result-category{font-size:16px;font-weight:700}.result-details{margin:14px 0 0;padding-inline-start:20px}.clinical-copy h2{font-size:18px;margin:28px 0 8px}.clinical-copy h2:first-child{margin-block-start:0}.clinical-copy p,.clinical-copy li{color:#334155}.clinical-copy ul{padding-inline-start:22px}.equation{font-size:16px;background:#F8FAFC;border-inline-start:4px solid var(--primary);padding:14px;border-radius:8px;overflow-x:auto}.interpretation-table{width:100%;border-collapse:collapse;font-size:13px}.interpretation-table th,.interpretation-table td{text-align:start;padding:11px;border-block-end:1px solid var(--border);vertical-align:top}.interpretation-table th{background:#F8FAFC}.faq-item{border-block-start:1px solid var(--border);padding-block:13px}.faq-item h3{font-size:14px;margin:0 0 5px}.reference-list{padding-inline-start:20px}.reference-list a{color:var(--primary)}.sidebar-note{color:var(--secondary)}.sidebar-note strong{color:var(--dark)}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-block-end:24px}.admin-header h1{font-size:24px;margin:0}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card strong{font-size:30px;display:block}.metric-card span{color:var(--secondary)}.admin-table-wrap{overflow:auto;margin-block-start:18px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-inline-end:6px}.site-footer{background:var(--dark);color:var(--white);padding:34px max(24px,calc((100% - 1152px)/2));display:grid;gap:22px}.site-footer>div{display:flex;gap:12px;align-items:center}.site-footer p{margin:2px 0;color:#CBD5E1}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px}.site-footer button{padding:0;border:0;background:none;color:#E2E8F0;text-decoration:underline}.site-footer>p{font-size:12px}dialog{max-width:680px;width:calc(100% - 32px);border:0;border-radius:12px;padding:28px;box-shadow:0 30px 80px rgba(15,23,42,.28)}dialog::backdrop{background:rgba(15,23,42,.6)}.modal-close{float:inline-end;border:0;background:none;font-size:28px}.modal-body h2{font-size:24px}.modal-body h3{font-size:18px;margin-block-start:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.calculator-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-layout{grid-template-columns:1fr}.tool-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.header-inner{padding-inline:16px}.brand img{width:145px}.hero{padding:46px 16px 38px}.content-shell,.clinipocket-tool-wrapper,.admin-view{padding-inline:16px}.calculator-grid,.admin-grid,.input-grid,.tool-sidebar{grid-template-columns:1fr}.tool-hero,.section-heading,.admin-header{align-items:stretch;flex-direction:column}.review-chip{min-width:0}.form-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.offline-badge{align-self:flex-start}}
@media print{.site-header,.disclaimer,.site-footer,.tool-breadcrumb,.form-actions{display:none}.clinipocket-tool-wrapper{max-width:none;padding:0}.tool-layout{display:block}.card{break-inside:avoid;box-shadow:none}}

/* Public navigation */
input[type="date"]{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--input);background:var(--white);color:var(--dark);font-size:16px;font-weight:500;min-height:46px}
.language-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.header-inner{justify-content:flex-start;gap:24px}.public-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-inline-start:auto}.public-nav a,.public-nav button{border:0;background:transparent;color:#334155;padding:9px 10px;border-radius:8px;font-weight:600;text-decoration:none;white-space:nowrap}.public-nav a:hover,.public-nav button:hover,.public-nav a:focus-visible,.public-nav button:focus-visible{background:#F1F5F9;color:var(--primary)}.site-footer .admin-footer-link{color:#64748B;text-decoration:none;font-size:11px;margin-inline-start:auto}
@media(max-width:1050px){.public-nav button[data-modal="editorial"],.public-nav button[data-modal="guides"]{display:none}}
@media(max-width:900px){.header-inner{flex-wrap:wrap;gap:8px 16px}.public-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;border-block-start:1px solid var(--border);padding-block-start:8px}.header-actions{margin-inline-start:auto}}
@media(max-width:620px){.public-nav button[data-modal="editorial"],.public-nav button[data-modal="guides"]{display:block}.public-nav a,.public-nav button{font-size:13px;padding:7px 9px}}

/* Collapsible sticky navigation */
.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--white);align-items:center;justify-content:center;flex-direction:column;gap:4px;margin-inline-start:auto}.menu-toggle span{display:block;width:20px;height:2px;background:var(--dark);border-radius:2px;transition:transform .2s,opacity .2s}.site-header.menu-collapsed .menu-toggle{display:flex}.site-header.menu-collapsed .header-inner{position:relative;flex-wrap:nowrap}.site-header.menu-collapsed .public-nav{display:none;position:absolute;inset-block-start:calc(100% + 1px);inset-inline-end:24px;width:min(280px,calc(100vw - 32px));margin:0;padding:8px;flex-direction:column;align-items:stretch;gap:2px;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:visible}.site-header.menu-collapsed.menu-open .public-nav{display:flex}.site-header.menu-collapsed .public-nav a,.site-header.menu-collapsed .public-nav button{display:block;width:100%;padding:11px 12px;text-align:start}.site-header.menu-collapsed .header-actions{margin-inline-start:0}.site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:900px){.site-header.menu-collapsed .public-nav{inset-inline:16px;width:auto;border-block-start:1px solid var(--border);padding-block-start:8px}.site-header.menu-collapsed .public-nav button[data-modal="editorial"],.site-header.menu-collapsed .public-nav button[data-modal="guides"]{display:block}.site-header.menu-collapsed .brand{margin-inline-end:auto}.site-header.menu-collapsed .menu-toggle{margin-inline-start:0;order:2}.site-header.menu-collapsed .header-actions{order:3}.site-header.menu-collapsed .public-nav{order:4}}

/* Standalone informational pages */
.content-page{max-width:920px;margin-inline:auto;padding:38px 24px 72px;min-height:62vh}.content-page-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:clamp(24px,5vw,52px);box-shadow:0 10px 28px rgba(15,23,42,.04)}.content-page-card h1{font-size:clamp(28px,5vw,40px);line-height:1.2;margin:8px 0 10px}.content-lead{font-size:17px;color:var(--secondary);margin:0 0 32px;max-width:680px}.content-page-card section{border-block-start:1px solid var(--border);padding-block-start:24px;margin-block-start:24px}.content-page-card h2{font-size:18px;margin:0 0 8px}.content-page-card p{color:#334155;margin:0}.site-footer a{color:#E2E8F0;text-decoration:underline}.site-footer .admin-footer-link{color:#64748B;text-decoration:none;font-size:11px;margin-inline-start:auto}
.blog-index,.public-article{max-width:1080px;margin-inline:auto;padding:32px 24px 64px}.blog-heading{margin-block:28px}.blog-heading h1,.public-article h1{font-size:clamp(28px,4vw,44px);line-height:1.15;margin-block:8px 14px}.blog-heading p,.article-excerpt{font-size:18px;color:#64748B}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blog-card{overflow:hidden;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px}.blog-card>div{padding:22px}.blog-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card h2{font-size:22px;margin-block:8px}.blog-card h2 a{text-decoration:none}.blog-card time{display:block;color:#64748B;margin-block:12px}.public-article>article{max-width:780px;margin-inline:auto;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:clamp(24px,5vw,56px)}.article-featured{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:12px;margin-block:24px}.article-meta{display:flex;flex-wrap:wrap;gap:12px;color:#64748B;padding-block:10px;border-block:1px solid #E2E8F0}.article-body{font-size:16px;line-height:1.75;margin-block-start:28px}.article-body h2{font-size:24px;margin-block-start:32px}.article-body h3{font-size:20px;margin-block-start:26px}.article-body table{width:100%;border-collapse:collapse;display:block;overflow:auto}.article-body th,.article-body td{padding:10px;border:1px solid #CBD5E1;text-align:start}.article-body blockquote{margin-inline:0;padding-inline-start:18px;border-inline-start:4px solid #008080;color:#475569}.article-body img{max-width:100%;height:auto}@media(max-width:700px){.blog-grid{grid-template-columns:1fr}.blog-index,.public-article{padding-inline:16px}.public-article>article{padding:22px}}