:root{--navy:#0a315d;--blue:#0965bd;--teal:#06bca7;--ink:#17385d;--muted:#657c97;--bg:#f5f9fd;--surface:#fff;--line:#dce8f3;--shadow:0 12px 35px #103e7010}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.topbar{height:86px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100vw - 1400px)/2));gap:20px;box-shadow:0 3px 20px #071f3b0c;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:265px}.brand img{width:64px;height:64px}.brand strong{font-size:24px;color:var(--navy);white-space:nowrap;letter-spacing:-1px}.brand em{font-style:normal;color:#00a7a0}.brand small{display:block;color:var(--teal);font-size:11px;font-weight:bold;margin-top:3px}.topbar nav{display:flex;gap:5px;align-items:center}.topbar nav a{padding:12px 15px;border-radius:12px;font-weight:700;font-size:13px;white-space:nowrap}.topbar nav a:hover,.topbar nav a:first-child{background:#e7f4ff;color:#0865bd}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn,.lang-btn{border:1px solid var(--line);background:var(--surface);color:var(--navy);border-radius:28px;padding:9px 14px;font-weight:700}.menu{display:none}.hero{background:linear-gradient(112deg,#061c38 0%,#092e54 55%,#07436c 100%);min-height:520px;color:white;position:relative;overflow:hidden;display:flex;align-items:center;padding:56px max(5%,calc((100vw - 1330px)/2));isolation:isolate}.hero-glow{position:absolute;width:700px;height:700px;background:radial-gradient(circle,#00b5b32b,transparent 65%);inset:-220px auto auto -180px;z-index:-1}.hero-content{position:relative;z-index:2;width:min(790px,70%)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b8e7f7;background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;padding:9px 16px;font-size:13px}.dot{height:8px;width:8px;border-radius:50%;background:#16d4af}.hero h1{font-size:clamp(44px,5vw,76px);letter-spacing:-3px;margin:18px 0 0;direction:ltr;text-align:right;line-height:1.08}.hero h1 span{color:#12c9cf}.hero h2{font-size:clamp(25px,3vw,40px);margin:4px 0 10px}.hero p{font-size:17px;max-width:720px;line-height:1.9;color:#e0eaf5;margin:0 0 18px}.hero-features{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.hero-features span{display:flex;gap:8px;align-items:center;border:1px solid #ffffff28;background:#ffffff13;padding:11px 15px;border-radius:40px;font-size:13px}.hero-features span:first-letter{color:#25c7ce}.search-bar{display:flex;align-items:center;gap:12px;padding:7px;background:#fff;border-radius:18px;box-shadow:0 18px 38px #0003;width:min(920px,110%);position:relative}.search-bar svg{width:26px;height:26px;fill:none;stroke:#1761a5;stroke-width:2;margin-inline-start:12px;flex-shrink:0}.search-bar input{min-width:0;flex:1;border:0;outline:0;padding:12px 0;color:#15375b;background:transparent;font-size:15px}.search-bar button{border:0;border-radius:12px;background:#0867c5;color:white;padding:14px 35px;font-weight:800}.search-bar button:hover{background:#07549e}.chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;font-size:12px;color:#d8e9fa}.chips button{border:1px solid #ffffff43;border-radius:30px;background:#ffffff16;color:white;padding:7px 13px}.chips button:hover{background:#ffffff35}.hero-visual{position:absolute;inset:0 0 0 auto;width:58%;z-index:0;pointer-events:none;opacity:.95}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#092e54 0%,#092e5460 25%,#06254d11 75%),url('../images/medical-hero.webp') center/cover}.iraq-card{position:absolute;left:8%;top:26%;width:170px;min-height:190px;border:1px solid #ffffff44;background:#05365cbb;backdrop-filter:blur(12px);border-radius:20px;padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 15px 35px #0003}.iraq-card img{width:80px;height:80px}.iraq-card strong{font-size:14px;line-height:1.7}.iraq-card small{color:#a7e3ee}.section{max-width:1400px;margin:auto;padding:55px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.overline{color:#00a59e;font-size:12px;font-weight:800;letter-spacing:1px}.section h2,.about-section h2{font-size:clamp(23px,2.5vw,31px);color:var(--navy);margin:7px 0}.section-head p{color:var(--muted);margin:8px 0;font-size:14px}.outline-link{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:11px 17px;color:var(--blue);font-size:13px;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:23px 20px;text-align:right;box-shadow:var(--shadow);transition:.2s;min-height:155px;display:flex;flex-direction:column;align-items:flex-start}.category:hover{transform:translateY(-5px);border-color:#72b9e6;box-shadow:0 18px 40px #0c5a9820}.category-icon{width:51px;height:51px;border-radius:14px;display:grid;place-items:center;font-size:26px;color:white;background:linear-gradient(140deg,var(--accent),#0b78c9);margin-bottom:14px}.category strong{font-size:15px;color:var(--navy)}.category small{font-size:12px;color:var(--muted);margin-top:6px;direction:ltr}.library-section{padding-top:35px}.index-badge{border-radius:20px;background:#e1f2ff;color:#0a5a9c;font-size:12px;font-weight:700;padding:9px 14px;white-space:nowrap}.filters{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:end;gap:13px;box-shadow:var(--shadow)}.filters label{flex:1;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.filters select{width:100%;padding:12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px;outline:0}.reset{border:1px solid var(--line);background:var(--surface);color:var(--blue);border-radius:9px;padding:12px 15px;white-space:nowrap}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.manual-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.manual-card h3{font-size:16px;color:var(--navy);margin:12px 0 7px}.manual-card p{font-size:13px;color:var(--muted);margin:6px 0}.manual-card .pill{font-size:11px;background:#e5f7f4;color:#078b82;border-radius:20px;padding:6px 10px;display:inline-block}.manual-card a{display:inline-block;color:#0965bd;font-size:13px;font-weight:bold;margin-top:12px}.empty{grid-column:1/-1;background:var(--surface);border:1px dashed #b8d1e5;border-radius:17px;padding:48px 22px;text-align:center}.empty-icon{font-size:42px}.empty h3{color:var(--navy);margin:12px 0}.empty p{color:var(--muted);line-height:1.8;max-width:560px;margin:auto}.pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.pagination button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 15px;border-radius:9px}.pagination button.active{background:var(--blue);color:white}.highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-top:10px;padding-bottom:55px}.highlight{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;align-items:center;gap:14px}.highlight>span{background:#e5f5fc;color:#0965bd;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px}.highlight strong{display:block;color:var(--navy);font-size:14px}.highlight small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.about-section{background:#0b315c;color:white;padding:50px max(5%,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.about-section h2{color:white}.about-section p{max-width:850px;color:#d5e7f5;line-height:2}.about-section img{width:115px}footer{background:#072443;color:#b8d0e7;padding:24px 5%;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px}footer strong{color:white;font-size:17px}body.dark{--bg:#091b2e;--surface:#102943;--ink:#d9e9f8;--navy:#e8f4ff;--muted:#a7bdd2;--line:#29455f;--shadow:0 10px 30px #0002}body.dark .topbar nav a:first-child,body.dark .topbar nav a:hover{background:#183f62;color:#c1e9ff}body.dark .index-badge{background:#1a4767;color:#b7e6ff}body.dark .manual-card .pill{background:#194f4c;color:#8fe2d6}body.dark .highlight>span{background:#214565;color:#b2e6ff}@media(max-width:1050px){.topbar{padding:0 4%}.topbar nav{gap:0}.topbar nav a{padding:10px}.brand{min-width:225px}.brand strong{font-size:21px}.brand small{font-size:10px}.hero-content{width:80%}.iraq-card{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.results{grid-template-columns:repeat(2,1fr)}.highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{height:72px}.brand{min-width:0}.brand img{width:48px;height:48px}.brand strong{font-size:19px}.brand small{font-size:9px}.menu{display:block}.topbar nav{display:none;position:absolute;top:72px;right:0;left:0;background:var(--surface);padding:15px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:stretch}.topbar nav.open{display:flex}.topbar nav a{padding:14px}.hero{min-height:560px;padding:50px 5%}.hero-content{width:100%}.hero-visual{width:100%;opacity:.35}.hero-photo{background-position:center}.hero h1{font-size:53px}.hero h2{font-size:29px}.hero p{font-size:14px}.hero-features{gap:7px}.hero-features span{padding:9px;font-size:11px}.search-bar{width:100%}.search-bar button{padding:13px 18px}.search-bar input{font-size:12px}.section{padding:38px 5%}.section-head{align-items:start}.section-head p{font-size:12px}.outline-link{font-size:11px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category{min-height:140px;padding:16px}.category strong{font-size:13px}.filters{display:grid;grid-template-columns:repeat(2,1fr)}.results{grid-template-columns:1fr}.highlights{grid-template-columns:repeat(2,1fr)}.highlight{padding:12px;gap:9px}.highlight>span{width:38px;height:38px;font-size:21px}.highlight strong{font-size:12px}.about-section img{width:70px}footer{flex-wrap:wrap}}@media(max-width:400px){.brand small{display:none}.brand strong{font-size:18px}.lang-btn{padding:8px}.hero h1{font-size:44px}.category-grid{grid-template-columns:repeat(2,1fr)}.section-head{flex-direction:column}.highlights{grid-template-columns:1fr}}

/* ---------- catalog additions (BioMed Iraq rebuild) ---------- */
.stats-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.stats-strip .stat{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border:1px solid #ffffff2e;background:#ffffff12;border-radius:14px;backdrop-filter:blur(6px);min-width:104px}
.stats-strip .stat b{color:#fff;font-size:19px;letter-spacing:-.4px;direction:ltr;text-align:center}
.stats-strip .stat span{color:#bcd8ee;font-size:11px;text-align:center}
.category{position:relative}
.category-count{position:absolute;inset-inline-end:16px;top:16px;font-size:11px;font-weight:800;color:#0a5a9c;background:#e7f4ff;border-radius:20px;padding:3px 9px;direction:ltr}
body.dark .category-count{background:#1a4767;color:#b7e6ff}
.filters{flex-wrap:wrap;align-items:end}
.filters label{min-width:150px}
.filters input{width:100%;padding:12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px;outline:0}
.filters input:focus,.filters select:focus{outline:2px solid #64b5f6;outline-offset:1px}
.filters .sort-label{min-width:130px}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.active-filters:empty{display:none}
.fchip{border:1px solid #cfe3f3;background:#eaf5ff;color:#0a5a9c;border-radius:30px;padding:7px 13px;font-size:12px;display:inline-flex;align-items:center;gap:7px}
.fchip b{font-size:11px;opacity:.75}
body.dark .fchip{background:#16395a;border-color:#2c5378;color:#c6e6ff}
.manual-card{display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .16s ease,border-color .16s}
.manual-card:hover{transform:translateY(-3px);border-color:#8cc4ea;box-shadow:0 16px 34px #0c5a9822}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.manual-card .pill{background:color-mix(in srgb,var(--pill,#2584e9) 13%,#fff);color:var(--pill,#2584e9);font-weight:700}
body.dark .manual-card .pill{background:color-mix(in srgb,var(--pill,#2584e9) 26%,#0d2138);color:#dbefff}
.lang-tag{font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#6b849b;border:1px solid var(--line);border-radius:6px;padding:2px 6px;direction:ltr}
.manual-card h3{font-size:15.5px;line-height:1.55;margin:11px 0 6px;overflow-wrap:anywhere}
.manual-card h3 mark{background:#fff2a8;color:inherit;border-radius:3px;padding:0 2px}
body.dark .manual-card h3 mark{background:#6b5a12;color:#fff6cf}
.card-brand{font-size:12.5px;color:#2b6ea8;font-weight:700;margin:0!important}
.card-brand span{font-weight:600;color:var(--muted)}
.card-meta{font-size:11.5px;color:var(--muted);margin:4px 0 0!important}
.card-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px}
.card-actions .dl{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:#0a67c5;color:#fff;border-radius:10px;padding:10px 12px;font-size:12.5px;font-weight:800;margin:0}
.card-actions .dl:hover{background:#07549e}
.card-actions .dl.ext{background:#eef5fb;color:#0a5a9c;border:1px solid #cfe3f3}
body.dark .card-actions .dl.ext{background:#16395a;color:#c6e6ff;border-color:#2c5378}
.copy-link{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;padding:9px 11px;font-size:14px;line-height:1}
.copy-link:hover{color:#0a67c5;border-color:#8cc4ea}
.page-info{display:inline-flex;align-items:center;color:var(--muted);font-size:11.5px;padding-inline-start:8px;direction:ltr}
.pagination button:disabled{opacity:.45;cursor:not-allowed}
.about-meta{font-size:12.5px;color:#a9c8e0!important;margin-top:14px!important}
.outline-link{cursor:pointer}
@media(max-width:1050px){.filters{display:grid;grid-template-columns:repeat(3,1fr)}.stats-strip .stat{min-width:88px;padding:8px 12px}}
@media(max-width:720px){.filters{grid-template-columns:repeat(2,1fr)}.stats-strip{gap:7px}.stats-strip .stat{min-width:0;flex:1 1 40%;padding:7px 10px}.stats-strip .stat b{font-size:16px}.card-actions .dl{font-size:11.5px}}

/* ---------- hero rebuild: no stock mockup, pure geometry ---------- */
.hero-visual{width:46%;opacity:1}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#7fd4ff14 1px,transparent 1px),linear-gradient(90deg,#7fd4ff14 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 65% 45%,#000 10%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 65% 45%,#000 10%,transparent 72%)}
.hero-badge{position:absolute;inset-inline-end:6%;top:32%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #ffffff2b;background:#062b4ecc;border-radius:16px;backdrop-filter:blur(8px);box-shadow:0 18px 40px #0003}
.hero-badge img{width:44px;height:44px}
.hero-badge b{display:block;color:#fff;font-size:20px;letter-spacing:-.5px;direction:ltr;text-align:center}
.hero-badge small{display:block;color:#9fd0ea;font-size:10.5px;white-space:nowrap}
.category-count{position:static;margin-top:auto;align-self:flex-start}
.category{padding-bottom:16px}
@media(max-width:1050px){.hero-badge{display:none}}
@media(max-width:720px){.hero-visual{width:100%;opacity:.35}}

/* keep the decorative column opposite the text in both directions */
.hero-visual{inset:0 auto 0 0;width:44%}
.hero-badge{inset-inline-start:auto;left:8%;top:auto;bottom:16%}
@media(max-width:1200px){.hero-badge{display:none}}
@media(max-width:720px){.hero-visual{inset:0;width:100%}}
.num{direction:ltr;unicode-bidi:isolate;display:inline-block;font-variant-numeric:tabular-nums}
.card-brand{margin-bottom:2px!important}
.category{min-height:196px}
.category-desc{font-size:11.5px;line-height:1.7;color:var(--muted);margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.category-count{margin-top:auto;padding-top:10px;font-size:11px}

/* ---------- fault finder ---------- */
.fault-section{background:linear-gradient(180deg,#eef6fd,#f5f9fd)}
body.dark .fault-section{background:linear-gradient(180deg,#0d2340,#091b2e)}
.fault-bar{width:100%;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px #103e700f;margin-top:6px}
.fault-bar input{color:var(--ink)}
.fault-chips{margin-top:14px;color:var(--muted)}
.fault-chips button{background:#fff;border:1px solid #cfe3f3;color:#0a5a9c;font-weight:700}
.fault-chips button:hover{background:#eaf5ff;border-color:#8cc4ea}
body.dark .fault-chips button{background:#16395a;border-color:#2c5378;color:#c6e6ff}
.fault-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.fault-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}
.fault-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.fault-head h3{font-size:14.5px;line-height:1.5;margin:0;color:var(--navy);overflow-wrap:anywhere}
.fault-head .pill{background:color-mix(in srgb,var(--pill,#2584e9) 13%,#fff);color:var(--pill,#2584e9);font-size:10.5px;padding:4px 8px;border-radius:20px;white-space:nowrap;font-weight:700}
body.dark .fault-head .pill{background:color-mix(in srgb,var(--pill,#2584e9) 26%,#0d2138);color:#dbefff}
.page-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.page-chips a{font-size:11.5px;font-weight:700;color:#0a5a9c;background:#eaf5ff;border:1px solid #cfe3f3;border-radius:7px;padding:4px 8px;direction:ltr}
.page-chips a:hover{background:#0a67c5;color:#fff;border-color:#0a67c5}
body.dark .page-chips a{background:#16395a;border-color:#2c5378;color:#c6e6ff}
.page-chips .more{font-size:11.5px;color:var(--muted);align-self:center}
.fault-note{color:var(--muted);font-size:12px;margin-top:14px}
@media(max-width:1050px){.fault-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.fault-results{grid-template-columns:1fr}}
.tags-right{display:flex;align-items:center;gap:6px}
.type-tag{font-size:10px;font-weight:800;letter-spacing:.03em;color:#0a5a9c;background:#e7f2ff;border-radius:5px;padding:2px 6px;direction:ltr}
body.dark .type-tag{background:#1a4767;color:#b7e6ff}

/* ---------- Electronics tab ---------- */
.article-group{margin-bottom:26px}
.article-group h3{font-size:15px;color:var(--navy);margin:0 0 12px;display:flex;align-items:center;gap:8px}
.article-group h3:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--teal,#06bca7)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.article-card{display:flex;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);transition:.16s;align-items:flex-start}
.article-card:hover{transform:translateY(-2px);border-color:#8cc4ea;box-shadow:0 14px 28px #0c5a9820}
.article-thumb{width:76px;height:76px;flex:0 0 76px;border-radius:10px;overflow:hidden;background:#eaf3fb;display:grid;place-items:center}
.article-thumb img{width:100%;height:100%;object-fit:cover}
.article-thumb .noimg{font-size:24px;color:#9db8ce}
body.dark .article-thumb{background:#16395a}
.article-body-cell{display:flex;flex-direction:column;gap:3px;min-width:0}
.article-body-cell strong{font-size:13px;color:var(--navy);line-height:1.5}
.article-body-cell small{font-size:11px;color:var(--muted);direction:ltr;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-flags{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.flag{font-size:10px;font-weight:700;border-radius:20px;padding:2px 7px}
.flag.on{background:#e3f7ef;color:#0b8a63}
.flag.off{background:#f2f5f8;color:#8497a8}
body.dark .flag.on{background:#14483a;color:#7fe2bd}
body.dark .flag.off{background:#1b3149;color:#93a9bd}
.flag.words{background:#eef4fb;color:#4a6b8a}
@media(max-width:1050px){.article-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.article-grid{grid-template-columns:1fr}}