/* Public health tools use the existing Mano Médical design tokens. */
.tools-hero{padding:44px 0;background:radial-gradient(ellipse at 85% 15%,#d5f3f8,transparent 55%),linear-gradient(120deg,#f8fcfd,#eef8fa);border-bottom:1px solid var(--line)}
.tools-hero h1{font-size:clamp(2.1rem,3.6vw,3rem);max-width:700px;margin:18px 0 0;text-wrap:balance}.tools-hero h1 span,.tool-page-head h1 span{color:var(--teal)}
.tools-hero p{max-width:660px;font-size:1.1rem;color:var(--muted)}.tools-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.tools-badges span,.tool-tag{font-size:.8rem;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 12px;color:var(--teal)}
.tools-section{padding-top:38px;padding-bottom:30px}.tools-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-feature{display:flex;flex-direction:column;align-items:flex-start;padding:34px;border:1px solid var(--line);border-radius:24px;text-decoration:none;box-shadow:var(--shadow);color:var(--ink);background:#fff;transition:border-color .2s,transform .2s}.tool-feature:hover{color:var(--ink);border-color:var(--teal);transform:translateY(-3px)}.tool-feature h2{font-size:clamp(1.6rem,3vw,2rem);margin:14px 0}.tool-feature p,.tool-feature li{color:var(--muted)}.tool-feature ul{padding-left:20px;margin:0 0 24px}.tool-feature>.eyebrow{margin-top:22px}.tool-link{display:flex;justify-content:space-between;align-items:center;gap:20px;align-self:stretch;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);color:var(--teal);font-weight:700}.tool-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:76px;height:76px;border-radius:22px;background:#e8f7fa;color:var(--teal)}.tool-icon svg{width:46px;height:46px}.tool-icon.small{width:48px;height:48px;border-radius:14px}.tool-icon.small svg{width:32px;height:32px}
.tool-note{margin-top:24px;padding:22px 26px;border:1px solid #bcdde4;border-radius:18px;background:#f2fafb;color:#37545d;font-size:.94rem}.tool-note p{margin:8px 0 0}.tool-note a{display:inline-block;margin-top:8px}.tool-note strong{color:var(--teal)}
.tool-page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.tool-page-head h1{font-size:clamp(2rem,4.5vw,3.25rem);margin:14px 0}.tool-page-head p{max-width:660px;color:var(--muted);margin-bottom:0}.tool-back{flex:none;font-size:.9rem;font-weight:600}.tool-panel{border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px;box-shadow:0 5px 22px rgba(38,50,56,.035);min-width:0}.tool-panel h2{font-size:1.2rem;letter-spacing:-.02em;margin-bottom:7px}.tool-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.tool-panel-heading p,.bp-chart-head p,.bp-history-head p{font-size:.87rem;color:var(--muted);margin-bottom:0}
.bp-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.55fr);gap:24px;align-items:start}.bp-overview{display:grid;gap:20px;min-width:0}.bp-entry fieldset{border:0;padding:0;margin:0;min-width:0}.bp-entry .field small{font-weight:400;color:var(--muted);font-size:.77rem}.bp-entry .field textarea{min-height:80px}.bp-entry #bp-save{width:100%}.bp-entry #bp-cancel{width:100%;margin-top:10px}.bp-entry .form-note{margin-top:-3px;font-size:.8rem}.bp-privacy{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.bp-privacy label{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;font-weight:600;cursor:pointer}.bp-privacy input{accent-color:var(--teal);width:20px;height:20px;margin:4px 0;flex:none}.bp-privacy p{font-size:.8rem;line-height:1.6;color:var(--muted);margin:10px 0 0}.bp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bp-stats>div{padding:20px;background:#f0f8fa;border:1px solid #d4e9ed;border-radius:16px}.bp-stats span{font-size:.8rem;color:var(--muted);display:block}.bp-stats strong{display:block;font:700 2rem var(--heading);color:var(--teal);margin:8px 0;line-height:1.2}.bp-stats small{display:block;font-size:.75rem;color:var(--muted)}.bp-chart-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.bp-chart-head .field{flex:none;max-width:180px;font-size:.82rem}.bp-chart-head select{min-height:44px;padding:8px}.bp-chart{min-height:245px;margin:10px 0}.bp-chart figure{margin:0}.bp-chart svg{width:100%;height:auto;display:block;overflow:visible}.bp-chart figcaption{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:.8rem;font-weight:600;margin:10px 0 20px}.bp-legend-sys{color:var(--teal)}.bp-legend-dia{color:#825500}.bp-chart figcaption small{width:100%;text-align:center}.bp-empty{display:grid;justify-items:center;align-content:center;min-height:220px;text-align:center;padding:24px;border-radius:14px;background:#f8fbfc}.bp-empty h3{font-size:1.05rem;margin:15px 0 8px}.bp-empty p{max-width:370px;color:var(--muted);font-size:.9rem;margin-bottom:0}.bp-empty .tool-icon{width:58px;height:58px}.bp-empty .tool-icon svg{width:36px;height:36px}.bp-medical-note{margin:0;font-size:.86rem}.bp-medical-note a{font-size:.82rem}
.bp-history{margin-top:26px}.bp-history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.tool-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:560px}.tool-actions .button{min-height:44px;padding:8px 13px;font-size:.81rem}.tool-actions label:focus-within{outline:3px solid var(--teal);outline-offset:3px}.bp-table-wrap{overflow-x:auto}.bp-table{width:100%;border-collapse:collapse;font-size:.87rem}.bp-table th,.bp-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}.bp-table th{background:#f6fafb;font-size:.77rem;color:var(--teal);white-space:nowrap}.bp-table td:first-child{min-width:135px}.bp-table td:nth-child(5){min-width:100px;max-width:230px;overflow-wrap:anywhere}.bp-table small{font-size:.7rem;color:var(--muted)}.bp-text-button{display:inline-block;background:transparent;border:0;color:var(--teal);font-size:.8rem;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:5px 8px;cursor:pointer}.bp-bottom-actions{margin:20px 0 12px}.bp-bottom-actions .button{font-size:.82rem;padding:8px 14px;min-height:44px}.tool-error,.tool-warning{padding:12px 14px;border:1px solid #db9b94;background:#fff2f0;color:#7c2018;border-radius:12px;font-size:.88rem}.bp-print-caption{display:none}
.lexicon-intro-ar{font:400 1.05rem/1.9 Tahoma,Arial,sans-serif;margin-top:12px!important;text-align:left}.lexicon-search{padding:24px;background:#f0f8fa;border:1px solid #d4e9ed;border-radius:18px;margin-bottom:22px}.lexicon-search>label{display:block;font-size:.9rem;font-weight:600;margin-bottom:10px}.lexicon-search>div{display:flex;gap:10px}.lexicon-search input{flex:1;min-width:0;width:100%;min-height:52px;border:1px solid #aebdc1;border-radius:12px;background:white;padding:12px 16px;font:inherit}.lexicon-search input:focus{outline:3px solid rgba(11,95,115,.24);border-color:var(--teal)}.lexicon-filters,.lexicon-letters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.lexicon-filters button,.lexicon-letters button{min-height:44px;border:1px solid var(--line);border-radius:99px;padding:8px 15px;font-size:.84rem;color:var(--teal);font-weight:600;background:white;cursor:pointer}.lexicon-filters button[aria-pressed=true],.lexicon-letters button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:white}.lexicon-letters{padding-top:12px;border-top:1px solid var(--line)}.lexicon-letters button{min-width:44px;padding:8px 10px;border-radius:10px}.lexicon-result-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 18px}.lexicon-result-bar p{margin:0;color:var(--muted);font-size:.9rem}.lexicon-result-bar .button{min-height:44px;font-size:.8rem;padding:8px 14px}.lexicon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lexicon-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;scroll-margin-top:130px;background:#fff}.lexicon-card h2{font-size:1.1rem;line-height:1.35;letter-spacing:-.015em;margin:14px 0 10px}.lexicon-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-tag{font-size:.7rem;background:#e8f7fa;border:0;padding:4px 10px}.lexicon-anchor{display:grid;place-items:center;width:44px;height:44px;text-decoration:none;font-size:1.2rem;color:var(--teal);background:var(--soft);border-radius:10px}.lexicon-arabic{font:700 1.3rem/1.8 Tahoma,Arial,sans-serif;color:var(--teal);margin:0 0 14px;overflow-wrap:anywhere}.lexicon-card>p:not(.lexicon-arabic){font-size:.88rem;color:var(--muted)}.lexicon-definition-ar{font:400 .98rem/1.95 Tahoma,Arial,sans-serif!important;border-top:1px solid var(--line);padding-top:12px;overflow-wrap:anywhere}.lexicon-source{font-size:.75rem;margin-top:auto;padding-top:10px}.lexicon-highlight,.lexicon-card:target{border-color:var(--teal);box-shadow:0 0 0 2px #bcdde4}.lexicon-grid:empty{display:none}
#bp-tool [hidden],#lexicon-tool [hidden]{display:none!important}
@media(max-width:1000px){.bp-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.bp-chart-head{flex-direction:column}.bp-chart-head .field{max-width:none;width:100%;margin-top:8px}.bp-history-head{flex-direction:column}.tool-actions{justify-content:flex-start;max-width:none}.lexicon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.tools-hero{padding:44px 0}.tools-hub-grid,.bp-layout{grid-template-columns:1fr}.tool-feature{padding:26px}.tools-section{padding-top:24px}.tool-page-head{align-items:flex-start;flex-direction:column;gap:15px}.tool-page-head>.tool-icon{display:none}.bp-stats{gap:8px}.bp-stats>div{padding:14px 10px}.bp-stats strong{font-size:1.6rem}.bp-stats span{font-size:.72rem}.tool-panel{padding:20px}.bp-chart-head{flex-direction:row}.bp-chart-head .field{width:145px;margin-top:0}.bp-chart{min-height:180px}.tool-note{padding:18px 20px}.lexicon-grid{grid-template-columns:1fr}.lexicon-search{padding:18px}.lexicon-search>div{flex-direction:column}.lexicon-card{padding:22px}.lexicon-card h2{font-size:1.2rem}.lexicon-card>p:not(.lexicon-arabic){font-size:.95rem}.lexicon-source{font-size:.85rem}.bp-table{min-width:580px}.bp-privacy label{min-height:44px}.lexicon-letters{gap:6px}.lexicon-letters button{min-width:44px}.lexicon-intro-ar{text-align:right}}
@media(prefers-reduced-motion:reduce){.tool-feature{transition:none}.tool-feature:hover{transform:none}}
@media print{body:has(#bp-tool){font:11pt/1.4 Arial,sans-serif;background:white!important;color:#000!important}body:has(#bp-tool) .site-header,body:has(#bp-tool) .topline,body:has(#bp-tool) .site-footer,body:has(#bp-tool) .whatsapp-fab,body:has(#bp-tool) .mobile-quick,body:has(#bp-tool) .breadcrumbs,body:has(#bp-tool) .skip-link,body:has(#bp-tool) .scroll-progress,body:has(#bp-tool) .tool-back,.bp-entry,.bp-medical-note,.tool-actions,.bp-row-actions,.bp-bottom-actions,#bp-status{display:none!important}#bp-tool{width:100%;max-width:none;padding:0;margin:0}#bp-tool .tool-page-head h1{font-size:24pt;margin:0 0 8pt}#bp-tool .tool-page-head p,#bp-tool .eyebrow{display:none}.bp-layout{display:block}.bp-overview{display:block}.tool-panel,.bp-stats>div{box-shadow:none;border:1px solid #ccc;border-radius:0;background:white;break-inside:avoid;padding:12pt}.bp-stats{margin-bottom:12pt}.bp-stats strong{font-size:20pt;color:#000}.bp-overview .tool-panel{margin-top:12pt}.bp-chart{min-height:0;max-width:600px;margin-inline:auto}.bp-chart-head .field{display:none}.bp-history{margin-top:12pt;break-inside:auto}.bp-history-head{margin-bottom:8pt}.bp-table-wrap{overflow:visible}.bp-table{min-width:0;font-size:9pt}.bp-table th,.bp-table td{padding:7pt 5pt;color:#000}.bp-table th{background:white}.bp-table td:first-child{min-width:0}.bp-table td:nth-child(5){min-width:0;max-width:none}.bp-table tr{break-inside:avoid}.bp-table thead{display:table-header-group}.bp-print-caption{display:block;font-size:9pt;margin-top:12pt}.tool-warning{color:#000;border:1px solid #aaa;background:white;font-size:9pt}#bp-tool .form-note{font-size:8pt}.bp-history>.form-note{display:none}}
@media(max-width:700px){.bp-chart svg text{font-size:22px}}

/* Illustrated tool cards: reserved image space keeps the page stable while loading. */
.tools-hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:64px}
.tools-hero-intro p{margin:0}
.tools-hub{padding-top:32px;padding-bottom:48px}
.tools-hub .tool-feature{min-width:0;padding:0;overflow:hidden;align-items:stretch}
.tools-hub .tool-feature:focus-visible{outline:3px solid var(--teal);outline-offset:5px;border-color:var(--teal)}
.tool-feature-media{position:relative;flex:none;aspect-ratio:7/4;overflow:hidden;background:#e8f7fa;border-bottom:1px solid var(--line)}
.tool-feature-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.tool-feature:hover .tool-feature-media img{transform:scale(1.025)}
.tool-media-label{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--teal);font-size:.76rem;font-weight:600;line-height:1.5}
.tool-media-label [lang=ar]{font-family:Tahoma,Arial,sans-serif;font-size:.9rem}
.tool-feature-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:28px 30px 26px}
.tool-feature-body>.eyebrow{font-size:.72rem;letter-spacing:.1em}
.tool-feature-body h2{line-height:1.2;text-wrap:balance}
.tool-feature-body ul{font-size:.9rem;line-height:1.9}
.tool-feature-body .tool-link{min-height:48px}
@media(max-width:1000px){.tools-hero-inner{gap:30px}.tool-feature-body{padding:24px}}
@media(max-width:700px){.tools-hero{padding:32px 0}.tools-hero-inner{grid-template-columns:1fr;gap:20px}.tools-hero h1{font-size:clamp(2rem,7vw,2.6rem)}.tools-hero p{font-size:1rem}.tools-badges{gap:8px;margin-top:18px}.tools-badges span{font-size:.74rem;padding:5px 10px}.tools-hub{padding-top:24px}.tool-feature-body{padding:24px 22px}.tool-media-label{top:12px;left:12px;padding:5px 10px}.tool-feature-body h2{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.tool-feature-media img{transition:none}.tool-feature:hover .tool-feature-media img{transform:none}}
