.ship-breadcrumb{margin:0 0 16px}.ship-link{display:inline-block;color:var(--teal,#65cebf);margin:6px 16px 6px 0;text-underline-offset:4px}.ship-hero:after{content:"";display:block;clear:both}.ship-hero>.ship-image{float:right;width:260px;height:160px;margin:0 0 12px 20px}.ship-image{object-fit:contain;max-width:100%;display:block;filter:drop-shadow(0 8px 8px #0006)}.ship-badge{display:inline-block;border:1px solid var(--ship-tier);color:var(--ship-tier);border-radius:50px;padding:4px 10px;font-size:14px}.ship-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:24px 0}.ship-filters label{display:grid;gap:8px;font-size:16px}.ship-filters input,.ship-filters select{width:100%;min-width:0;min-height:46px;background:#0a1c27;color:#eff5f4;border:1px solid #47606c;border-radius:10px;padding:10px;font:inherit}.ship-family{margin:30px 0 42px}.ship-family h3{font-size:23px;margin:6px 0 10px}.ship-chain{color:#acbdc3;line-height:1.8;font-size:15px}.ship-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ship-card{display:flex;flex-direction:column;color:#eff5f4;text-decoration:none;border:1px solid #2d424d;border-top:3px solid var(--ship-tier);border-radius:16px;background:linear-gradient(140deg,#16303c,#0c1e28);padding:20px;transition:transform .16s,border-color .16s}.ship-card:hover{transform:translateY(-3px);border-color:var(--ship-tier)}.ship-card .ship-image{width:100%;height:150px;margin-bottom:14px}.ship-card .ship-badge{align-self:flex-start}.ship-card h4{font-size:20px;margin:14px 0 8px;line-height:1.4}.ship-card-buff{color:#acbdc3;font-size:16px;flex:1;margin:0 0 20px}.ship-card-action{color:#65cebf;font-size:16px}.ship-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.ship-block,.ship-glossary{background:#10232e;border:1px solid #2d424d;border-radius:16px;padding:24px;margin:20px 0}.ship-detail-grid .ship-block{margin:0}.ship-block h3{margin:0 0 14px;color:#e8bd70;font-size:22px}.ship-block h4{font-size:17px;margin:24px 0 8px}.ship-block p,.ship-glossary p{font-size:17px;line-height:1.75}.ship-note,.ship-caution{color:#acbdc3;line-height:1.7}.ship-block .ship-note{font-size:15px}.ship-caution{border-left:3px solid #e8bd70;padding:8px 14px}.ship-glossary summary,.ship-original summary{cursor:pointer;font-size:17px;line-height:1.5;padding:4px 0;color:#65cebf}.ship-stats{width:100%;border-collapse:collapse;font-size:16px;table-layout:fixed}.ship-stats caption{text-align:left;caption-side:bottom;margin-top:16px;font-size:15px}.ship-stats th,.ship-stats td{padding:13px 10px;border-bottom:1px solid #2d424d;text-align:left;vertical-align:top;overflow-wrap:anywhere}.ship-stats th{width:27%;font-weight:500}.ship-stats .ship-value{width:15%;color:#65cebf;font-weight:700}.ship-stat-help{color:#acbdc3;line-height:1.5}.ship-series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ship-mini{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;text-align:center;text-decoration:none;color:#eff5f4;background:#0b1b25;border:1px solid #2d424d;border-radius:12px}.ship-mini .ship-image{width:150px;height:100px}.ship-mini[aria-current]{border-color:#65cebf;background:#16353d}.ship-mini strong{font-size:15px;line-height:1.4}.knowledge a:focus-visible,.knowledge summary:focus-visible{outline:3px solid #e8bd70;outline-offset:4px}.ship-original p{font-size:15px}@media(max-width:800px){.ship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ship-detail-grid{grid-template-columns:1fr}.ship-filters{grid-template-columns:1fr 1fr}.ship-filters label:first-child{grid-column:1/-1}.ship-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.ship-grid{grid-template-columns:1fr}.ship-hero>.ship-image{float:none;width:100%;margin:0 0 20px}.ship-block,.ship-glossary{padding:17px}.ship-filters{grid-template-columns:1fr}.ship-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ship-stats th{width:38%}.ship-stats .ship-value{width:22%}.ship-stat-help{display:none}.ship-stats th,.ship-stats td{padding:12px 5px}.ship-family h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.ship-card{transition:none}.ship-card:hover{transform:none}}

@media(max-width:500px){.ship-stats tr{display:grid;grid-template-columns:1fr auto;padding:10px 0;border-bottom:1px solid #2d424d}.ship-stats th,.ship-stats .ship-value{width:auto;border:0}.ship-stats .ship-stat-help{display:block;grid-column:1/-1;border:0;font-size:15px;padding-top:0}}

/* Resource calculator, scoped to the ship guide. */
.knowledge .economy-controls{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}
.knowledge .economy-field{display:flex;flex:1 1 180px;min-width:0;flex-direction:column;gap:7px;font-weight:600}
.knowledge .economy-field input,.knowledge .economy-field select{width:100%;box-sizing:border-box;min-width:0;min-height:44px;padding:10px;border:1px solid #8c7958;border-radius:8px;background:#122c34;color:#eee7da;font:inherit}
.knowledge .economy-quick{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.knowledge .economy-quick button{min-width:48px;min-height:44px}
.knowledge .economy-table-wrap{max-width:100%;overflow-x:auto;margin:12px 0}
.knowledge .economy-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}
.knowledge .economy-table th,.knowledge .economy-table td{padding:10px 6px;border-bottom:1px solid #566157;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums}
.knowledge .economy-table th:first-child{text-align:left;width:40%}
.knowledge .economy-table thead th{color:#d9c295;font-weight:600}
.knowledge .economy-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0;cursor:pointer}
.knowledge .economy-check input{width:22px;height:22px;flex:0 0 22px;accent-color:#b7a274}
.knowledge .economy-research-controls fieldset{min-width:0;border:1px solid #66705d;border-radius:10px;padding:14px;margin:14px 0}
.knowledge .economy-research-controls legend{max-width:100%;overflow-wrap:anywhere;padding:0 5px}
.knowledge .economy-mine-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.knowledge .economy-mine{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;padding:16px 6px;border:1px solid #96815d;border-radius:10px;background:#203b3b;overflow-wrap:anywhere}
.knowledge .economy-mine strong{font-size:2rem;color:#e1cda3}
.knowledge .ship-costs{scroll-margin-top:20px}
.knowledge .ship-acquisition details{margin:12px 0}
.knowledge .economy-field:focus-within{color:#e1cda3}
.knowledge .ship-caution:empty{display:none}
@media(max-width:420px){.knowledge .economy-table{font-size:.78rem}.knowledge .economy-table th,.knowledge .economy-table td{padding:9px 3px}.knowledge .economy-mine-cards{gap:6px}.knowledge .economy-mine span{font-size:.78rem}}
.knowledge .economy-quick button,.knowledge button.btn{border:1px solid #96815d;border-radius:8px;background:#203b3b;color:#e1cda3;padding:10px 14px;font:inherit;cursor:pointer}.knowledge .economy-quick button:hover,.knowledge button.btn:hover{background:#34514b}
