:root{--fk-blue:#0f4c81;--fk-blue2:#0b355d;--fk-yellow:#f4c542;--fk-ink:#142033;--fk-muted:#617086;--fk-bg:#f4f7fb;--fk-card:#fff;--fk-line:#dfe6ee;--fk-green:#15825f;--fk-red:#bd3b45;--fk-shadow:0 16px 42px rgba(22,43,70,.10)}
.fk-app{max-width:1180px;margin:24px auto 48px;padding:0 16px;color:var(--fk-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;box-sizing:border-box}.fk-app *{box-sizing:border-box}.fk-hero{position:relative;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px 38px;border-radius:24px;background:linear-gradient(135deg,var(--fk-blue2),var(--fk-blue));color:#fff;overflow:hidden;box-shadow:var(--fk-shadow)}.fk-hero:after{content:"Rx";position:absolute;right:18%;top:-52px;font-size:210px;font-weight:900;color:rgba(255,255,255,.055);transform:rotate(-10deg)}.fk-kicker,.fk-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;text-transform:uppercase}.fk-kicker{color:#ffe797}.fk-hero h1{margin:4px 0 8px;font-size:clamp(30px,5vw,54px);line-height:1.02}.fk-hero p{max-width:760px;margin:0;color:#e5eef8;font-size:16px}.fk-hero-badge{min-width:130px;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.10);backdrop-filter:blur(5px);text-align:center;z-index:1}.fk-hero-badge strong{display:block;font-size:28px;color:var(--fk-yellow)}.fk-hero-badge span{font-size:12px}.fk-safety{display:flex;gap:12px;margin:16px 0;padding:14px 16px;border:1px solid #f0d88d;border-radius:15px;background:#fff9df;color:#5b4a0e;font-size:13px}.fk-safety-icon{font-size:24px}.fk-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px 190px auto;gap:10px;margin:20px 0}.fk-search-wrap{display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border:1px solid var(--fk-line);border-radius:14px;box-shadow:0 6px 22px rgba(22,43,70,.05)}.fk-search-wrap span{font-size:25px;color:var(--fk-blue)}.fk-search-wrap input,.fk-toolbar select,.fk-compare-pickers select{width:100%;height:48px;border:0;background:transparent;outline:none;font-size:14px;color:var(--fk-ink)}.fk-toolbar select,.fk-compare-pickers select{padding:0 12px;border:1px solid var(--fk-line);border-radius:14px;background:#fff}.fk-btn{appearance:none;border:0;border-radius:12px;padding:11px 16px;font-weight:750;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}.fk-btn:hover{transform:translateY(-1px)}.fk-btn-primary{background:var(--fk-blue);color:white;box-shadow:0 8px 18px rgba(15,76,129,.18)}.fk-btn-secondary{background:#fff;color:var(--fk-blue);border:1px solid var(--fk-line)}.fk-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.fk-tabs{display:flex;gap:7px;overflow:auto;padding:5px;margin:0 0 16px;background:#eaf0f6;border-radius:15px;scrollbar-width:thin}.fk-tab{white-space:nowrap;border:0;border-radius:11px;background:transparent;color:#53657a;padding:10px 15px;font-weight:700;cursor:pointer}.fk-tab.active{background:#fff;color:var(--fk-blue);box-shadow:0 4px 14px rgba(32,56,85,.08)}.fk-main{min-height:500px}.fk-view{display:none}.fk-view.active{display:block}.fk-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:26px 0 14px}.fk-eyebrow{color:var(--fk-blue)}.fk-section-head h2{margin:1px 0 0;font-size:25px}.fk-stat{padding:7px 11px;border-radius:999px;background:#e9f1f8;color:var(--fk-blue);font-size:12px;font-weight:800}.fk-drug-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fk-drug-card{display:flex;flex-direction:column;min-height:238px;padding:19px;border:1px solid var(--fk-line);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(30,53,80,.055);cursor:pointer;transition:.2s transform,.2s box-shadow,.2s border}.fk-drug-card:hover{transform:translateY(-3px);box-shadow:var(--fk-shadow);border-color:#bfd2e3}.fk-card-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.fk-system-pill{font-size:10px;font-weight:800;color:var(--fk-blue);background:#eaf3fb;padding:5px 8px;border-radius:999px}.fk-drug-card h3{margin:12px 0 3px;font-size:20px}.fk-class{color:var(--fk-muted);font-size:12px;font-weight:650}.fk-mechanism{margin:13px 0;color:#3e4d60;font-size:13px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fk-card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:var(--fk-blue);font-size:12px;font-weight:800}.fk-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fk-system-card{position:relative;padding:22px;min-height:155px;border:1px solid var(--fk-line);border-radius:18px;background:#fff;cursor:pointer;overflow:hidden}.fk-system-card:hover{border-color:#b7ccdf;box-shadow:var(--fk-shadow)}.fk-system-icon{font-size:28px}.fk-system-card h3{margin:8px 0 4px}.fk-system-card p{margin:0;color:var(--fk-muted);font-size:13px}.fk-system-count{position:absolute;right:16px;top:16px;background:#fff5cd;color:#765b00;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.fk-flash-layout{display:grid;justify-items:center}.fk-flashcard{position:relative;width:min(720px,100%);height:390px;perspective:1000px;cursor:pointer}.fk-flash-face{position:absolute;inset:0;padding:34px;border-radius:24px;backface-visibility:hidden;transition:transform .55s cubic-bezier(.2,.7,.2,1);box-shadow:var(--fk-shadow);border:1px solid var(--fk-line);display:flex;flex-direction:column;justify-content:center}.fk-flash-front{background:linear-gradient(145deg,#fff,#f4f8fc)}.fk-flash-back{background:linear-gradient(145deg,#0f4c81,#0b355d);color:#fff;transform:rotateY(180deg)}.fk-flashcard.flipped .fk-flash-front{transform:rotateY(-180deg)}.fk-flashcard.flipped .fk-flash-back{transform:rotateY(0)}.fk-flash-label{font-size:11px;font-weight:850;letter-spacing:.12em;color:var(--fk-blue);text-transform:uppercase}.fk-flash-back .fk-flash-label{color:#ffe797}.fk-flash-face h3{font-size:34px;margin:8px 0}.fk-flash-face p{font-size:16px}.fk-flash-controls{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;justify-content:center}.fk-quiz-card,.fk-case-card{max-width:820px;margin:auto;padding:26px;border:1px solid var(--fk-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(30,53,80,.06)}.fk-qtag{display:inline-block;color:var(--fk-blue);background:#eaf3fb;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.fk-question{font-size:21px;font-weight:800;margin:14px 0 18px}.fk-options{display:grid;gap:10px}.fk-option{width:100%;text-align:left;padding:13px 15px;border:1px solid var(--fk-line);border-radius:13px;background:#fff;color:var(--fk-ink);font-weight:650;cursor:pointer}.fk-option:hover{border-color:#aac4da;background:#f8fbfe}.fk-option.correct{border-color:#7ec7ae;background:#eaf8f3;color:#0c6246}.fk-option.wrong{border-color:#e6a4aa;background:#fff0f1;color:#8e2932}.fk-explain{margin-top:16px;padding:13px 15px;border-left:4px solid var(--fk-yellow);background:#fff9df;border-radius:8px;font-size:13px}.fk-quiz-actions{text-align:center;margin-top:14px}.fk-compare-pickers{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;max-width:800px;margin:0 auto 18px}.fk-compare-pickers span{font-weight:900;color:var(--fk-blue)}.fk-compare-table-wrap{overflow:auto;border:1px solid var(--fk-line);border-radius:18px}.fk-compare-table{width:100%;border-collapse:collapse;background:#fff;min-width:720px}.fk-compare-table th,.fk-compare-table td{padding:13px 15px;border-bottom:1px solid var(--fk-line);vertical-align:top;text-align:left;font-size:13px}.fk-compare-table th{background:#f2f6fa;color:var(--fk-blue);font-size:12px}.fk-compare-table td:first-child{font-weight:800;width:150px}.fk-case-card h3{font-size:21px;margin:4px 0 10px}.fk-case-vitals{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.fk-vital{padding:5px 8px;border-radius:8px;background:#edf2f7;font-size:11px;font-weight:750}.fk-case-history{color:#445468;font-size:14px}.fk-case-result{margin-top:15px}.fk-case-track{display:flex;gap:5px;margin-bottom:15px}.fk-case-dot{height:7px;flex:1;border-radius:5px;background:#dce5ee}.fk-case-dot.done{background:var(--fk-green)}.fk-case-dot.current{background:var(--fk-yellow)}.fk-highyield-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fk-hy-card{padding:18px;border-radius:17px;background:#fff;border:1px solid var(--fk-line)}.fk-hy-card h3{margin:0 0 10px;color:var(--fk-blue)}.fk-hy-list{display:grid;gap:8px}.fk-hy-row{padding:10px 12px;border-radius:10px;background:#f6f8fb;font-size:13px}.fk-footer-note{margin-top:25px;padding:17px;border-radius:14px;background:#edf3f8;color:#516276;font-size:12px}.fk-modal{position:fixed;inset:0;display:none;z-index:999999}.fk-modal.open{display:block}.fk-modal-backdrop{position:absolute;inset:0;background:rgba(7,22,37,.68);backdrop-filter:blur(3px)}.fk-modal-card{position:relative;width:min(900px,calc(100% - 28px));max-height:88vh;overflow:auto;margin:6vh auto;padding:28px;background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.fk-modal-close{position:absolute;right:14px;top:12px;border:0;background:#eef3f7;color:#37516b;width:36px;height:36px;border-radius:50%;font-size:25px;cursor:pointer}.fk-modal-title{padding-right:45px}.fk-modal-title h2{margin:4px 0;font-size:30px}.fk-modal-class{color:var(--fk-muted);font-weight:650}.fk-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.fk-detail{padding:14px;border:1px solid var(--fk-line);border-radius:14px;background:#fafbfd}.fk-detail.full{grid-column:1/-1}.fk-detail strong{display:block;margin-bottom:5px;color:var(--fk-blue);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.fk-pearl{border-color:#edd271;background:#fff9dc}.fk-empty{grid-column:1/-1;padding:48px 20px;text-align:center;border:1px dashed #cbd7e2;border-radius:17px;color:var(--fk-muted);background:#fff}.fk-no-scroll{overflow:hidden!important}
@media(max-width:900px){.fk-drug-grid,.fk-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fk-toolbar{grid-template-columns:1fr 1fr}.fk-search-wrap{grid-column:1/-1}.fk-highyield-grid{grid-template-columns:1fr}}
@media(max-width:620px){.fk-app{padding:0 10px;margin-top:14px}.fk-hero{padding:25px 20px;border-radius:18px}.fk-hero-badge{display:none}.fk-toolbar{grid-template-columns:1fr}.fk-search-wrap{grid-column:auto}.fk-drug-grid,.fk-system-grid{grid-template-columns:1fr}.fk-drug-card{min-height:auto}.fk-section-head{align-items:flex-start}.fk-flashcard{height:440px}.fk-flash-face{padding:24px}.fk-flash-face h3{font-size:29px}.fk-detail-grid{grid-template-columns:1fr}.fk-detail.full{grid-column:auto}.fk-compare-pickers{grid-template-columns:1fr}.fk-compare-pickers span{text-align:center}.fk-modal-card{margin:2vh auto;max-height:96vh;padding:21px;border-radius:18px}.fk-modal-title h2{font-size:25px}}

/* v1.1 bilingual names, brand chips, and class browser */
.fk-app .fk-inn{margin:-2px 0 8px;color:#52627a;font-size:13px;line-height:1.4;font-weight:650}
.fk-app .fk-inn span{display:inline-block;margin-right:7px;padding:2px 6px;border-radius:999px;background:#eaf1ff;color:#174ea6;font-size:10px;font-weight:850;letter-spacing:.06em}
.fk-app .fk-brand-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 9px}
.fk-app .fk-brand-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid #f4cd57;background:#fff9dd;color:#675116;font-size:11px;font-weight:750}
.fk-app .fk-brand-muted{font-size:11px;color:#7a8495;margin:8px 0}
.fk-app .fk-brand-label{margin-top:10px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#6a7587}
.fk-app .fk-brand-disclaimer{display:block;color:#7a8495;line-height:1.45;margin-top:3px}
.fk-app .fk-class-card{min-height:185px}
.fk-app .fk-toolbar select{min-width:170px}
@media (max-width:800px){.fk-app .fk-toolbar{grid-template-columns:1fr}.fk-app .fk-toolbar select,.fk-app .fk-toolbar .fk-btn{width:100%;min-width:0}.fk-app .fk-brand-chip{font-size:10px}}

.fk-app .fk-hero-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.fk-app .fk-hero-stats span{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:800;color:#fff}


/* v1.2 AWaRe, receptor lab, pathways, randomized clinical choices */
.fk-app .fk-learning-note{margin:0 0 14px;padding:13px 15px;border:1px solid #cbdceb;border-radius:13px;background:#f5f9fd;color:#42566d;font-size:12px;line-height:1.55}
.fk-app .fk-aware-toolbar,.fk-app .fk-pathway-switch{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px}
.fk-app .fk-aware-filter,.fk-app .fk-path-btn{border:1px solid var(--fk-line);background:#fff;color:#496078;padding:9px 13px;border-radius:999px;font-weight:800;cursor:pointer}
.fk-app .fk-aware-filter.active,.fk-app .fk-path-btn.active{background:var(--fk-blue);border-color:var(--fk-blue);color:#fff}
.fk-app .fk-spectrum-legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;color:#66768a;font-size:11px;font-weight:700}.fk-app .fk-spectrum-legend span{display:flex;align-items:center;gap:5px}
.fk-app .fk-spectrum-legend i,.fk-app .fk-spectrum-item i{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #c5d1dd}.fk-app i.lv2{background:#1d8b67;border-color:#1d8b67}.fk-app i.lv1{background:#f2c84b;border-color:#d6ad32}.fk-app i.lv0{background:#edf1f5}
.fk-app .fk-antibiotic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fk-app .fk-abx-card{padding:18px;border:1px solid var(--fk-line);border-radius:17px;background:#fff;cursor:pointer;box-shadow:0 7px 22px rgba(30,53,80,.05)}.fk-app .fk-abx-card:hover{transform:translateY(-2px);box-shadow:var(--fk-shadow)}.fk-app .fk-abx-top{display:flex;justify-content:space-between;align-items:center}.fk-app .fk-aware{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.fk-app .fk-aware.access{background:#e5f7ed;color:#126744}.fk-app .fk-aware.watch{background:#fff2c9;color:#765800}.fk-app .fk-aware.reserve{background:#ffe5e7;color:#982b36}.fk-app .fk-abx-open{font-size:10px;color:var(--fk-blue);font-weight:800}.fk-app .fk-abx-card h3{margin:12px 0 2px}.fk-app .fk-spectrum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:13px 0}.fk-app .fk-spectrum-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#f6f8fa;border-radius:8px;font-size:10px;font-weight:750;color:#53657a}.fk-app .fk-abx-foot{margin:0;color:#738096;font-size:11px}
.fk-app .fk-receptor-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.fk-app .fk-receptor-btn{display:flex;flex-direction:column;gap:3px;min-height:82px;padding:12px;border:1px solid var(--fk-line);border-radius:14px;background:#fff;color:#42556b;cursor:pointer;text-align:left}.fk-app .fk-receptor-btn strong{font-size:21px;color:var(--fk-blue)}.fk-app .fk-receptor-btn span{font-size:10px}.fk-app .fk-receptor-btn.active{background:var(--fk-blue);border-color:var(--fk-blue);color:#fff}.fk-app .fk-receptor-btn.active strong{color:var(--fk-yellow)}.fk-app .fk-receptor-detail{margin-top:13px;padding:22px;border:1px solid var(--fk-line);border-radius:20px;background:#fff}.fk-app .fk-rx-hero{display:flex;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--fk-line)}.fk-app .fk-rx-symbol{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:linear-gradient(145deg,var(--fk-blue2),var(--fk-blue));color:var(--fk-yellow);font-size:34px;font-weight:900}.fk-app .fk-rx-hero h3{margin:2px 0 4px}.fk-app .fk-rx-hero p{margin:0;color:var(--fk-muted)}.fk-app .fk-rx-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.fk-app .fk-rx-detail-grid>div{padding:13px;border-radius:13px;background:#f7f9fb}.fk-app .fk-rx-detail-grid strong{color:var(--fk-blue);font-size:11px;text-transform:uppercase}.fk-app .fk-rx-detail-grid p{margin:4px 0 0;font-size:13px}.fk-app .fk-rx-detail-grid .pearl{background:#fff8d9;border:1px solid #efda87}
.fk-app .fk-path-map{display:flex;align-items:stretch;gap:8px;overflow:auto;padding:10px 2px 18px}.fk-app .fk-path-node{min-width:185px;flex:1;padding:17px;border:1px solid var(--fk-line);border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(30,53,80,.05)}.fk-app .fk-path-node b{display:block;color:var(--fk-blue);font-size:16px}.fk-app .fk-path-node span{display:block;margin:7px 0;color:#4c5d71;font-size:12px}.fk-app .fk-path-node em{display:block;padding-top:7px;border-top:1px dashed #d8e1e9;color:#81640b;font-style:normal;font-size:11px;font-weight:750}.fk-app .fk-path-arrow{display:flex;align-items:center;color:var(--fk-blue);font-size:24px;font-weight:900}
.fk-app .fk-random-note{margin:-8px 0 10px;color:#748398;font-size:10px;font-weight:750}.fk-app .fk-option{display:flex;align-items:center;gap:10px}.fk-app .fk-option-letter{display:inline-grid;place-items:center;flex:0 0 25px;height:25px;border-radius:8px;background:#edf2f7;color:#4d6177;font-size:11px;font-weight:900}.fk-app .fk-option.correct .fk-option-letter{background:#c9ebdf;color:#0c6246}.fk-app .fk-option.wrong .fk-option-letter{background:#f7cdd1;color:#8e2932}
@media(max-width:900px){.fk-app .fk-antibiotic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fk-app .fk-receptor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.fk-app .fk-antibiotic-grid{grid-template-columns:1fr}.fk-app .fk-receptor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fk-app .fk-rx-detail-grid{grid-template-columns:1fr}.fk-app .fk-rx-hero{align-items:flex-start}.fk-app .fk-rx-symbol{width:60px;height:60px;font-size:26px;border-radius:16px}.fk-app .fk-path-arrow{font-size:18px}}

.fk-app .fk-aware-detail{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fk-app .fk-aware-detail strong{width:100%}.fk-app .fk-aware-note{font-size:11px;color:#6f7e90}