:root{--bg:#f4f8fc;--card:#fff;--text:#10233f;--muted:#66758a;--primary:#1769d5;--primary2:#0b55b8;--line:#e2e9f2;--shadow:0 12px 34px rgba(21,55,96,.09);--shadow2:0 20px 50px rgba(21,55,96,.13);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}
a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;gap:28px}.logo{font-size:22px;font-weight:900;color:var(--primary);white-space:nowrap}.logo span{color:var(--text)}
.navlinks{display:flex;gap:20px;align-items:center;flex:1}.navlinks a{font-size:14px;font-weight:800;color:#41526a}.navlinks a:hover{color:var(--primary)}
.searchBtn{border:1px solid var(--line);background:#f8fbff;padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer}
.hero{padding:76px 0 60px;background:radial-gradient(circle at 85% 20%,#dff0ff 0,transparent 32%),linear-gradient(135deg,#eef6ff,#fff 55%,#f3fbff);border-bottom:1px solid var(--line)}
.heroGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e2efff;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
h1{font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-2.5px;margin:16px 0}.hero p{font-size:18px;color:var(--muted);max-width:690px}
.toolSearch{display:flex;gap:10px;background:#fff;padding:8px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin-top:26px}
.toolSearch input{border:0;outline:0;flex:1;padding:14px;font-size:16px}.toolSearch button{border:0;background:var(--primary);color:#fff;padding:0 20px;border-radius:11px;font-weight:800;cursor:pointer}.toolSearch button:hover{background:var(--primary2)}
.quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;color:#42546b;font-weight:750}
.heroCard{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow2)}.heroCard .big{font-size:48px;font-weight:900;color:var(--primary)}.heroCard h3{margin:4px 0}.heroCard p{font-size:14px;margin:6px 0 18px}
.miniGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini{padding:14px;border:1px solid var(--line);border-radius:14px;font-weight:800;font-size:13px;background:#fbfdff}
section{padding:58px 0}.popular{background:#fff}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.sectionHead h2{margin:0;font-size:30px;letter-spacing:-1px}.sectionHead p{margin:5px 0 0;color:var(--muted)}
.majorGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.major{padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:.2s;position:relative;overflow:hidden}.major:after{content:"";position:absolute;right:-25px;top:-25px;width:90px;height:90px;border-radius:50%;background:#eef6ff}.major:hover{transform:translateY(-4px);border-color:#b9d2f6;box-shadow:var(--shadow2)}
.icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#eaf3ff;font-size:25px;margin-bottom:15px;position:relative;z-index:1}.major h3{margin:0 0 7px;font-size:19px}.major p{margin:0 0 16px;color:var(--muted);font-size:14px}.count{font-size:12px;color:var(--primary);font-weight:900}
.popGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;font-weight:800;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;transition:.2s;min-height:76px}.tool:hover{border-color:#a9c9f5;box-shadow:0 8px 22px rgba(21,55,96,.08);transform:translateY(-2px)}
.toolIcon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:#eef5ff;color:var(--primary);font-size:19px}.toolText{min-width:0;flex:1}.toolName{display:block;line-height:1.25}.tool small{color:var(--muted);font-weight:700;display:block;margin-top:4px}.toolArrow{color:#9aabc0;font-size:18px}
.majorBlock{margin:30px 0 50px}.majorTitle{display:flex;align-items:center;gap:12px;margin-bottom:17px}.majorTitle .badge{padding:8px 12px;background:#eaf3ff;color:var(--primary);border-radius:10px;font-weight:900}.majorTitle h2{margin:0}
.catGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.cat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;min-height:82px;display:flex;align-items:center;gap:11px;transition:.2s}.cat:hover{border-color:#b9d2f6;box-shadow:0 7px 20px rgba(21,55,96,.07);transform:translateY(-2px)}.catIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f0f6ff;color:var(--primary);font-size:17px;flex:0 0 38px}.cat strong{display:block;font-size:14px}.cat span{font-size:12px;color:var(--muted);display:block;margin-top:2px}
footer{background:#0d1f38;color:#dce8f7;padding:42px 0}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer h3{color:#fff;margin-top:0}footer p,footer a{color:#aebed2;font-size:14px}.disclaimer{font-size:12px!important;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:25px}
.modal{position:fixed;inset:0;background:rgba(8,24,45,.55);display:none;place-items:center;z-index:100;padding:20px}.modal.show{display:grid}.modalBox{width:min(720px,100%);background:#fff;border-radius:22px;padding:24px;max-height:82vh;overflow:auto}.modalTop{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#edf3fa;border-radius:10px;padding:8px 12px;cursor:pointer}.results{margin-top:15px;display:grid;gap:8px}
@media(max-width:900px){.heroGrid{grid-template-columns:1fr}.majorGrid{grid-template-columns:repeat(2,1fr)}.popGrid,.catGrid{grid-template-columns:repeat(2,1fr)}.navlinks{display:none}.footerGrid{grid-template-columns:1fr}}
@media(max-width:560px){.majorGrid,.popGrid,.catGrid{grid-template-columns:1fr}.hero{padding-top:48px}.toolSearch{flex-direction:column}.toolSearch button{padding:14px}.container{width:min(100% - 22px,1180px)}}



/* ===== BooksOfMedical Premium UI v4 ===== */
:root{
 --ink:#0d2340;--muted:#66758a;--blue:#1769d5;--blue2:#0d57bd;
 --soft:#edf5ff;--line:#dfe8f2;--surface:#fff;--bg:#f5f8fc;
 --green:#15966b;--orange:#e78316;--purple:#7456d8;
}
body{background:linear-gradient(180deg,#f7faff 0,#f4f8fc 100%)}
header{box-shadow:0 1px 0 rgba(15,40,70,.04)}
.nav{height:74px}
.logo{letter-spacing:-.4px}
.logo:before{content:"✚";display:inline-grid;place-items:center;width:30px;height:30px;margin-right:7px;border-radius:9px;background:var(--blue);color:#fff;font-size:16px;vertical-align:middle}
.hero{padding:82px 0 72px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-260px;border-radius:50%;background:rgba(23,105,213,.08)}
.hero:after{content:"";position:absolute;width:280px;height:280px;left:-170px;bottom:-160px;border-radius:50%;background:rgba(21,150,107,.06)}
.heroGrid,.heroCard,.hero h1,.hero p,.toolSearch,.quick{position:relative;z-index:1}
.hero h1{max-width:760px;font-weight:950}
.hero p{line-height:1.7}
.toolSearch{border-radius:18px;padding:7px;background:#fff}
.toolSearch input{padding:16px}
.toolSearch button{padding:0 24px}
.quick button{background:rgba(255,255,255,.9);transition:.2s}
.quick button:hover{border-color:#a7c8f2;transform:translateY(-2px)}
.heroCard{padding:30px;border-radius:28px}
.heroStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.heroStat{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fbfdff;text-align:center}
.heroStat b{display:block;font-size:19px;color:var(--blue)}
.heroStat span{font-size:11px;color:var(--muted);font-weight:700}
.sectionKicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--blue);font-weight:900;margin-bottom:7px}
.major{min-height:220px;padding:25px}
.major .count{display:inline-flex;padding:6px 9px;background:#f1f6fd;border-radius:8px}
.major .icon{box-shadow:0 5px 15px rgba(23,105,213,.1)}
.major:after{opacity:.8}
.tool{position:relative;overflow:hidden}
.tool:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue);opacity:0;transition:.2s}
.tool:hover:before{opacity:1}
.toolIcon{box-shadow:inset 0 0 0 1px rgba(23,105,213,.06)}
.popular .sectionHead:after{content:"Browse all →";color:var(--blue);font-weight:800;font-size:13px}
.categoryToolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:15px}
.categoryToolbar span{font-size:13px;color:var(--muted)}
.categoryToolbar b{color:var(--ink)}
.filterPills{display:flex;gap:7px;flex-wrap:wrap}
.filterPills button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;color:#53657a;cursor:pointer}
.filterPills button.active,.filterPills button:hover{background:var(--soft);border-color:#b8d2f4;color:var(--blue)}
.majorBlock{position:relative}
.majorBlock:after{content:"";display:block;height:1px;background:linear-gradient(90deg,var(--line),transparent);margin-top:52px}
.cat{min-height:88px}
.catIcon{box-shadow:inset 0 0 0 1px rgba(23,105,213,.06)}
.cat div{min-width:0}
.toolBadge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;margin-top:5px;background:#edf8f4;color:var(--green)}
.trending{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.trendingRow{display:flex;align-items:center;gap:12px;overflow:auto;scrollbar-width:none}
.trendingRow::-webkit-scrollbar{display:none}
.trendLabel{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;color:var(--muted)}
.trend{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);background:#fbfdff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}
.trend:hover{border-color:#abcaf0;color:var(--blue)}
.footerTop{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1)}
.footerBrand{font-size:19px;font-weight:900;color:#fff}
.footerTop small{color:#9fb1c7}
@media(max-width:700px){
 .heroStats{grid-template-columns:1fr}
 .categoryToolbar{align-items:flex-start;flex-direction:column}
 .popular .sectionHead:after{display:none}
 .footerTop{align-items:flex-start;flex-direction:column}
}



.catIcon{background:#f1f6ff!important}
.catIcon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cat:nth-child(4n+1) .catIcon{color:#1684d8}
.cat:nth-child(4n+2) .catIcon{color:#7355d6}
.cat:nth-child(4n+3) .catIcon{color:#0b9b7b}
.cat:nth-child(4n) .catIcon{color:#e24b68}

/* WordPress archives, live hubs, and tool components */
.menuToggle{display:none;border:1px solid var(--line);background:#f8fbff;padding:9px 12px;border-radius:12px;font-weight:800;cursor:pointer}
.bom-live-hub{margin:16px 0 24px;padding:15px;background:rgba(255,255,255,.64);border:1px solid var(--line);border-radius:18px}
.bom-hub-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:var(--ink);font-size:13px}.bom-hub-head a{color:var(--blue);font-weight:800}
.bom-hub-cards,.bom-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bom-tool-card{align-items:flex-start;min-width:0}
.toolExcerpt{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.4;font-weight:500}
.bom-empty{margin:0;padding:12px 14px;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:12px}
.archiveShell,.singleShell,.pageShell{width:min(980px,calc(100% - 32px));margin:46px auto 70px}
.archiveTitle{margin:0 0 10px;font-size:clamp(30px,4vw,42px);letter-spacing:-1px;color:var(--ink)}
.archiveIntro,.entry-content{color:#42546b;line-height:1.75}.archiveIntro{margin-bottom:25px}.archiveIntro p{margin:.4em 0}
.bom-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0}.bom-tool-grid .tool{height:100%}
.singleKicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--blue);font-size:12px;font-weight:800}
.singleTitle{font-size:clamp(32px,5vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:14px 0}
.singleContent{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,4vw,36px);box-shadow:var(--shadow)}
.singleTopics{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}.singleTopics a,.bom-topic-chips a{padding:6px 10px;border-radius:999px;background:#eef5ff;color:var(--blue);font-size:12px;font-weight:800}
.bom-plugin-list{display:grid;gap:9px}.bom-plugin-list a{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}
.bom-plugin-list a:hover{border-color:#abcaf0;color:var(--blue)}
.bom-widget{max-width:720px;margin:24px 0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.bom-widget h2,.bom-widget h3{margin:0 0 14px;color:var(--ink)}.bom-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.bom-widget label{display:block;font-size:13px;font-weight:800;color:#42546b}
.bom-widget input,.bom-widget select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.bom-widget button{padding:11px 15px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}
.bom-widget button:hover{background:var(--blue2)}.bom-widget-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.bom-widget-result{margin-top:16px;padding:13px 14px;background:#edf5ff;border-radius:12px;color:var(--ink);font-weight:800}
.bom-widget-note{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.bom-widget-note a{color:var(--blue);text-decoration:underline}
.bom-score-row,.bom-estimate-row,.bom-milestone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:9px 0;padding:11px;border:1px solid var(--line);border-radius:12px}
.bom-score-row label{display:flex;align-items:flex-start;gap:9px}.bom-score-row input[type=checkbox]{width:auto;margin:2px 0 0}
.bom-score-points{color:var(--muted);font-size:12px;white-space:nowrap}
.bom-estimate-row{grid-template-columns:minmax(120px,1.4fr) minmax(85px,1fr) minmax(75px,.75fr) 38px}
.bom-milestone-row{grid-template-columns:minmax(120px,1fr) minmax(95px,.5fr) 38px}
.bom-remove-row{background:#f3f6fa!important;color:#50627a!important;padding:8px!important}
@media(max-width:900px){.nav{position:relative}.menuToggle{display:inline-flex;margin-left:auto}.navlinks{display:none;position:absolute;top:66px;left:0;right:0;padding:15px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column;gap:12px}.navlinks.is-open{display:flex}.navlinks a{padding:5px}.bom-hub-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.bom-hub-cards,.bom-tool-grid{grid-template-columns:1fr}.bom-widget-grid{grid-template-columns:1fr}.bom-estimate-row{grid-template-columns:1fr 1fr}.bom-estimate-row .bom-estimate-label{grid-column:1/-1}.bom-milestone-row{grid-template-columns:1fr 1fr}}