.fleet-class-nav{position:sticky;top:82px;z-index:5;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px;padding:12px;background:#fbf8f2;border:1px solid #e4d7b7;border-radius:14px;box-shadow:0 4px 14px #604a180c}
.fleet-class-nav a{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #c9a24b;border-radius:24px;background:#fffaf0;color:#604a18;font-size:12px;text-decoration:none;white-space:nowrap;min-height:40px}
.fleet-class-nav a:hover{background:#f3ead3}
.fleet-class-nav a:focus-visible{outline:3px solid #806214;outline-offset:2px}
.fleet-class{scroll-margin-top:180px;margin:0 0 48px}
.fleet-class h2.fleet-class-title{font:600 12px/1.6 var(--font);letter-spacing:.18em;color:#806214;margin:0 0 8px}
.fleet-class-summary{font-size:15px;line-height:1.7;color:#51472f}
.fleet-class-from{display:inline-block;margin-left:12px;color:#604a18;font-weight:600;white-space:nowrap}
.fleet-class .fleet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px;align-items:stretch}
.fleet-class .fleet-card,.fleet-class .pod-info-card{min-width:0}
@media(max-width:999px) and (min-width:701px){.fleet-class .fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.fleet-class-nav{top:122px;flex-wrap:nowrap;overflow-x:auto;margin-top:20px}.fleet-class-nav a{flex:none}.fleet-class{scroll-margin-top:205px}}
@media(max-width:700px){.fleet-class .fleet-grid{grid-template-columns:minmax(0,1fr)}.fleet-class-from{display:block;margin:6px 0 0}}

#fleet-groups .fleet-grid{align-items:start}
