.knowledge .officer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 35px}
.knowledge .officer-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;background:linear-gradient(145deg,#15323c,#0d1d29);border:1px solid #47606c;border-radius:15px;text-decoration:none;color:#f0f4f2;min-width:0}
.knowledge .officer-card:hover{border-color:#e8bd70;background:#19353e}.knowledge .officer-card h3{color:#e8bd70;margin:14px 0 8px;font-size:21px;overflow-wrap:anywhere}.knowledge .officer-main-skill{font-size:15px;color:#bdd1d5;flex:1;line-height:1.5;margin:0 0 16px}.knowledge .officer-card-action{color:#65cebf;font-size:14px}
.knowledge .officer-portrait{width:120px;height:120px;object-fit:contain;max-width:100%;filter:drop-shadow(0 6px 5px #0005)}.knowledge .officer-no-portrait{width:120px;height:120px;display:grid;place-items:center;border:1px dashed #6b8189;border-radius:50%;color:#bac8cc;font-size:14px;padding:12px}
.knowledge .officer-hero{display:flex;gap:28px;align-items:center}.knowledge .officer-hero .officer-portrait{width:160px;height:160px;flex-shrink:0}.knowledge .officer-block{padding:24px;margin:22px 0;border:1px solid #334d59;background:#10232e;border-radius:16px}.knowledge .officer-block h3{margin:0 0 16px;color:#e8bd70;font-size:23px}.knowledge .officer-block h4{font-size:18px;line-height:1.5;margin:16px 0 8px}.knowledge .officer-block p,.knowledge .officer-block li{font-size:17px;line-height:1.75}.knowledge .officer-block li{margin:8px 0}.knowledge .officer-block .officer-muted{color:#b4c6cb;font-size:15px}.knowledge .officer-block ul{padding-left:24px}.knowledge .officer-basics summary{cursor:pointer;color:#65cebf;font-size:20px;font-weight:600}.knowledge .officer-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px}.knowledge .officer-guide-grid h3{font-size:20px}.knowledge .officer-guide-grid p{margin-bottom:0}
.knowledge .officer-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:28px 0 15px}.knowledge .officer-filters label,.knowledge .officer-level{display:grid;gap:8px;font-size:16px}.knowledge .officer-level{max-width:300px;margin-bottom:15px}.knowledge .officer-filters input,.knowledge .officer-filters select,.knowledge .officer-level select{min-width:0;width:100%;box-sizing:border-box;min-height:46px;padding:10px;background:#0c202b;border:1px solid #66808b;border-radius:8px;color:#f4f6f5;font:inherit}.knowledge .officer-count{color:#b4c6cb;font-size:15px}.knowledge .officer-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.knowledge .officer-skill{min-width:0;background:#0a1c26;border:1px solid #2e4c59;border-radius:12px;padding:20px}.knowledge .officer-skill h4{color:#f1d7ac;margin-top:0}.knowledge .officer-skill .officer-scope{color:#65cebf;font-size:15px;font-weight:600}.knowledge .officer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.knowledge .officer-stats>div{padding:15px;background:#0b1c26;border-radius:8px}.knowledge .officer-stats dt{font-size:15px;color:#bdcdd2}.knowledge .officer-stats dd{margin:6px 0 0;color:#65cebf;font-size:23px}.knowledge .officer-cost-row{display:grid;grid-template-columns:100px 1fr;gap:15px;border-top:1px solid #334d59;padding:12px 0}.knowledge .officer-cost-row strong{padding-top:9px}.knowledge .officer-cost-row ul{margin:0}.knowledge .officer-ship-links{display:flex;flex-wrap:wrap;gap:8px}.knowledge .officer-ship-links a{border:1px solid #385965;border-radius:8px;padding:8px 12px;margin:0}
@media(max-width:900px){.knowledge .officer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.knowledge .officer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.knowledge .officer-filters,.knowledge .officer-skill-grid,.knowledge .officer-guide-grid{grid-template-columns:1fr}.knowledge .officer-hero{flex-direction:column;text-align:center}.knowledge .officer-block{padding:18px}.knowledge .officer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge .officer-card{padding:16px 8px}.knowledge .officer-card h3{font-size:18px}.knowledge .officer-card-action{font-size:13px}.knowledge .officer-cost-row{grid-template-columns:1fr;gap:0}}@media(max-width:350px){.knowledge .officer-grid{grid-template-columns:1fr}}

.knowledge .officer-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge .officer-filters label{min-width:0}.knowledge .officer-filter-help{font-size:15px;line-height:1.7;color:#b4c6cb}.knowledge .officer-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:3px 0 15px}.knowledge .officer-stars{color:#e8bd70;letter-spacing:2px;font-size:22px;display:block;width:100%}.knowledge .officer-acquisition,.knowledge .officer-attribute-count{font-size:12px;line-height:1.5;padding:4px 7px;border:1px solid #59717d;border-radius:7px}.knowledge .officer-free{color:#8fe0c9;border-color:#407c71}.knowledge .officer-pay{color:#f0ca90;border-color:#897249}.knowledge .officer-unverified{color:#bfcdd3}.knowledge .officer-rating-guide summary{cursor:pointer;color:#65cebf;font-weight:600;font-size:19px}.knowledge .officer-block .officer-badges{justify-content:flex-start}.knowledge .officer-block .officer-stars{width:auto}.knowledge .officer-block .officer-rating-guide{margin:14px 0 0;padding:16px}.knowledge .officer-muted{color:#b4c6cb;line-height:1.6;font-size:15px}@media(max-width:650px){.knowledge .officer-filters{grid-template-columns:1fr}}

.officer-cost-table{width:100%;border-collapse:collapse;font-size:.92rem}.officer-cost-table th,.officer-cost-table td{text-align:left;padding:8px;border-bottom:1px solid #ffffff20}.officer-growth-step,.officer-source{padding:12px;border:1px solid #ffffff20;border-radius:12px;margin:10px 0}.officer-growth-step ul{padding-left:20px}.officer-growth-step h4{margin-top:0}.officer-cost-table-wrap{overflow-x:auto}

.knowledge .officer-attribute-list{font-size:13px;line-height:1.6;color:#b4c6cb;margin:0 0 12px}.knowledge .officer-stats>div p{margin:8px 0 0;font-size:13px}.knowledge .officer-stats dd{overflow-wrap:anywhere}

.knowledge .officer-attribute-heading{display:flex;align-items:center;gap:8px}.knowledge .officer-attribute-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0}@media(max-width:450px){.knowledge .officer-stats{grid-template-columns:1fr}}

#knowledge-panel .officer-portrait{border:2px solid #d9b96e;border-radius:13px;padding:3px;background:linear-gradient(145deg,#756035,#0c2330);box-shadow:0 0 0 1px #f0d49a33,0 5px 18px #0005;object-fit:contain;box-sizing:border-box}
#knowledge-panel .officer-card{border-color:#756746;background:linear-gradient(145deg,#17313d,#0b202c);border-radius:15px}#knowledge-panel .officer-card:hover{border-color:#e1c386;box-shadow:0 4px 22px #d4b06a18}#knowledge-panel .officer-block{background:linear-gradient(130deg,#142e3a,#0c202b);border:1px solid #355361;border-radius:16px;padding:clamp(18px,3vw,28px);margin:22px 0}#knowledge-panel .officer-block h3{color:#e0c184}#knowledge-panel .officer-block h4{color:#87dedd}#knowledge-panel .officer-skill{border:1px solid #42555c;border-radius:12px;background:#0b202b;padding:18px}#knowledge-panel .officer-explanation{padding:14px;border-left:3px solid #dbbc7c;background:#1a3540;color:#d8e9eb;line-height:1.7}#knowledge-panel .officer-tactical{border-top:3px solid #d9bd7d}#knowledge-panel .officer-filters{padding:20px;border:1px solid #766845;border-radius:14px;background:#0c2430}#knowledge-panel .ship-link{display:inline-block;padding:10px 16px;border:1px solid #cbb174;border-radius:8px;background:linear-gradient(135deg,#334147,#15303b);color:#efd49b;text-decoration:none}#knowledge-panel .officer-scope{color:#f2d491;font-weight:700}

.officer-base-value{display:block;color:#f0d393;border:1px solid #9b8452;border-radius:7px;background:#183c47;padding:8px;margin:8px 0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.officer-fleet-examples{border:1px solid #9b8452;border-radius:12px;padding:16px;background:#102b36}.officer-fleet-examples>h2{color:#f0d393}.officer-fleet-examples p{line-height:1.55}.of-pair,.of-budget-headings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.of-budget-headings h3{font-size:16px;color:#f0d393}.of-officer{min-width:0;border:1px solid #64725d;border-radius:9px;background:#0b2430;padding:12px;overflow-wrap:anywhere;font-size:14px}.of-officer-heading{display:flex;align-items:center;gap:9px;min-width:0}.of-officer-heading img{width:56px;height:56px;object-fit:contain;flex:none}.of-officer-heading a{white-space:normal!important}.of-officer h4{font-size:14px;color:#f0d393;margin:12px 0 5px}.of-officer p{margin:6px 0}.of-officer summary,.of-marsh>summary{cursor:pointer;min-height:44px;line-height:1.5;padding:8px 0;color:#f0d393}.of-base{border-left:2px solid #b89a59;padding-left:8px}.of-skill-name{color:#cedce0;font-size:12px}.of-position{font-size:15px;color:#f0d393;margin:18px 0 8px}.of-ship{border:1px solid #637160;border-radius:8px;padding:12px;margin:14px 0}.of-ship h3{font-size:16px;margin:0 0 8px}.of-marsh{margin-top:20px;border:1px solid #9b8452;border-radius:8px;padding:12px}@media(max-width:600px){.officer-fleet-examples{padding:10px}.of-pair,.of-budget-headings{gap:6px}.of-officer{padding:8px;font-size:13px}.of-officer-heading{flex-direction:column;align-items:flex-start}.of-officer-heading img{width:48px;height:48px}.of-budget-headings h3{font-size:13px}}
.of-fold>summary{cursor:pointer;min-height:48px;padding:12px;border:1px solid #9b8452;border-radius:8px;color:#f0d393;line-height:1.5}