:root{color-scheme:dark}body{background:#090e11;color:#e5e5dc}.study-header{background:#0c1316;border-color:#283437}.study-brand,.study-header nav a{color:#e4dcc7}.study-header nav a[aria-current]{color:#dfb773}.fleet-main{max-width:1800px;margin:auto;padding:24px 32px 60px}.eyebrow{color:#bda274;letter-spacing:.16em;font:11px/1.5 Arial}.fleet-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;gap:20px}.fleet-heading h1{font:38px/1.1 Georgia;margin:6px 0;color:#f2e8d1}.fleet-heading p{color:#a4b2b6;font-size:14px}.fleet-layout{display:grid;grid-template-columns:236px minmax(0,1fr);border:1px solid #2a393d;border-radius:12px;overflow:hidden}.fleet-index{padding:24px;background:#101a1e}.ship-entry{display:block;text-decoration:none;border-left:2px solid #d3a466;background:#ffffff06;padding:18px 14px;margin:20px -6px;color:#e7dcc4}.ship-entry>span{font:12px Georgia;letter-spacing:.2em;color:#ae9470}.ship-entry strong{display:block;font:24px Georgia;margin:10px 0}.ship-entry small{font-size:12px;color:#b8b9a9}.fleet-index p{font:14px/1.7 Arial;color:#aebdc0}.fleet-index dl{margin:25px 0}.fleet-index dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff12;padding:10px 0}.fleet-index dt{font:12px Arial;color:#99aeb2}.fleet-index dd{margin:0;font:17px Georgia;color:#e8d4ad}.method-note{display:block;font:12px/1.6 Arial;color:#93a5a9}.ship-workspace{min-width:0;background:#0c1519}.ship-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:12px}.ship-toolbar strong{display:block;font:18px Georgia;margin-top:3px}.ship-workspace button{border:1px solid #70858944;border-radius:8px;background:#ffffff08;color:#e4e8e5;padding:9px 12px;font:13px Arial;cursor:pointer;transition:background .2s}.ship-workspace button:hover{background:#ffffff18}.ship-workspace button[aria-pressed=true]{background:#d6b17920;border-color:#ad9064;color:#f5deb1}.ship-workspace button:focus-visible{outline:2px solid #e8c38b;outline-offset:2px}.ship-stage{height:clamp(430px,63vh,830px);position:relative;background:#13343b;overflow:hidden}#ship-canvas,#ship-labels{position:absolute;inset:0}#ship-canvas canvas{display:block;width:100%;height:100%;touch-action:none}#ship-labels{pointer-events:none}.ship-hotspot{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);border-radius:50%!important;min-width:30px;height:30px;padding:0!important;background:#121c20e8!important;border-color:#dab67d!important;font:12px Georgia!important;box-shadow:0 0 0 5px #e8cda019}.ship-inset{position:absolute;top:22px;left:24px;max-width:270px;pointer-events:none;color:#e8e5d7;text-shadow:0 2px 8px #061319}.ship-inset span{font:10px Arial;letter-spacing:.13em;color:#c9c4ae}.ship-inset h2{font:27px/1.1 Georgia;margin:9px 0}.ship-inset p{font:13px/1.65 Arial;margin:0;color:#c4d3d3}.ship-hint{position:absolute;bottom:13px;left:18px;font:9px Arial;letter-spacing:.1em;color:#c4d5d5;pointer-events:none}.ship-zoom{position:absolute;right:18px;bottom:18px;display:flex;flex-direction:column;gap:5px}.ship-zoom button{background:#0a1b20cb;font-size:19px}.ship-controls{padding:14px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.ship-views,.ship-options{display:flex;gap:6px;flex-wrap:wrap}.ship-options{border-left:1px solid #53636955;padding-left:12px}#ship-loading,#ship-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#09171ee8;padding:22px;max-width:85%;text-align:center;border:1px solid #657575}.ship-reading{display:grid;grid-template-columns:1.7fr 1fr;gap:70px;margin:60px 0}.ship-reading h2{font:34px Georgia;color:#ebdfc8}.ship-reading h3{font:22px Georgia;color:#dfd7c4}.ship-reading p{font:15px/1.85 Arial;color:#a9bbc0}.ship-details{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.ship-details article>span{font:12px Arial;color:#bd9868}.ship-reading a{color:#dbbd84;font-size:13px;line-height:2}.ship-reading figure{margin:22px 0}.ship-reading img{width:100%;height:auto;border-radius:6px}.ship-reading figcaption{font:12px/1.6 Arial;color:#98a9ad;margin-top:7px}.ship-workspace:fullscreen,.ship-workspace.expanded{background:#091418;width:100%;height:100dvh;display:flex;flex-direction:column}.ship-workspace:fullscreen .ship-stage,.ship-workspace.expanded .ship-stage{flex:1;height:auto;min-height:0}.ship-workspace.expanded{position:fixed;inset:0;z-index:9999}body.ship-expanded{overflow:hidden}@media(max-width:1000px){.fleet-layout{grid-template-columns:190px minmax(0,1fr)}.fleet-index{padding:18px}.ship-inset{max-width:220px}.ship-inset p{font-size:12px}.ship-reading{gap:30px}.ship-details{grid-template-columns:1fr}}@media(max-width:700px){.fleet-main{padding:18px 12px}.fleet-heading h1{font-size:29px}.fleet-heading>p{display:none}.fleet-layout{display:block}.fleet-index{padding:12px 16px}.fleet-index>.eyebrow,.fleet-index>p,.fleet-index>dl,.method-note{display:none}.ship-entry{margin:0;padding:8px 12px}.ship-entry>span,.ship-entry small{display:none}.ship-entry strong{font-size:19px;margin:0}.ship-stage{height:58vh;min-height:370px}.ship-inset{top:12px;left:14px;max-width:190px}.ship-inset h2{font-size:23px}.ship-inset p{font-size:12px}.ship-controls{padding:10px}.ship-options{padding-left:0;border:0}.ship-reading{display:block;margin:35px 5px}.ship-toolbar{padding:10px}.ship-workspace button{font-size:12px;padding:8px 10px}.ship-hint{font-size:8px;left:12px}.ship-reading aside{margin-top:35px}.study-header nav{flex-wrap:wrap}}
.fleet-ship-tabs .ship-entry{width:100%;text-align:left;cursor:pointer;border:1px solid #52676c45;border-left:3px solid #856d48;border-radius:7px;font-family:inherit}.fleet-ship-tabs .ship-entry[aria-pressed=true]{background:#d7b17817;border-color:#c3a36f}.fleet-ship-tabs .ship-entry[data-ship=quinquereme]{border-left-color:#6b99ad}.compare-entry{width:100%;padding:12px 8px;border:1px solid #7e939b;border-radius:8px;background:#1d3038;color:#f1e3c9;cursor:pointer}.compare-entry[aria-pressed=true]{border-color:#d7b47b;background:#c9a36d20}.ship-name-label{position:absolute;transform:translate(-50%,-100%);padding:5px 9px;border-radius:5px;background:#06161ce6;border:1px solid #97a9a34a;color:#e5d8b7;font:12px/1.4 Arial;white-space:nowrap}.fleet-comparison{max-width:820px;margin:38px auto}.fleet-comparison table{width:100%;border-collapse:collapse;margin-top:12px}.fleet-comparison td,.fleet-comparison th{padding:12px;text-align:left;border-bottom:1px solid #647b7f44;font:14px Arial}.fleet-comparison th{color:#e5c28c}.fleet-comparison p{color:#a6b9bd;font:13px/1.7 Arial}@media(max-width:700px){.fleet-ship-tabs{display:flex;gap:7px;flex-wrap:wrap}.fleet-ship-tabs .ship-entry{flex:1;min-width:120px;padding:10px;margin:0}.fleet-ship-tabs .ship-entry small{display:block;font-size:11px;margin-top:6px}.compare-entry{width:auto;flex:1}.fleet-comparison td,.fleet-comparison th{padding:10px 5px;font-size:12px}}
.fleet-index{max-height:calc(63vh + 220px);overflow:auto;scrollbar-width:thin;scrollbar-color:#8b795b #101a1e}.fleet-ship-tabs .ship-entry{margin:9px 0;padding:12px}.ship-entry strong{font-size:21px;margin:6px 0}.ship-entry>span{font:12px/1.5 Arial;letter-spacing:.05em}.ship-entry small{font-size:13px}.fleet-index>.eyebrow{font-size:12px}.fleet-compare-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e;font:14px Arial;color:#c5d4d6}.fleet-compare-controls label:first-child{margin-right:auto;display:flex;align-items:center;gap:8px}.fleet-compare-controls input{accent-color:#d5b57c;width:18px;height:18px}.fleet-compare-controls select{max-width:230px;border:1px solid #596d72;background:#16272e;color:#ede1c9;padding:9px 12px;border-radius:8px;font:14px Arial}.ship-workspace button{font-size:14px}.ship-workspace button:disabled{opacity:.4;cursor:not-allowed}.ship-inset{max-width:320px;top:16px;left:18px}.ship-inset h2{font-size:22px;margin:0 0 5px}.ship-inset p{font-size:14px;line-height:1.5}.ship-reading p{font-size:16px}.ship-reading .method-note{display:block;font-size:14px}.vessel-sources{display:flex;flex-direction:column;align-items:start;gap:6px}.vessel-sources a{font-size:14px}.evidence-tag{display:inline-block;font:13px/1.5 Arial;border:1px solid #8d785b;padding:5px 9px;border-radius:5px;color:#e0c18e}.fleet-comparison{max-width:1100px}.fleet-comparison summary{font:20px Georgia;color:#e3c794;cursor:pointer;padding:16px 0}.fleet-table-scroll{overflow:auto}.fleet-comparison p{font-size:14px}.ship-entry:focus-visible,.fleet-compare-controls select:focus-visible{outline:2px solid #e8c38b;outline-offset:2px}.ship-entry:hover{background:#d7b17812}.ship-hint{font-size:11px}.ship-name-label{font-size:13px}.ship-stage{min-height:480px}.ship-workspace.expanded .ship-stage,.ship-workspace:fullscreen .ship-stage{min-height:0}
@media(max-width:700px){.fleet-index{max-height:none;overflow:hidden}.fleet-ship-tabs{flex-wrap:nowrap;overflow:auto;scroll-snap-type:x proximity;padding:2px 0 8px;scrollbar-width:thin}.fleet-ship-tabs .ship-entry{flex:0 0 170px;scroll-snap-align:start}.ship-entry strong{font-size:18px!important}.fleet-ship-tabs .ship-entry small{font-size:12px}.fleet-compare-controls{padding:10px}.fleet-compare-controls label:first-child{width:100%;margin-right:0}.fleet-compare-controls select{flex:1;max-width:none}.ship-stage{min-height:420px}.ship-inset{max-width:calc(100% - 32px);top:12px;left:14px}.ship-inset h2{font-size:20px}.ship-inset p{font-size:13px;max-width:310px}.ship-toolbar strong{font-size:16px}.ship-workspace button{font-size:13px;min-height:38px}.ship-controls{gap:8px}.ship-name-label{font-size:12px}.fleet-comparison th,.fleet-comparison td{font-size:13px;min-width:110px}.ship-hint{font-size:10px;max-width:70%;line-height:1.5}.ship-reading .method-note{display:block}}
.fleet-compare-controls .fullscreen-vessel{display:none}.ship-workspace:fullscreen .fullscreen-vessel,.ship-workspace.expanded .fullscreen-vessel{display:flex;align-items:center;gap:8px}.fleet-compare-controls label:has(#ship-compare){margin-right:auto;display:flex;align-items:center;gap:8px}
.ship-name-label{font-size:14px}.ship-name-label.is-selected{border-color:#e1bb77;color:#ffe4ad;background:#14252bf2}.fleet-wide .ship-inset p{max-width:380px}.fleet-wide .ship-inset{max-width:420px}

@media(max-width:700px){.ship-stage.fleet-wide{min-height:600px}.fleet-wide .ship-inset p{display:none}.ship-workspace:fullscreen .ship-stage.fleet-wide,.ship-workspace.expanded .ship-stage.fleet-wide{min-height:0}}

/* Grouped collection: labels always read horizontally. */
.ship-name-label{writing-mode:horizontal-tb!important;transform:translate(-50%,-100%)!important;max-height:none!important;white-space:nowrap;font-size:13px!important}.fleet-group-heading{width:100%;text-align:left;border:0;border-bottom:1px solid #a98e594a;background:none;color:#d7b780;padding:18px 0 9px;font:15px Georgia;cursor:pointer}.fleet-group-heading:hover{color:#ffdfac}.fleet-group-heading[aria-pressed=true]{border-color:#e6bb72}.fleet-water-group{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);white-space:nowrap;background:#10282ee8!important;color:#f3ce92!important;border-color:#bd9b61!important}.fleet-compare-controls select#fleet-group-select{max-width:230px}.fleet-ship-tabs section{min-width:0}@media(max-width:700px){.fleet-ship-tabs{display:block;max-height:180px;overflow:auto}.fleet-ship-tabs section>div{display:flex;overflow:auto;gap:8px}.fleet-group-heading{padding-top:10px}.fleet-ship-tabs .ship-entry{min-width:170px}.fleet-compare-controls select#fleet-group-select{max-width:none}.ship-stage{min-height:420px!important}}