/* German Naval History project styles */

/* Shared foundation */
:root{--ink:#17232b;--paper:#f3f0e8;--navy:#102936;--sea:#2d6472;--foam:#d7e8e5;--rust:#c4603f;--muted:#657178;--line:#cfd5d1;--accent:#c4603f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}img{max-width:100%}.theme-carrier{--accent:#b48b42}.theme-panzerschiffe{--accent:#a85945}.theme-linienschiffe{--accent:#6d7c72}.theme-heavycruiser{--accent:#94534b}.theme-lightcruiser{--accent:#477b85}.theme-destroyer{--accent:#6a8798}.site-nav{width:min(1240px,calc(100% - 2rem));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 0;position:relative;z-index:10;color:white}.wordmark{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.wordmark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5}.site-menu{display:flex;align-items:center;gap:1rem}.site-menu a{color:#c4d7d9;text-decoration:none;font-size:.74rem}.site-menu a:hover,.site-menu a.active{color:white}.menu-button{display:none;border:1px solid #ffffff55;border-radius:2rem;padding:.4rem .8rem;color:white;background:transparent;font:inherit}.kicker{margin:0 0 .7rem;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}h1{margin:0;font-size:clamp(4rem,11vw,9.5rem);line-height:.82}h2{margin:0;font-size:clamp(2.5rem,5.5vw,5rem);line-height:.95}h3{font-size:1.5rem}.home-hero,.category-hero,.ship-hero{color:white;overflow:hidden;position:relative;background:linear-gradient(150deg,#0b202c 0 52%,#174353 52% 76%,#286878 76%)}.home-hero{min-height:88svh}.home-hero>div:not(.waterlines),.category-hero>div:last-child{width:min(1240px,calc(100% - 2rem));margin:clamp(5rem,12vh,10rem) auto 0;position:relative;z-index:2}.home-hero h1{max-width:1100px}.home-hero p:not(.kicker),.category-hero p:not(.kicker){max-width:630px;color:#d4e3e4;font-size:1.1rem}.category-hero h1+p,.hero-copy h1+p{margin-top:2rem}.waterlines{position:absolute;inset:auto -10% 0;height:28%;opacity:.18;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 18px,#fff 19px 20px)}main{overflow:hidden}.fleet-intro,section{width:min(1160px,calc(100% - 2rem));margin:0 auto;padding:clamp(4rem,8vw,7rem) 0}.fleet-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.fleet-intro>p,.section-heading>p:not(.kicker){max-width:670px;color:var(--muted);font-size:1.08rem}.category-grid{width:min(1160px,calc(100% - 2rem));margin:0 auto clamp(5rem,10vw,9rem);display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.category-card{min-height:300px;grid-column:span 4;padding:1.8rem;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:white;background:var(--navy);position:relative;overflow:hidden}.category-card:nth-child(2),.category-card:nth-child(5){grid-column:span 5;background:var(--sea)}.category-card:nth-child(3),.category-card:nth-child(4){grid-column:span 7}.category-card:nth-child(3){background:var(--rust)}.category-card:nth-child(4){background:#536a68}.category-card:nth-child(7){grid-column:span 12;background:#354e5a}.category-card::before{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff22;border-radius:50%;right:-80px;top:-80px}.category-card span{position:absolute;top:1.2rem;left:1.5rem;color:#ffffff88}.category-card p{margin:0;color:#ffffffaa;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.category-card h2{margin:.4rem 0 1.3rem;font-size:clamp(2rem,4vw,3.8rem)}.category-card b{font-size:.8rem}.category-card:hover b{color:#fff0c4}.category-hero{min-height:72svh}.category-hero strong{display:inline-block;margin-top:1.5rem;padding:.5rem 1rem;border:1px solid #ffffff44;border-radius:2rem;color:#d7e6e7}.class-hero{min-height:88svh;padding-bottom:4rem}.class-hero-copy{width:min(1240px,calc(100% - 2rem));margin:clamp(4rem,9vh,7rem) auto 0;position:relative;z-index:2}.class-hero-copy>p:not(.kicker){max-width:680px;margin-top:2rem;color:#d4e3e4;font-size:1.1rem}.class-profile{width:min(1050px,calc(100% - 2rem));margin:2.5rem auto 0;padding:1.5rem;position:relative;z-index:2;background:#a8c8d4;box-shadow:0 24px 55px #06131966}.class-profile img{display:block;width:100%;max-height:210px;object-fit:contain}.class-count{color:var(--sea);font-size:.72rem;font-weight:800;white-space:nowrap}.fleet-grid{width:min(1160px,calc(100% - 2rem));margin:0 auto clamp(5rem,10vw,9rem);display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.fleet-card{display:flex;min-height:430px;flex-direction:column;text-decoration:none;background:white;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}.fleet-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #18272c20}.card-art{min-height:210px;display:grid;place-items:center;padding:2rem;background:#a8c8d4}.card-art img{width:100%;max-height:190px;object-fit:contain}.text-art{font:400 8rem Georgia,serif;color:#315d6a}.card-copy{padding:1.7rem;display:flex;flex:1;flex-direction:column}.card-copy>p{margin:0;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-copy h2{margin:.35rem 0 .8rem;font-size:clamp(2.3rem,4vw,3.8rem)}.card-copy .service-years{color:var(--sea);font-weight:800;letter-spacing:.08em;white-space:nowrap;writing-mode:vertical-rl}.card-copy .teaser-text{max-width:90%;color:var(--muted)}.card-copy b{margin-top:auto;padding-top:1.3rem;color:var(--sea);font-size:.8rem}.ship-hero{min-height:95svh}.ship-switcher{width:min(1240px,calc(100% - 2rem));margin:auto;display:flex;gap:.45rem;position:relative;z-index:4}.ship-switcher a{padding:.35rem .7rem;border:1px solid #7ba0a866;border-radius:2rem;color:#bdd1d4;text-decoration:none;font-size:.72rem}.ship-switcher a:hover,.ship-switcher a.active{color:var(--navy);background:#dbe9e9}.hero-copy{width:min(1160px,calc(100% - 2rem));margin:clamp(3rem,8vh,7rem) auto 0;position:relative;z-index:2}.hero-copy>p:last-child{width:min(640px,100%);color:#d9e6e7;font-size:1.08rem}.profile-stage{width:min(1050px,calc(100% - 2rem));margin:2.5rem auto 0;padding:clamp(1rem,2.5vw,2rem);position:relative;background:#a8c8d4;border:1px solid #d9ecef66;box-shadow:0 24px 55px #06131966}.profile-stage span{position:absolute;top:.6rem;right:1rem;color:#315d6a;font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.profile-stage img{width:100%;display:block;max-height:230px;object-fit:contain}.quick-facts{width:min(1100px,calc(100% - 2rem));margin:2rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:white;box-shadow:0 20px 45px #18272c18}.quick-facts div{padding:1.5rem;border-right:1px solid var(--line)}.quick-facts div:last-child{border:0}.quick-facts b{display:block;font:400 clamp(1.35rem,2.7vw,2.3rem)/1.15 Georgia,serif;color:var(--navy)}.quick-facts span{color:var(--muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:1rem;margin-bottom:2.5rem}.section-heading .kicker{grid-column:1/-1}.section-heading>p:not(.kicker){margin:0}.prose{max-width:820px;margin-left:auto;font-family:Georgia,serif;font-size:1.12rem}.prose p:first-child::first-letter{float:left;margin:.07em .1em 0 0;color:var(--accent);font-size:4.5rem;line-height:.78}.dark-band,.models-band{color:white;background:var(--navy)}.dark-band .section-heading h2{color:white}.timeline{border-left:1px solid #45636c;margin-left:8rem}.timeline article{display:grid;grid-template-columns:8rem 1fr;gap:1.3rem;margin:0 0 1.7rem -8rem}.timeline time{padding-right:1.25rem;color:#8fb9c0;font-weight:700;text-align:right}.timeline p{margin:0;padding-left:1.2rem;position:relative;color:#b9cbcf}.timeline p::before{content:"";position:absolute;left:-5px;top:.5rem;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--navy)}.tech-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1rem}.tech-card{min-height:220px;padding:1.7rem;border:1px solid var(--line);background:#faf9f5}.tech-card.primary{color:white;background:var(--sea);border-color:var(--sea)}.tech-card.wide{grid-column:span 2}.tech-card h3{margin:0 0 1.1rem}.tech-card dl,.record dl{margin:0}.tech-card dl div,.record dl div{display:flex;justify-content:space-between;gap:1rem;padding:.58rem 0;border-top:1px solid var(--line)}.tech-card.primary dl div{border-color:#ffffff30}.tech-card.primary dt{color:#c9dcdf}.tech-card.wide dl{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1.5rem}dt{color:var(--muted)}dd{margin:0;font-weight:700;text-align:right}.drawing-band{background:#dbe6e2}.drawing{margin:0 0 2rem;padding:2rem;background:#a8c8d4}.drawing img{width:100%;display:block;max-height:280px;object-fit:contain}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.media-grid figure{margin:0;overflow:hidden;background:white;box-shadow:0 12px 30px #18272c12}.media-grid img{display:block;width:100%;height:330px;object-fit:cover;filter:grayscale(1);transition:filter .3s,transform .4s}.media-grid figure:hover img{filter:none;transform:scale(1.015)}.media-grid figcaption{padding:.8rem 1rem;color:var(--muted);font-size:.8rem}.record{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.record dl{padding:1.5rem;background:white}.record h2{font-size:clamp(2.5rem,5vw,4.5rem)}footer{padding:3rem 1rem;display:flex;justify-content:space-between;gap:2rem;color:#b9cbcf;background:#071a23}footer p{margin:0;max-width:780px}footer a{color:white}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:none}
@media(max-width:860px){.site-menu{display:none;position:absolute;top:4.5rem;right:0;left:0;padding:1rem;flex-direction:column;align-items:stretch;background:#0b202cf5}.site-menu.open{display:flex}.menu-button{display:block}.fleet-intro,.section-heading,.tech-grid,.record{grid-template-columns:1fr}.tech-card.wide{grid-column:auto}.category-card,.category-card:nth-child(n){grid-column:span 6}.fleet-grid{grid-template-columns:1fr}.quick-facts{grid-template-columns:1fr 1fr}.quick-facts div:nth-child(2){border-right:0}.media-grid{grid-template-columns:1fr}.ship-hero{min-height:800px}}
@media(max-width:560px){h1{font-size:clamp(3.5rem,17vw,6rem)}.category-grid{display:block}.category-card{margin-bottom:1rem}.ship-switcher{overflow-x:auto;padding-bottom:.5rem}.hero-copy{margin-top:3rem}.quick-facts{grid-template-columns:1fr}.quick-facts div{border-right:0;border-bottom:1px solid var(--line)}.timeline{margin-left:0;border:0}.timeline article{display:block;margin:0 0 1.6rem}.timeline time{display:block;padding-right:0;text-align:left}.tech-card.wide dl{grid-template-columns:1fr}.timeline p{padding:.5rem 0 0}.timeline p::before{display:none}.media-grid img{height:auto}footer{display:block}footer a{display:inline-block;margin-top:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.home-hero h1+p{margin-top:2rem}

/* Shared model links */
.model-link-wrap {
  width: min(1160px, calc(100% - 2rem));
  margin: -5rem auto 5rem;
  display: grid;
  gap: 1rem;
}

.model-link {
  padding: 1.2rem 1.4rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .2rem 1rem;
  align-items: center;
  color: white;
  text-decoration: none;
  background: var(--sea);
  transition: background .2s, transform .2s;
}

.model-link span:first-child {
  color: #c9dcdf;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.model-link strong {
  font: 400 1.35rem Georgia, serif;
}

.model-link span:last-child {
  grid-column: 2;
  grid-row: 1 / 3;
  font-size: 1.6rem;
}

.model-link:hover {
  color: white;
  background: var(--navy);
  transform: translateY(-2px);
}

/* Shared editorial features */
.feature-stories{padding-top:clamp(4.5rem,9vw,8rem)}
.feature-intro{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:3rem}
.feature-intro h2{max-width:430px}.feature-intro p{max-width:680px;margin:.3rem 0 0;color:var(--muted);font-size:1.08rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}
.feature-grid article{min-width:0;padding:clamp(1.5rem,3vw,2rem);background:var(--paper)}
.feature-number{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em}
.feature-grid h3{margin:.7rem 0 .55rem;font-size:1.55rem;line-height:1.15}.feature-grid p{margin:0;color:var(--muted)}
@media(max-width:860px){.feature-intro,.feature-grid{grid-template-columns:1fr}}

/* Global home page */
:root{--home-dark:#071a23;--home-gold:#c79c54}.global-home{background:#ece9e0}.global-hero{min-height:100svh;color:#fff;background:var(--home-dark);overflow:hidden}.global-hero .site-nav{position:relative;z-index:5}.hero-stage{width:min(1380px,calc(100% - 2rem));min-height:calc(100svh - 75px);margin:auto;display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.4fr);gap:clamp(2rem,5vw,6rem);align-items:center}.hero-copy-block{padding:3rem 0 5rem;position:relative;z-index:2}.hero-copy-block h1{font-size:clamp(4.5rem,9vw,9rem);line-height:.76}.hero-copy-block>p:not(.kicker){max-width:520px;margin:2rem 0;color:#bfd0d3;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.5rem}.hero-actions a{min-width:190px;padding:.9rem 1.1rem;border:1px solid #ffffff38;text-decoration:none;color:#b9cbcf;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.hero-actions strong{display:block;margin-top:.2rem;color:#fff;font-size:.85rem}.hero-actions a:hover{background:#fff;color:#53646a}.hero-actions a:hover strong{color:var(--home-dark)}.hero-mosaic{height:min(78svh,800px);display:grid;grid-template-columns:1.45fr .85fr;grid-template-rows:1fr 1fr;gap:.8rem;transform:rotate(-2deg)}.hero-image{margin:0;position:relative;overflow:hidden;background:#173542}.hero-image-main{grid-row:1/3}.hero-image img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1) sepia(.12);transition:filter .5s,transform .7s}.hero-image:hover img{filter:grayscale(.25);transform:scale(1.025)}.hero-image figcaption{position:absolute;left:1rem;bottom:1rem;padding:.35rem .55rem;color:#fff;background:#071a23bd;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.era-intro{padding-bottom:3rem;text-align:center}.era-intro>p:last-child{max-width:720px;margin:1.5rem auto 0;color:var(--muted);font-size:1.05rem}.era-grid{width:min(1380px,calc(100% - 2rem));padding:0 0 clamp(5rem,9vw,9rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem}.era-card{min-height:650px;position:relative;overflow:hidden;color:#fff;text-decoration:none}.era-card>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .7s}.era-card:hover>img{filter:grayscale(.2);transform:scale(1.025)}.era-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#071a23e8 90%)}.era-card>div{max-width:590px;position:absolute;right:clamp(1.5rem,4vw,4rem);bottom:clamp(1.5rem,4vw,4rem);left:clamp(1.5rem,4vw,4rem)}.era-card p{margin:0;color:#d8b878;font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.era-card h2{margin:.35rem 0 1rem;font-size:clamp(3rem,5vw,5.5rem)}.era-card small{display:block;max-width:500px;color:#d3dfe1;font-size:.95rem}.era-card b{display:block;margin-top:1.5rem}.archive-window{width:100%;padding:clamp(5rem,9vw,9rem) max(1rem,calc((100% - 1380px)/2));color:#fff;background:#102936}.archive-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;margin-bottom:3rem}.archive-heading .kicker{grid-column:1/-1}.archive-heading p:last-child{max-width:580px;margin:0;color:#b9cbcf}.archive-collage{height:650px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:1rem}.collage-item{position:relative;overflow:hidden;background:#244753}.collage-wide{grid-row:1/3}.collage-item img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1);transition:filter .4s,transform .6s}.collage-item:nth-child(3) img{object-fit:contain;padding:2rem;background:#a8c8d4}.collage-item:hover img{filter:none;transform:scale(1.025)}.collage-item span{position:absolute;right:1rem;bottom:1rem;left:1rem;padding:.8rem 1rem;background:#071a23d9;font-weight:700}.directory-callout{display:flex;align-items:end;justify-content:space-between;gap:3rem}.directory-callout h2{font-size:clamp(3rem,6vw,5.5rem)}.directory-callout p:last-child{max-width:600px;color:var(--muted)}.directory-callout>a{flex:none;padding:1rem 1.3rem;color:#fff;background:var(--sea);text-decoration:none;font-weight:700}.global-home footer div{color:#71878c}.global-home footer div a{margin:0 .35rem}
@media(max-width:900px){.hero-stage{grid-template-columns:1fr}.hero-copy-block{padding-bottom:1rem}.hero-mosaic{height:60svh;margin-bottom:2rem}.era-grid{grid-template-columns:1fr}.era-card{min-height:560px}.archive-heading{grid-template-columns:1fr}.archive-heading .kicker{grid-column:auto}.directory-callout{align-items:start;flex-direction:column}}
@media(max-width:600px){.hero-stage{display:block}.hero-copy-block h1{font-size:clamp(4.2rem,20vw,6.5rem)}.hero-mosaic{height:460px;grid-template-columns:1fr 1fr;transform:none}.hero-image-main{grid-column:1/3;grid-row:auto}.hero-image-bottom{display:none}.era-card{min-height:500px}.archive-collage{height:auto;display:grid;grid-template-columns:1fr}.collage-item,.collage-wide{grid-row:auto;min-height:320px}.directory-callout>a{width:100%;text-align:center}}

.hero-stage{grid-template-columns:minmax(340px,.75fr) minmax(520px,1.4fr);gap:clamp(3rem,7vw,7rem)}
.hero-copy-block h1{font-size:clamp(4.25rem,7.5vw,7.5rem);line-height:.84}
@media(max-width:900px){.hero-stage{grid-template-columns:1fr}}
@media(max-width:600px){.hero-copy-block h1{font-size:clamp(4.2rem,20vw,6.5rem)}}

/* Imperial Navy */
.theme-imperial{--accent:#b89143;--sea:#395966;--foam:#e6ddc5}
.imperial-home-hero{background:linear-gradient(150deg,#101f28 0 52%,#294956 52% 76%,#8a713c 76%)}
.imperial-intro{max-width:720px;margin:0;font-family:inherit;font-size:1.04rem}
.imperial-intro p:first-child::first-letter{float:none;margin:0;color:inherit;font-size:inherit;line-height:inherit}
.imperial-category-grid .category-card small{display:block;margin:.2rem 0 1.25rem;color:#ffffffbb;font-size:.84rem;line-height:1.5}
.imperial-category-grid .category-card{min-height:360px;padding-top:4.5rem}
.imperial-category-grid .category-card h2{max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
.imperial-category-grid .category-card.is-pending{cursor:default}
.imperial-category-grid .category-card.is-pending b{color:#ffffff88}
.imperial-hero{background:linear-gradient(150deg,#101f28 0 52%,#294956 52% 76%,#8a713c 76%)}
.theme-imperial .card-art,.theme-imperial .profile-stage{background:#a5c6d6}
.theme-imperial .category-hero strong{border-color:#d6bd78;color:#f1e5c4}
.class-legend{width:min(1160px,calc(100% - 2rem));margin:-2rem auto 3rem;display:flex;flex-wrap:wrap;gap:.5rem}
.class-legend span{padding:.4rem .75rem;border:1px solid #b9ad90;color:#675b45;background:#f8f5ec;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.imperial-fleet-grid{margin-bottom:8rem}
.imperial-switcher{max-height:7rem;overflow:auto;align-content:flex-start;flex-wrap:wrap;padding-bottom:.6rem}
.imperial-switcher a{flex:0 0 auto}
.theme-armoredcruiser .feature-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0;border:1px solid var(--line);background:var(--line)}
.theme-armoredcruiser .feature-stories article{min-width:0;padding:clamp(1.5rem,3vw,2rem);border:0;background:var(--paper)}
@media(max-width:860px){.theme-armoredcruiser .feature-stories{grid-template-columns:1fr}}
@media(max-width:560px){.imperial-switcher{max-height:none;flex-wrap:nowrap}.class-legend{margin-top:0}}
.theme-minehunters{--accent:#477f78}.theme-minehunters .category-hero{background:linear-gradient(145deg,#0b2529 0 48%,#24555a 48% 75%,#4f817d 75%)}.theme-minehunters .class-profile,.theme-minehunters .card-art{background:#a5c6d6}
.theme-minehunters .fleet-card .card-title h3{min-width:0}
.theme-minelayer{--accent:#8b6544}
.theme-imperial.archive-home .card-9{grid-column:span 4;background:#79583e}
.theme-imperial.archive-home .card-9 h2{font-size:clamp(2rem,3.4vw,3.25rem)}
.minelayer-grid .service-years{color:#7c624c}
.project-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.minelayer-tech{grid-template-columns:1.15fr 1.15fr .8fr}
.minelayer-tech .tech-card.wide{grid-column:auto}
.archive-gap{max-width:820px;margin-left:auto;color:var(--muted);font-family:Georgia,serif;font-size:1.12rem}
.theme-minelayer .quick-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:850px){.minelayer-tech{grid-template-columns:1fr}.minelayer-tech .tech-card{grid-column:auto}}
@media(max-width:720px){.theme-imperial.archive-home .card-9{grid-column:span 12}}
.theme-gunboats{--accent:#697d53}.theme-imperial.archive-home .card-10{grid-column:span 4;background:#596b48}
.minelayer-grid .service-years{color:#7c624c}
.project-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.minelayer-tech{grid-template-columns:1.15fr 1.15fr .8fr}
.minelayer-tech .tech-card.wide{grid-column:auto}
.archive-gap{max-width:820px;margin-left:auto;color:var(--muted);font-family:Georgia,serif;font-size:1.12rem}
.theme-gunboats .quick-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:850px){.minelayer-tech{grid-template-columns:1fr}.minelayer-tech .tech-card{grid-column:auto}}
@media(max-width:720px){.theme-imperial.archive-home .card-10{grid-column:span 12}}
.theme-auxcruisers{--accent:#9a5745}.theme-imperial.archive-home .card-11{grid-column:span 4;background:#854936}
.minelayer-grid .service-years{color:#7c624c}
.project-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.minelayer-tech{grid-template-columns:1.15fr 1.15fr .8fr}
.minelayer-tech .tech-card.wide{grid-column:auto}
.archive-gap{max-width:820px;margin-left:auto;color:var(--muted);font-family:Georgia,serif;font-size:1.12rem}
.theme-auxcruisers .quick-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.auxcruiser-grid .service-years{color:#8b5a4d}
@media(max-width:850px){.minelayer-tech{grid-template-columns:1fr}.minelayer-tech .tech-card{grid-column:auto}}
@media(max-width:720px){.theme-imperial.archive-home .card-11{grid-column:span 12}}
.theme-imperial.theme-torpedoboats{--accent:#b87333}
.theme-imperial.archive-home .card-7{grid-column:span 4;background:#a76428}
.class-collection{margin-top:clamp(4rem,8vw,7rem)}
.class-collection:first-of-type{margin-top:0}
.class-collection .card-copy h3{margin:.35rem 0 .8rem;font-size:clamp(2.3rem,4vw,3.8rem);line-height:.95}
.torpedoboats-class .class-profile img{max-height:250px}
.boat-roster{margin-top:clamp(4rem,8vw,7rem)}
.roster-tools{display:flex;align-items:end;gap:1rem;margin:2rem 0 1rem;padding:1rem;background:#eef1f1;border:1px solid var(--line)}
.roster-tools label{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.roster-search{width:min(28rem,100%);padding:.78rem 1rem;border:1px solid #aeb8ba;background:#fff;color:var(--ink);font:inherit}
.roster-search:focus{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}
.roster-count{margin-left:auto;color:var(--muted);font-size:.85rem;white-space:nowrap}
.table-shell{overflow-x:auto;border:1px solid var(--line);background:#fff;box-shadow:0 18px 45px rgba(17,36,43,.08)}
.boat-roster table{width:100%;border-collapse:collapse;font-size:.9rem}
.boat-roster caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.boat-roster th,.boat-roster td{padding:1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.boat-roster thead th{position:sticky;top:0;z-index:1;background:#17343e;color:#fff;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.boat-roster tbody th{color:var(--accent);font-size:1rem;white-space:nowrap}
.boat-roster tbody tr:nth-child(even){background:#f7f8f8}
.boat-roster tbody tr:hover{background:#f0e8df}
.roster-empty{padding:2rem;text-align:center;color:var(--muted)}
@media(max-width:720px){.theme-imperial.archive-home .card-10{grid-column:span 12}.roster-tools{align-items:stretch;flex-direction:column}.roster-count{margin-left:0}.table-shell{overflow:visible;border:0;background:transparent;box-shadow:none}.boat-roster table,.boat-roster tbody{display:block}.boat-roster thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.boat-roster tr{display:block;margin-bottom:1rem;border:1px solid var(--line);background:#fff!important;box-shadow:0 12px 30px rgba(17,36,43,.07)}.boat-roster th,.boat-roster td{display:grid;grid-template-columns:minmax(7rem,35%) 1fr;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--line)}.boat-roster th:last-child,.boat-roster td:last-child{border-bottom:0}.boat-roster th::before,.boat-roster td::before{content:attr(data-label);color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.boat-roster tbody th{white-space:normal}}

/* Kriegsmarine */
.card-facts {
  margin: 1.2rem 0 0;
  font-size: .78rem;
}

.card-facts div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .38rem 0;
  border-top: 1px solid var(--line);
}

.card-facts dd {
  text-align: right;
}
.theme-escorts{--accent:#627b6d}
.fact-variants{margin:0 0 .6rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;list-style:none}.quick-facts .fact-variants li{min-width:0}.quick-facts .fact-variants b{font-size:clamp(1.05rem,1.7vw,1.5rem)}.quick-facts .fact-variants small{display:block;margin-top:.3rem;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.07em;line-height:1.25;text-transform:uppercase}
@media(max-width:560px){.fact-variants{grid-template-columns:1fr}}
.theme-kriegsmarine.archive-home .card-9{grid-column:span 8;background:#627b6d}
.theme-fastattack{--accent:#b87333}
.theme-fastattack .class-card .card-title h3{min-width:0}
.theme-kriegsmarine.archive-home .card-10{grid-column:span 4;background:#a76428}
.class-collection{margin-top:clamp(4rem,8vw,7rem)}
.class-collection:first-of-type{margin-top:0}
.class-collection .card-copy h3{margin:.35rem 0 .8rem;font-size:clamp(2.3rem,4vw,3.8rem);line-height:.95}
.fastattack-class .class-profile img{max-height:250px}
.boat-roster{margin-top:clamp(4rem,8vw,7rem)}
.roster-tools{display:flex;align-items:end;gap:1rem;margin:2rem 0 1rem;padding:1rem;background:#eef1f1;border:1px solid var(--line)}
.roster-tools label{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.roster-search{width:min(28rem,100%);padding:.78rem 1rem;border:1px solid #aeb8ba;background:#fff;color:var(--ink);font:inherit}
.roster-search:focus{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}
.roster-count{margin-left:auto;color:var(--muted);font-size:.85rem;white-space:nowrap}
.table-shell{overflow-x:auto;border:1px solid var(--line);background:#fff;box-shadow:0 18px 45px rgba(17,36,43,.08)}
.boat-roster table{width:100%;border-collapse:collapse;font-size:.9rem}
.boat-roster caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.boat-roster th,.boat-roster td{padding:1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.boat-roster thead th{position:sticky;top:0;z-index:1;background:#17343e;color:#fff;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.boat-roster tbody th{color:var(--accent);font-size:1rem;white-space:nowrap}
.boat-roster tbody tr:nth-child(even){background:#f7f8f8}
.boat-roster tbody tr:hover{background:#f0e8df}
.roster-empty{padding:2rem;text-align:center;color:var(--muted)}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-10{grid-column:span 12}.roster-tools{align-items:stretch;flex-direction:column}.roster-count{margin-left:0}.table-shell{overflow:visible;border:0;background:transparent;box-shadow:none}.boat-roster table,.boat-roster tbody{display:block}.boat-roster thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.boat-roster tr{display:block;margin-bottom:1rem;border:1px solid var(--line);background:#fff!important;box-shadow:0 12px 30px rgba(17,36,43,.07)}.boat-roster th,.boat-roster td{display:grid;grid-template-columns:minmax(7rem,35%) 1fr;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--line)}.boat-roster th:last-child,.boat-roster td:last-child{border-bottom:0}.boat-roster th::before,.boat-roster td::before{content:attr(data-label);color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.boat-roster tbody th{white-space:normal}}
.theme-fleettender{--accent:#5c6f76}
.theme-kriegsmarine.archive-home .card-15{grid-column:span 4;background:#4d6068}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-15{grid-column:span 12}}
.theme-aabattery{--accent:#697477}
.theme-kriegsmarine.archive-home .card-16{grid-column:span 4;background:#596568}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-16{grid-column:span 12}}
.theme-training{--accent:#80694f}
.theme-kriegsmarine.archive-home .card-18{grid-column:span 4;background:#705a43}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-18{grid-column:span 12}}
.theme-auxships{--accent:#496b72}
.theme-kriegsmarine.archive-home .card-19{grid-column:span 4;background:#3f6067}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-19{grid-column:span 12}}
.theme-misc{--accent:#665f78}
.theme-kriegsmarine.archive-home .card-20{grid-column:span 4;background:#575168}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-20{grid-column:span 12}}
.theme-landingcrafts{--accent:#52717a}
.theme-landingcrafts .class-card .card-title h3{min-width:0}
.theme-kriegsmarine.archive-home .card-14{grid-column:span 4;background:#46636b}
.technical-variant{margin-top:2rem;padding:clamp(1.25rem,3vw,2.25rem);background:#edf1ef;border-left:5px solid var(--accent)}
.technical-variant+.technical-variant{margin-top:1.5rem}
.technical-variant .variant-heading{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid #c8d0cc}
.technical-variant .variant-heading .kicker{margin:0}
.technical-variant .variant-heading h3{margin:0;font-family:Georgia,serif;font-size:clamp(1.65rem,3vw,2.35rem)}
.technical-variant .tech-grid{margin-top:0}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-14{grid-column:span 12}.technical-variant .variant-heading{display:block}.technical-variant .variant-heading h3{margin-top:.35rem}}
.theme-minehunter{--accent:#557d78}
.theme-kriegsmarine.archive-home .card-11{grid-column:span 8;background:#476d69}
.minehunter-class .class-profile img{max-height:250px}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-11{grid-column:span 12}}
.theme-minelayer{--accent:#8b6544}
.theme-kriegsmarine.archive-home .card-12{grid-column:span 4;background:#79583e}
.minelayer-grid .service-years{color:#7c624c}
.project-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.minelayer-tech{grid-template-columns:1.15fr 1.15fr .8fr}
.minelayer-tech .tech-card.wide{grid-column:auto}
.archive-gap{max-width:820px;margin-left:auto;color:var(--muted);font-family:Georgia,serif;font-size:1.12rem}
.theme-minelayer .quick-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:850px){.minelayer-tech{grid-template-columns:1fr}.minelayer-tech .tech-card{grid-column:auto}}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-12{grid-column:span 12}}
.theme-kriegsmarine.theme-torpedoboats{
  --accent: #527d7a;
}
.theme-torpedoboats .fleet-card .card-title h2{min-width:0;overflow-wrap:anywhere}
.theme-torpedoboats .fleet-card .card-title h3{min-width:0;overflow-wrap:anywhere}
.theme-uboats{--accent:#315a67}
.theme-kriegsmarine.archive-home .card-17{grid-column:span 4;background:#294d59}
.theme-uboats .back-link{display:inline-block;margin-top:1rem;color:inherit;font-weight:700;text-decoration:none}
.theme-uboats .back-link:hover{text-decoration:underline}
@media(max-width:720px){.theme-kriegsmarine.archive-home .card-17{grid-column:span 12}}

/* Captured ships */
.captured-overview .category-card:first-child {
  grid-column: span 5;
}

.text-profile {
  display: grid;
  min-height: 220px;
  place-items: center;
}

.text-profile .text-art {
  font-size: clamp(4rem, 12vw, 8rem);
}

.theme-destroyers .design-portal {
  display: flex;
  max-width: 1160px;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin: 0 auto 4rem;
  padding: 2rem;
  color: #fff;
  background: var(--navy);
  border-left: .35rem solid var(--accent);
}

.theme-destroyers .design-portal a {
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}

.captured-ta .fleet-grid {
  grid-template-columns: repeat(3, 1fr);
}

.captured-ta .fleet-card {
  min-height: 360px;
}

@media (max-width: 860px) {
  .captured-overview .category-card:first-child {
    grid-column: span 6;
  }

  .captured-ta .fleet-grid {
    grid-template-columns: 1fr;
  }

  .theme-destroyers .design-portal {
    align-items: start;
    flex-direction: column;
  }
}

/* Z-Plan */
.theme-zplan { --accent: #c29b52; --ink: #e8edf2; --muted: #aeb9c4; --panel: #17212b; background: #0d141b; color: var(--ink); }
.theme-zplan .category-hero, .theme-zplan .ship-hero, .theme-zplan.home-hero { background: radial-gradient(circle at 78% 24%, #334454 0, transparent 35%), linear-gradient(135deg, #111b25, #263542); }
.theme-zplan .fleet-intro, .theme-zplan section:not(.design-portal), .theme-zplan main { background-color: #f3f0e9; color: #17212b; }
.theme-zplan .fleet-card, .theme-zplan .category-card { background: #fff; color: #17212b; }
.theme-zplan.archive-home .category-card { color: #fff; background: #172f3b; }
.theme-zplan.archive-home .category-card:nth-child(2) { background: #3f6872; }
.theme-zplan.archive-home .category-card:nth-child(3) { background: #a45b43; }
.theme-zplan.archive-home .category-card:nth-child(4) { background: #516c67; }
.theme-zplan.archive-home .category-card:nth-child(5) { background: #796046; }
.theme-zplan.archive-home .category-card:nth-child(6) { background: #394f60; }
.theme-zplan.archive-home .category-card h2 { max-width: 100%; font-size: clamp(2rem, 3.5vw, 3.35rem); line-height: 1; overflow-wrap: anywhere; text-wrap: balance; }
.theme-zplan.archive-home .category-card small { display: block; margin: 0 0 1.25rem; color: #ffffffbb; font-size: .84rem; line-height: 1.5; }
.theme-zplan .design-portal { margin: 4rem auto; max-width: 1180px; padding: 2rem; display: flex; align-items: end; justify-content: space-between; gap: 2rem; background: #17212b; color: #fff; border-left: .35rem solid var(--accent); }
.theme-zplan .design-portal a { color: #fff; font-weight: 700; white-space: nowrap; }
.theme-zplan .ship-switcher { display: flex; gap: .75rem; flex-wrap: wrap; }
.theme-zplan .ship-switcher a { color: #fff; border-bottom: 1px solid transparent; }
.theme-zplan .ship-switcher a.active { border-color: var(--accent); }
.theme-zplan .class-profile img, .theme-zplan .profile-stage img { max-height: 300px; object-fit: contain; }
.h-design-table-wrap { overflow-x: auto; border: 1px solid var(--line); background: #fff; box-shadow: 0 18px 40px #17212b14; }
.h-design-table { width: 100%; min-width: 920px; border-collapse: collapse; }
.h-design-table caption { padding: 1rem 1.25rem; color: var(--muted); font-size: .82rem; text-align: left; caption-side: top; }
.h-design-table th, .h-design-table td { padding: 1rem 1.25rem; border-top: 1px solid var(--line); vertical-align: middle; text-align: left; }
.h-design-table thead th { color: #dce7e9; background: #172f3b; font-size: .7rem; letter-spacing: .09em; text-transform: uppercase; }
.h-design-table tbody th { width: 48%; background: #a8c8d4; }
.h-design-table tbody td { color: #35434a; font-variant-numeric: tabular-nums; }
.h-design-profile { display: block; color: var(--navy); text-decoration: none; }
.h-design-profile strong { display: block; margin-bottom: .65rem; font: 400 1.45rem/1 Georgia, serif; }
.h-design-profile img { display: block; width: var(--profile-width); max-width: none; height: auto; }
.h-design-profile[href]:hover strong { color: var(--accent); }
@media (max-width: 720px) { .theme-zplan .design-portal { align-items: start; flex-direction: column; } }

/* Operations */
:root{--operation-german:#bd3f32;--operation-allied:#246b92}.operations-hero{min-height:72svh;color:white;overflow:hidden;position:relative;background:linear-gradient(150deg,#081b25 0 50%,#173f4d 50% 76%,#265f6d 76%)}.operations-hero-copy{width:min(1240px,calc(100% - 2rem));margin:clamp(5rem,12vh,9rem) auto 0;position:relative;z-index:2}.operations-hero-copy p:last-child{max-width:650px;margin-top:2rem;color:#d4e3e4;font-size:1.1rem}.operation-intro,.map-heading{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.operation-intro>p,.map-heading>p{margin:0;color:var(--muted);font-size:1.08rem}.map-section{width:min(1120px,calc(100% - 2rem));padding-top:0}.map-heading{margin-bottom:2.5rem}.map-heading h2{font-size:clamp(2.5rem,5.5vw,5rem)}battle-map{display:block;padding:clamp(.75rem,2vw,1.5rem);background:#0c222c;box-shadow:0 24px 55px #07151b35}.battle-map-stage{position:relative;max-width:592px;margin:auto;background:#d9e5e5}.battle-map-canvas{display:block;width:100%;height:auto}.battle-map-controls{display:flex;align-items:center;gap:.75rem;max-width:592px;margin:1rem auto 0;color:#d1e1e2}.battle-map-controls button{min-width:6.5rem;padding:.55rem 1rem;border:1px solid #92b2b955;border-radius:2rem;color:white;background:#245766;font:700 .75rem/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}.battle-map-controls button:hover{background:#337184}.battle-map-controls input{min-width:0;flex:1;accent-color:var(--rust)}.battle-map-status{min-width:5.5rem;color:#a9c4c8;font-size:.75rem;text-align:right}.battle-map-error{padding:2rem;color:white;text-align:center}.map-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-top:1.2rem;color:var(--muted);font-size:.76rem}.map-legend span::before{content:"";display:inline-block;width:18px;height:3px;margin-right:.5rem;vertical-align:middle;background:var(--operation-german)}.map-legend .port-marker::before{width:7px;height:7px;border-radius:50%;background:#111}.map-legend .loss-marker::before{height:9px;background:#246b92}.map-legend .battle-marker::before{width:14px;height:14px;border:2px solid #246b92;border-radius:50%;background:transparent}
.operation-year-grid{grid-template-columns:repeat(10,1fr)}
.operation-year-grid .operation-year-card{grid-column:span 4}
.operation-year-grid .operation-year-card:nth-child(1),.operation-year-grid .operation-year-card:nth-child(2){grid-column:span 5}
.operation-year-grid .operation-year-card:nth-child(3){grid-column:span 4;background:var(--rust)}
.operation-year-grid .operation-year-card:nth-child(4){grid-column:span 3;background:#536a68}
.operation-year-grid .operation-year-card:nth-child(5){grid-column:span 3;background:var(--sea)}
.operation-year-card small{display:block;max-width:34rem;margin:0 0 1.4rem;color:#ffffffbb;line-height:1.5}
.operation-year-page .operations-hero{min-height:78svh}
.operation-year-switcher{padding-top:.35rem}
.operations-hero-copy strong{display:inline-block;margin-top:1.5rem;padding:.5rem 1rem;border:1px solid #ffffff44;border-radius:2rem;color:#d7e6e7}
.operation-grid .operation-card{min-height:470px}
.operation-card .card-art{min-height:230px;overflow:hidden}
.operation-card .card-art img{height:190px;object-fit:cover;filter:grayscale(.2);opacity:.88}
.operation-card-location{max-width:90%;color:#315d6a;font:400 clamp(2.4rem,5vw,4.6rem)/.95 Georgia,serif;text-align:center}
.operation-card .card-copy h2{font-size:clamp(2rem,3.4vw,3.15rem)}
.operation-detail-hero{min-height:78svh}
.operation-detail-hero h1{max-width:1100px;font-size:clamp(3.2rem,8vw,7.5rem);line-height:.9}
.operation-detail-page .battle-map-stage,.operation-detail-page .battle-map-controls{max-width:780px}
.operation-detail-page .map-section{padding-bottom:clamp(4rem,8vw,7rem)}
.map-legend .allied-route::before{background:var(--operation-allied)}
.operation-pagination{width:min(1120px,calc(100% - 2rem));margin:0 auto clamp(5rem,10vw,9rem);padding-top:1.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem}
.operation-pagination a{color:var(--sea);font-size:.8rem;font-weight:800;text-decoration:none}
@media(max-width:860px){.operation-year-grid{grid-template-columns:repeat(2,1fr)}.operation-year-grid .operation-year-card:nth-child(n){grid-column:span 1}.operation-intro{grid-template-columns:1fr}.operation-detail-hero{min-height:720px}}
@media(max-width:560px){.operation-year-grid{display:block}.operation-year-grid .operation-year-card{margin-bottom:1rem}.operation-pagination{display:block}.operation-pagination a{display:block;margin-top:.8rem}.battle-map-controls{flex-wrap:wrap}.battle-map-controls input{flex-basis:55%}}
.river-plate-section{padding-top:clamp(2rem,5vw,4rem);border-top:1px solid var(--line)}.map-legend .allied-route::before{background:var(--operation-allied)}.map-legend .torpedo-marker::before{width:14px;height:14px;background:var(--operation-allied);clip-path:polygon(50% 0,100% 100%,0 100%)}
@media(max-width:860px){.operation-intro,.map-heading{grid-template-columns:1fr;gap:1.2rem}}
@media(prefers-reduced-motion:reduce){.battle-map-controls button{display:none}}

/* Victories */
.victories-home{--accent:#9d5547}.victories-home .home-hero strong{display:inline-block;margin-top:1.5rem;padding:.5rem 1rem;border:1px solid #ffffff44;border-radius:2rem}.loss-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.loss-stats article{padding:1.5rem;background:#fff;border-top:4px solid var(--accent)}.loss-stats b{display:block;font:400 2.8rem/1 Georgia,serif}.loss-stats span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.loss-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}.loss-controls{width:min(1160px,calc(100% - 2rem));margin:0 auto 1rem;padding:1rem;display:grid;grid-template-columns:2fr repeat(5,1fr);gap:.75rem;background:#fff;border:1px solid var(--line)}.loss-controls label{color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.loss-controls input,.loss-controls select{width:100%;margin-top:.3rem;padding:.55rem;border:1px solid var(--line);background:#faf9f5;color:var(--ink)}.loss-controls output{grid-column:1/-1;color:var(--sea);font-weight:700}.loss-table-wrap{width:min(1160px,calc(100% - 2rem));margin:0 auto;overflow-x:auto;background:#fff}.loss-table{width:100%;border-collapse:collapse}.loss-table th{padding:.8rem;text-align:left;color:#fff;background:var(--navy);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.loss-table td{padding:.85rem;border-bottom:1px solid var(--line);vertical-align:top}.loss-table td:first-child,.loss-table td:nth-child(3){white-space:nowrap}.attacker-type{display:block;color:var(--sea);font-weight:700}.loss-table small{color:var(--muted)}.archive-note{width:min(1160px,calc(100% - 2rem));margin:1rem auto 5rem;color:var(--muted);font-size:.82rem}.loss-table tr[hidden]{display:none}
@media(max-width:900px){.loss-stats{grid-template-columns:repeat(2,1fr)}.loss-controls{grid-template-columns:repeat(2,1fr)}.loss-intro{grid-template-columns:1fr}}
@media(max-width:650px){.victory-nav{overflow-x:auto;padding-bottom:.5rem}.loss-stats,.loss-controls{grid-template-columns:1fr}.loss-table thead{display:none}.loss-table,.loss-table tbody,.loss-table tr,.loss-table td{display:block}.loss-table tr{padding:1rem;border-bottom:1px solid var(--line)}.loss-table td{display:grid;grid-template-columns:8rem 1fr;gap:.75rem;padding:.35rem 0;border:0}.loss-table td::before{content:attr(data-label);color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase}}

/* Ship index */
.index-hero{min-height:58svh;color:#fff;overflow:hidden;position:relative;background:linear-gradient(150deg,#0b202c 0 58%,#174353 58% 80%,#286878 80%)}
.index-hero-copy{width:min(1160px,calc(100% - 2rem));margin:clamp(4rem,9vh,7rem) auto 0;position:relative;z-index:2;padding-bottom:5rem}
.index-hero h1{font-size:clamp(4rem,10vw,8rem)}
.index-hero-copy>p:last-child{max-width:680px;margin:2rem 0 0;color:#d4e3e4;font-size:1.1rem}
.index-tools{padding-bottom:2.5rem}
.index-search-label{display:block;margin-bottom:.65rem;color:var(--navy);font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.index-search-wrap{position:relative}
.index-search{height:auto;padding:1rem 3.5rem 1rem 1.2rem;border:1px solid var(--line);border-radius:0;background:#fff;font:400 clamp(1.2rem,2.5vw,1.7rem) Georgia,serif}
.index-search:focus{border-color:var(--sea);box-shadow:0 0 0 .25rem #2d647222}
.index-search-wrap>span{position:absolute;right:1.2rem;top:50%;color:var(--sea);font-size:1.6rem;transform:translateY(-50%)}
.index-filters{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem}
.index-kind-filters{display:flex;flex-wrap:wrap;gap:.45rem}
.index-kind-filters button{padding:.5rem .9rem;border:1px solid var(--line);border-radius:2rem;color:var(--sea);background:transparent;font-size:.78rem;font-weight:700}
.index-kind-filters button:hover,.index-kind-filters button.active{color:#fff;border-color:var(--sea);background:var(--sea)}
.index-filters>label{color:var(--muted);font-size:.78rem;font-weight:700}.index-kind-filters+label{margin-left:auto}
.index-filters .form-select{width:auto;min-width:210px;border-radius:0;border-color:var(--line)}
.index-summary{margin-top:1.4rem;color:var(--muted)}
.index-summary strong{color:var(--navy);font:400 1.7rem Georgia,serif}
.alphabet-nav{width:min(1160px,calc(100% - 2rem));margin:0 auto;display:flex;gap:.25rem;position:sticky;top:0;z-index:8;padding:.65rem;background:var(--navy);overflow-x:auto;box-shadow:0 8px 24px #071a2322}
.alphabet-nav a{min-width:2.2rem;padding:.35rem;text-align:center;color:#bcd1d4;text-decoration:none;font-size:.78rem;font-weight:800}
.alphabet-nav a:hover{color:var(--navy);background:var(--foam)}
.alphabet-nav a.inactive{opacity:.25;pointer-events:none}
.index-directory{width:min(1160px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 7rem}
.index-letter{width:100%;display:grid;grid-template-columns:130px 1fr;gap:2rem;padding:2.5rem 0;border-bottom:1px solid var(--line)}
.index-letter[hidden],.index-entry[hidden]{display:none}
.index-letter-heading{position:relative}
.index-letter-heading h2{font-size:clamp(4rem,8vw,7rem);color:var(--sea)}
.index-letter-heading span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}
.index-entry-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.index-entry{min-height:92px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"name arrow" "meta kind";align-items:center;column-gap:1rem;padding:1rem 1.1rem;color:var(--ink);background:#fff;border:1px solid var(--line);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.index-entry:hover{color:var(--ink);border-color:var(--sea);transform:translateY(-2px);box-shadow:0 10px 22px #18272c12}
.index-entry-name{grid-area:name;font:400 1.25rem Georgia,serif}
.index-entry-meta{grid-area:meta;color:var(--muted);font-size:.72rem}
.index-entry-kind{grid-area:kind;color:var(--accent);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.index-entry-arrow{grid-area:arrow;color:var(--sea);font-size:1.2rem}
.index-empty{text-align:center;padding-top:2rem}
.index-empty h2{font-size:clamp(2.5rem,5vw,4rem)}
.ship-index-cta{width:min(1160px,calc(100% - 2rem));margin:0 auto clamp(5rem,8vw,7rem);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;color:#fff;background:var(--sea)}
.ship-index-cta h2{margin:.4rem 0 1rem;font-size:clamp(2.4rem,5vw,4.5rem)}
.ship-index-cta p:not(.kicker){max-width:660px;margin:0;color:#d8e7e7}
.ship-index-cta a{padding:.8rem 1.2rem;border:1px solid #ffffff66;color:#fff;text-decoration:none;font-size:.8rem;font-weight:800}
.ship-index-cta a:hover{color:var(--navy);background:#fff}
.error-page .category-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.error-page .category-card:nth-child(n){grid-column:auto}
.error-page .category-card h2{font-size:clamp(2rem,4vw,2.85rem);overflow-wrap:normal;word-break:normal;text-wrap:balance}
@media(max-width:620px){.error-page .category-grid{grid-template-columns:1fr}.error-page .category-card:nth-child(n){min-height:280px}}
@media(max-width:760px){.index-filters{align-items:stretch;flex-direction:column}.index-filters>label{margin:0}.index-filters .form-select{width:100%}.index-letter{grid-template-columns:1fr;gap:1rem}.index-letter-heading{display:flex;align-items:end;gap:1rem}.index-letter-heading h2{margin:0}.index-entry-list{grid-template-columns:1fr}.ship-index-cta{grid-template-columns:1fr;align-items:start}.ship-index-cta a{justify-self:start}}

/* Shared construction records */
.record > div:first-child{padding:1.5rem}

/* Ship image lightbox */
.media-grid figure img{cursor:zoom-in}.media-grid figure img:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.image-lightbox{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:2.5rem;border:0;color:white;background:transparent;overflow:hidden}.image-lightbox[open]{display:grid;place-items:center}.image-lightbox::backdrop{background:#031016bf;backdrop-filter:blur(3px)}.image-lightbox figure{max-width:94vw;margin:0}.image-lightbox img{display:block;width:auto;max-width:94vw;height:auto;max-height:calc(100vh - 7rem);margin:auto;object-fit:contain;box-shadow:0 20px 70px #0008}.image-lightbox figcaption{max-width:900px;margin:.8rem auto 0;color:#d9e5e6;font-size:.82rem;text-align:center}.image-lightbox>button{width:2.7rem;height:2.7rem;padding:0;position:fixed;top:1rem;right:1rem;z-index:1;border:1px solid #ffffff66;border-radius:50%;color:white;background:#071a23dd;font:300 1.8rem/1 system-ui,sans-serif;cursor:pointer}.image-lightbox>button:hover,.image-lightbox>button:focus-visible{background:var(--accent)}

/* Kriegsmarine articles */
.articles-hero,.article-hero{min-height:68svh;color:#fff;overflow:hidden;position:relative;background:linear-gradient(148deg,#081c26 0 53%,#183f4c 53% 78%,#835744 78%)}.articles-hero-copy,.article-hero-copy{width:min(1160px,calc(100% - 2rem));margin:clamp(4rem,9vh,7rem) auto 5rem;position:relative;z-index:2}.articles-hero h1,.article-hero h1{font-size:clamp(4rem,10vw,8.5rem);line-height:.84}.articles-hero-copy>p:last-child,.article-hero-copy>p:not(.kicker){max-width:720px;margin-top:2rem;color:#d4e3e4;font-size:1.1rem}.article-index-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}.article-index-intro>p{margin:0;color:var(--muted);font-size:1.08rem}.article-card-grid{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.article-card{min-width:0;color:var(--ink);background:#fff;text-decoration:none}.article-card-art{height:340px;overflow:hidden;background:#284c58}.article-card-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .4s,transform .6s}.article-card-art.profile-art{padding:3rem;background:#a5c6d6}.article-card-art.profile-art img{object-fit:contain;filter:none}.article-card:hover .article-card-art img{filter:none;transform:scale(1.025)}.article-card-copy{padding:2rem}.article-card-copy p{margin:0;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.article-card-copy h2{margin:.5rem 0 1rem;font-size:clamp(2.7rem,5vw,4.5rem)}.article-card-copy span{display:block;color:var(--muted)}.article-card-copy b{display:block;margin-top:1.5rem;color:var(--sea);font-size:.8rem}.article-hero{min-height:82svh}.quadrat-hero{background:linear-gradient(148deg,#0b2028 0 52%,#345f66 52% 78%,#7b7659 78%)}.article-breadcrumb{margin-bottom:clamp(2rem,5vh,4rem);display:flex;flex-wrap:wrap;gap:.6rem;color:#aec1c4;font-size:.72rem}.article-breadcrumb a{color:#aec1c4;text-decoration:none}.article-breadcrumb b{color:white;font-weight:400}.article-byline{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;color:#a9bec1;font-size:.72rem}.article-facts{width:min(1240px,calc(100% - 2rem));margin:-2.5rem auto 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:3;background:#fff;box-shadow:0 20px 45px #17232b1c}.article-facts div{padding:1.5rem;border-right:1px solid var(--line)}.article-facts div:last-child{border:0}.article-facts b{display:block;color:var(--navy);font:400 1.5rem/1.15 Georgia,serif}.article-facts span{color:var(--muted);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.article-body{width:min(1160px,calc(100% - 2rem));margin:auto;padding:clamp(5rem,9vw,8rem) 0}.article-contents{max-width:850px;margin:0 auto 4rem;padding:1.2rem 1.5rem;display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;border-block:1px solid var(--line);color:var(--sea);font-size:.75rem}.article-contents p{width:100%;margin:0;color:var(--muted);font-weight:800;text-transform:uppercase}.article-contents a{text-decoration:none}.article-prose{max-width:850px;margin:auto;font-family:Georgia,serif;font-size:1.13rem}.article-prose>p{margin:0 0 1.4rem}.article-prose h2{margin:clamp(4rem,7vw,6rem) 0 1.5rem;font-size:clamp(2.8rem,5vw,4.7rem);scroll-margin-top:2rem}.article-prose h3{font-size:1.8rem}.article-lead{font-size:1.35rem;line-height:1.65}.article-lead::first-letter{float:left;margin:.08em .1em 0 0;color:var(--accent);font-size:4.5rem;line-height:.75}.wikinger-roster{margin:4rem 0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.wikinger-roster a{min-height:180px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;background:#f8f6ef;text-decoration:none}.wikinger-roster img{width:100%;height:90px;object-fit:contain}.wikinger-roster span{font:400 1.2rem Georgia,serif}.wikinger-roster small{display:block;color:var(--accent);font:700 .65rem system-ui,sans-serif;text-transform:uppercase}.perspective-grid{margin:4rem -3rem;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.perspective-grid section{width:auto;margin:0;padding:2.5rem;background:#f7f4ec}.perspective-grid section:nth-child(2){color:white;background:var(--sea)}.perspective-grid section:nth-child(2) p:not(.kicker){color:#d8e5e6}.perspective-grid h3{margin:.3rem 0 1rem}.event-timeline{margin:4rem 0;border-left:1px solid var(--line)}.event-timeline div{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:0 0 1.2rem}.event-timeline time{color:var(--accent);font:700 .9rem system-ui,sans-serif;text-align:right}.event-timeline p{margin:0;padding-left:1rem;position:relative}.event-timeline p::before{content:"";width:9px;height:9px;position:absolute;top:.5rem;left:-5px;border-radius:50%;background:var(--accent)}.article-callout{margin:4rem -3rem;padding:2.5rem 3rem;color:white;background:var(--sea)}.article-callout.loss{background:#784c41}.article-callout h3{margin:.2rem 0 1rem;font-size:2.4rem}.article-callout a{display:inline-block;margin-top:1rem;color:white;font:800 .75rem system-ui,sans-serif}.article-prose blockquote{margin:5rem -3rem;padding:2.5rem 3rem;border-left:5px solid var(--accent);color:var(--navy);background:#e0e7e3;font-size:1.5rem}.article-prose blockquote p{margin:0}.article-source{margin-top:5rem;padding:2rem;border:1px solid var(--line);color:var(--muted);background:#f8f6ef;font-family:system-ui,sans-serif;font-size:.82rem}.related-content{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;border-top:1px solid var(--line)}.related-content>div:last-child{display:grid;gap:.5rem}.related-content a{padding:1rem 1.2rem;display:flex;justify-content:space-between;background:#fff;text-decoration:none}.related-content span{color:var(--accent);font-size:.68rem;text-transform:uppercase}.coordinate-example{width:min(1000px,calc(100% - 2rem));margin:-2.5rem auto 0;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;position:relative;z-index:3;background:#fff;box-shadow:0 20px 45px #17232b1c}.coordinate-example div{text-align:center}.coordinate-example span,.coordinate-example strong{font:400 clamp(2rem,5vw,4rem)/1 Georgia,serif}.coordinate-example small{display:block;color:var(--muted);font-size:.62rem;text-transform:uppercase}.coordinate-example>b{color:var(--line)}.coordinate-example>strong{padding-left:1.5rem;border-left:1px solid var(--line);color:var(--sea)}.grid-explainer{width:min(1160px,calc(100% - 2rem));margin:5rem auto;padding:0;border:1px solid var(--line)}.grid-step{min-height:380px;display:grid;grid-template-columns:4rem 1fr 1.2fr;gap:2rem;align-items:center;padding:2rem;border-bottom:1px solid var(--line);background:#f8f6ef}.grid-step:last-child{border:0}.grid-step>span{align-self:start;color:#9ba8a8;font-weight:800}.grid-step h2{font-size:clamp(2.5rem,4.5vw,4rem)}.grid-step p:last-child{color:var(--muted)}.grid-step figure{margin:0;background:white}.grid-step figure img{width:100%;max-height:330px;object-fit:contain}.grid-step figcaption{padding:.6rem;color:var(--muted);font-size:.7rem}.mini-grid{max-width:330px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sea)}.mini-grid b{aspect-ratio:1;display:grid;place-items:center;border:1px solid #315f6b55;color:var(--sea);font:400 2rem Georgia,serif}.coordinate-tile{padding:3rem;text-align:center;color:white;background:var(--sea)}.coordinate-tile small,.coordinate-tile span{display:block}.coordinate-tile strong{display:block;margin:.5rem 0;font:400 clamp(2.8rem,6vw,5.5rem)/1 Georgia,serif}.notation-table{margin:3rem 0;border:1px solid var(--line)}.notation-table div{padding:.8rem 1rem;display:grid;grid-template-columns:5rem 1fr;border-bottom:1px solid var(--line)}.notation-table div:last-child{border:0}.notation-table b{color:var(--sea);font-size:1.3rem}.quadrat-gallery{width:min(1000px,calc(100% - 2rem));margin:3rem auto 5rem;padding:0}.operation-article-link{display:flex;align-items:end;justify-content:space-between;gap:3rem}.operation-article-link p:last-child{max-width:700px;color:var(--muted)}.operation-article-link>a{flex:none;padding:1rem 1.3rem;color:white;background:var(--sea);text-decoration:none;font-weight:700}
@media(max-width:850px){.article-index-intro,.related-content{grid-template-columns:1fr}.article-card-grid{grid-template-columns:1fr}.article-facts{grid-template-columns:repeat(2,1fr)}.article-facts div{border-bottom:1px solid var(--line)}.perspective-grid,.article-callout,.article-prose blockquote{margin-right:0;margin-left:0}.grid-step{grid-template-columns:3rem 1fr}.grid-step>figure,.grid-step>.mini-grid,.grid-step>.coordinate-tile{grid-column:2}.operation-article-link{align-items:start;flex-direction:column}}
@media(max-width:600px){.wikinger-roster{grid-template-columns:1fr}.perspective-grid{grid-template-columns:1fr}.coordinate-example{gap:.6rem;padding:1rem}.coordinate-example>strong{padding-left:.6rem}.coordinate-example small{font-size:.52rem}.grid-step{display:block}.grid-step>span{display:block;margin-bottom:1rem}.grid-step figure,.mini-grid,.coordinate-tile{margin-top:1.5rem}.article-hero h1{font-size:3.7rem}.article-facts{margin-top:-1rem}.article-callout{padding:2rem}.article-prose blockquote{padding:2rem;font-size:1.25rem}}
.article-card-copy h2{overflow-wrap:anywhere}
.article-facts,.coordinate-example{margin-top:2rem}
.event-timeline div{align-items:baseline}

/* Modern operation animation study */
.modern-map-section{width:min(1240px,calc(100% - 2rem))}
modern-battle-map{display:block;overflow:hidden;color:#d8e9eb;background:#071923;border:1px solid #31515c;box-shadow:0 28px 70px #06151b3d}
.modern-battle-map{padding:0;overflow:hidden;color:#d8e9eb;background:#071923;border:1px solid #31515c;box-shadow:0 28px 70px #06151b3d}
.modern-map-heading{min-height:82px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid #ffffff16;background:#0a202b}
.modern-map-heading>div:first-child{display:grid;gap:.25rem}.modern-map-eyebrow{color:#70b8c5;font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.modern-map-heading strong{color:#f1f6f6;font:400 clamp(1.15rem,2vw,1.55rem) Georgia,serif}.modern-map-state{display:flex;align-items:center;gap:.55rem;color:#9ec0c5;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.modern-map-state i{width:8px;height:8px;border-radius:50%;background:#64d3a4;box-shadow:0 0 0 5px #64d3a41a,0 0 16px #64d3a4}.modern-map-dashboard{min-height:520px;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr)}.modern-map-plot{min-width:0;display:grid;place-items:center;padding:clamp(.75rem,2vw,1.5rem);background:radial-gradient(circle at 45% 45%,#174856 0,#091e29 72%)}.modern-map-plot canvas{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;border:1px solid #87b7c126;box-shadow:0 18px 45px #0007}.modern-event-panel{min-width:0;border-left:1px solid #ffffff17;background:#0b222d}.modern-event-panel-heading{height:58px;padding:0 1.2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;color:#dbe9ea;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.modern-event-panel-heading b{color:#6daab6;font-size:.62rem}.modern-event-panel ol{height:462px;margin:0;padding:.4rem 0;overflow-y:auto;scrollbar-color:#355d68 #0b222d;list-style:none}.modern-event-panel li{min-height:64px;padding:.8rem 1rem;display:grid;grid-template-columns:18px 1fr;gap:.7rem;align-items:start;color:#75939a;border-bottom:1px solid #ffffff0c;opacity:.4;transition:color .25s,background .25s,opacity .25s}.modern-event-panel li.is-past{opacity:.8}.modern-event-panel li.is-current{color:white;background:#173946;opacity:1}.modern-event-panel li div{min-width:0;display:grid}.modern-event-panel li small{color:#668d95;font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.modern-event-panel li strong{overflow-wrap:anywhere;font-size:.76rem;font-weight:600}.event-symbol{width:9px;height:9px;margin-top:.35rem;border:2px solid #7bbcca;border-radius:50%}.event-symbol.air{border:0;background:#81cee0;clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%)}.event-symbol.loss{border-color:#ff9b75;border-radius:0;transform:rotate(45deg)}.event-symbol.mine,.event-symbol.torpedo,.event-symbol.battle{border-color:#ffcc77}.modern-map-controls{min-height:90px;padding:1rem 1.5rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:center;border-top:1px solid #ffffff17;background:#091e28}.modern-map-transport{display:flex;gap:.4rem}.modern-map-controls button{height:38px;min-width:38px;padding:0 .8rem;border:1px solid #4c727c;color:#b9d0d4;background:transparent;font:700 .7rem system-ui,sans-serif}.modern-map-controls button.primary{min-width:74px;color:#071923;border-color:#83cbd7;background:#83cbd7}.modern-map-controls button:hover{color:white;border-color:#9bcbd3}.modern-map-controls input{width:100%;accent-color:#ff876f}.modern-map-meta{display:flex;align-items:center;gap:1rem;color:#8eabb1;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.modern-map-meta select{padding:.45rem;border:1px solid #41636c;color:#d6e5e7;background:#0d2934;font:inherit}.modern-operation-test .operation-article-link{border-top:1px solid var(--line)}
@media(max-width:900px){.modern-map-dashboard{grid-template-columns:1fr}.modern-event-panel{border-top:1px solid #ffffff17;border-left:0}.modern-event-panel ol{height:280px}.modern-map-controls{grid-template-columns:auto 1fr}.modern-map-meta{grid-column:1/-1;justify-content:space-between}}
@media(max-width:560px){.modern-map-heading{align-items:flex-start;flex-direction:column;gap:.7rem}.modern-map-dashboard{min-height:0}.modern-map-plot{padding:.5rem}.modern-map-controls{grid-template-columns:1fr}.modern-map-transport{justify-content:center}.modern-map-meta{grid-column:auto}.modern-event-panel ol{height:240px}}
@media(prefers-reduced-motion:reduce){.modern-map-state i{box-shadow:none}.modern-event-panel li{transition:none}}
.event-symbol.hit{border-color:#ffcc77}.event-symbol.capture{border-color:#ffcc77;border-radius:2px}

/* Specials */
.theme-specials{--accent:#d39a50}.specials-hero{min-height:72svh;color:#fff;overflow:hidden;position:relative;background:linear-gradient(145deg,#071a24 0 48%,#164557 48% 77%,#9a633c 77%)}.specials-hero-copy{width:min(1160px,calc(100% - 2rem));margin:clamp(5rem,12vh,9rem) auto 0;position:relative;z-index:2}.specials-hero-copy p:last-child{max-width:650px;margin-top:2rem;color:#d4e3e4;font-size:1.1rem}.specials-grid{padding-top:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.special-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);color:var(--ink);background:#fff;text-decoration:none}.special-card-art{min-height:390px;overflow:hidden;background:#b8d6df}.special-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.special-card-copy{padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center}.special-card-copy h2{margin:.5rem 0 1rem}.special-card-copy span{color:var(--muted)}.special-card-copy b{margin-top:1.5rem;color:var(--sea);font-size:.8rem}.special-card:hover img{transform:scale(1.025)}.fsna-hero{min-height:78svh;color:#fff;overflow:hidden;position:relative;background:#09212c}.fsna-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071923 0 42%,#071923d9 55%,#0719232e 100%)}.fsna-hero-image{width:58%;height:calc(100% - 72px);position:absolute;right:0;bottom:0;object-fit:cover;filter:saturate(.7) contrast(1.05)}.fsna-hero-copy{width:min(1160px,calc(100% - 2rem));margin:clamp(4rem,9vh,7rem) auto 5rem;position:relative;z-index:2}.fsna-hero-copy h1{font-size:clamp(4rem,11vw,9rem)}.fsna-hero-copy>p:not(.kicker){max-width:620px;margin-top:2rem;color:#d4e3e4;font-size:1.1rem}.fsna-play{width:fit-content;margin-top:1.7rem;padding:.9rem 1.2rem;display:flex;align-items:center;gap:1.5rem;color:#18252b;background:var(--accent);text-decoration:none;font-size:.82rem;font-weight:800;letter-spacing:.04em}.fsna-play:hover{color:#18252b;background:#edbd7d}.fsna-play span{font-size:1.15rem}.fsna-summary{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,6rem);align-items:start}.fsna-summary-copy{font-family:Georgia,serif;font-size:1.13rem}.fsna-summary-copy p:first-child{margin-top:0;font-size:1.35rem}.fsna-history{padding-top:0}.fsna-history article{padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:clamp(2rem,7vw,6rem);border-top:1px solid var(--line);background:#fff}.fsna-history article:nth-child(2){background:#e9efeb}.fsna-history-title{position:sticky;top:1.5rem;align-self:start}.fsna-history-title h2{margin:.35rem 0 .75rem;font-size:clamp(2.8rem,5vw,4.8rem)}.fsna-history-title span{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.04em}.fsna-history-copy{font-family:Georgia,serif;font-size:1.08rem;line-height:1.7}.fsna-history-copy p:first-child{margin-top:0}.fsna-history-copy p:last-child{margin-bottom:0}.fsna-features{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.fsna-features div{padding:1.5rem;background:#fff}.fsna-features b{display:block;margin-bottom:.35rem;font:400 1.35rem Georgia,serif}.fsna-features span{color:var(--muted);font-size:.85rem}.fsna-status{padding-top:0}.fsna-status>div{padding:clamp(2rem,5vw,4rem);color:#fff;background:var(--navy)}.fsna-status h2{margin:.35rem 0 1rem;font-size:clamp(2.5rem,5vw,4.5rem)}.fsna-status p:not(.kicker){max-width:760px;margin-bottom:0;color:#ccdcde}.global-home .specials-era{grid-column:1/-1;min-height:360px}.global-home .specials-era img{object-position:center 42%}
@media(max-width:800px){.special-card,.fsna-summary,.fsna-history article{grid-template-columns:1fr}.special-card-art{min-height:300px}.fsna-hero-image{width:100%;opacity:.45}.fsna-hero::after{background:#071923b8}.fsna-history-title{position:static}.fsna-features{grid-template-columns:1fr}}

/* Global footer and site information */
.site-footer{padding:0;display:block;color:#b9cbcf;background:#071a23}.footer-main{width:min(1160px,calc(100% - 2rem));margin:auto;padding:clamp(3rem,6vw,5rem) 0;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(2rem,6vw,5rem)}.footer-brand strong{color:white;font:400 1.7rem Georgia,serif}.footer-brand p{max-width:410px;margin:.8rem 0 0;color:#829ba0;font-size:.85rem}.footer-sections,.footer-information{display:grid;align-content:start;gap:.55rem}.footer-sections a,.footer-information a{width:max-content;color:#b9cbcf;text-decoration:none;font-size:.8rem}.footer-sections a:hover,.footer-information a:hover,.footer-meta a:hover{color:white}.footer-information a:last-child{margin-top:.45rem}.footer-meta{padding:1rem max(1rem,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff17;color:#718b90}.footer-meta a{color:#9bb0b4;text-decoration:none;font-size:.75rem;font-weight:700}.site-info-content{max-width:850px;min-height:42svh}.site-info-content h2{margin:.3rem 0 2rem}.site-info-content p:not(.kicker){max-width:720px;color:var(--muted);font-family:Georgia,serif;font-size:1.13rem}
@media(max-width:700px){.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-meta{align-items:flex-start;flex-direction:column;gap:.6rem}}

/* Global and context-sensitive navigation */
.global-nav{--navigation-width:1240px;width:min(var(--navigation-width),calc(100% - 2rem));min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:20;color:white}.global-menu{display:flex;align-self:stretch;align-items:stretch}.global-menu>a{padding:0 1rem;display:flex;align-items:center;color:#c4d7d9;text-decoration:none;font-size:.74rem;font-weight:700}.global-menu>a:hover,.global-menu>a.active{color:white}.global-menu>a.active{box-shadow:inset 0 -2px var(--accent)}.nav-toggle{display:none}.nav-group{display:flex;position:relative}.nav-section,.direct-link{padding:0 1rem;display:flex;align-items:center;gap:.45rem;border:0;color:#c4d7d9;background:transparent;text-decoration:none;font-size:.74rem;font-weight:700}.nav-section:hover,.nav-section.active,.nav-section[aria-expanded="true"],.direct-link:hover,.direct-link.active{color:white}.nav-section.active,.direct-link.active{box-shadow:inset 0 -2px var(--accent)}.nav-section span{font-size:1rem;transition:transform .2s}.nav-section[aria-expanded="true"] span{transform:rotate(180deg)}.mega-menu{display:none;width:min(920px,calc(100vw - 2rem));position:absolute;top:78px;right:0;padding:2rem;color:var(--ink);background:#f7f4ec;box-shadow:0 28px 70px #06131988}.nav-group.open .mega-menu{display:grid;grid-template-columns:1fr 2fr;gap:2.5rem}.menu-intro{padding:1.5rem;color:white;background:var(--navy);text-decoration:none}.menu-intro h2{font-size:2.6rem}.menu-intro>p:not(.kicker){color:#bfd1d3}.menu-intro .menu-cta{display:inline-block;margin-top:1.2rem;color:white;font-size:.8rem;font-weight:800}.menu-intro:hover .menu-cta{color:#fff0c4}.menu-destinations{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.menu-destinations>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.menu-destinations>a{min-height:86px;padding:1rem;display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-content:center;color:white;background:var(--sea);text-decoration:none}.menu-destinations>a:nth-of-type(2),.menu-destinations>a:nth-of-type(5){background:#536a68}.menu-destinations>a:nth-of-type(3){background:var(--rust)}.menu-destinations>a:nth-of-type(4),.menu-destinations>a:nth-of-type(6){background:var(--navy)}.menu-destinations span{grid-row:1/3;color:#ffffff77;font-size:.7rem}.menu-destinations strong{font:400 1.35rem/1.1 Georgia,serif}.menu-destinations small{margin-top:.2rem;color:#ffffffaa}.menu-destinations a:hover strong{color:#fff0c4}.imperial-destinations,.specials-destinations{align-content:start}.specials-intro{background:#704d37}.context-nav{--navigation-width:1240px;min-height:52px;padding:0 max(1rem,calc((100% - var(--navigation-width))/2));display:flex;align-items:stretch;position:relative;z-index:10;border-block:1px solid #ffffff20;background:#071a2377}.context-name{padding-right:2rem;display:flex;align-items:center;flex:0 0 auto;color:white;text-decoration:none;font:400 1.25rem Georgia,serif}.context-window{min-width:0;display:flex;align-items:stretch;flex:1;position:relative}.context-window::before,.context-window::after{content:"";width:3rem;position:absolute;top:0;bottom:0;z-index:1;opacity:0;pointer-events:none;transition:opacity .2s}.context-window::before{left:2.5rem;background:linear-gradient(90deg,#0c2935,transparent)}.context-window::after{right:2.5rem;background:linear-gradient(270deg,#0c2935,transparent)}.context-window.can-scroll-left::before,.context-window.can-scroll-right::after{opacity:1}.context-scroll{min-width:0;display:flex;align-items:stretch;flex:1;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff55 transparent;overscroll-behavior-inline:contain}.context-scroll a{padding:1rem 0;display:flex;align-items:center;color:#aebfc2;text-decoration:none;font-size:.82rem;white-space:nowrap}.context-scroll a:hover,.context-scroll a.active{color:white}.context-scroll a.active{box-shadow:inset 0 -2px var(--accent)}.context-scroll:focus-visible{outline:2px solid #ffffff99;outline-offset:-2px}.context-scroll-button{width:2.5rem;min-width:2.5rem;padding:0;display:none;place-items:center;position:relative;z-index:2;border:0;color:white;background:#0b2430;font:400 1.65rem/1 Georgia,serif;cursor:pointer}.context-window.has-overflow .context-scroll-button{display:grid}.context-scroll-button:hover:not(:disabled),.context-scroll-button:focus-visible{background:var(--accent)}.context-scroll-button:disabled{color:#ffffff3d;cursor:default}.breadcrumb-nav{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.55rem;color:#a9c0c4;font-size:.72rem}.breadcrumb-nav a{color:#a9c0c4;text-decoration:none}.breadcrumb-nav a:hover{color:white}.breadcrumb-nav b{font-weight:400;opacity:.5}.breadcrumb-nav span{color:white}.navigation-hero-copy{margin-top:clamp(2rem,4vh,3rem)!important}
@media(max-width:860px){.global-nav{min-height:70px}.nav-toggle{width:46px;height:40px;padding:0;display:grid;place-content:center;gap:5px;border:1px solid #ffffff44;border-radius:2rem;color:white;background:transparent}.nav-toggle span{position:absolute;width:1px;height:1px;overflow:hidden}.nav-toggle::before,.nav-toggle::after,.nav-toggle i{content:"";width:18px;height:1px;display:block;background:white}.global-menu{display:none;position:absolute;top:70px;right:0;left:0;padding:.5rem;flex-direction:column;background:#071a23;box-shadow:0 25px 50px #06131988}.global-menu.open{display:flex}.global-menu>a{min-height:48px}.nav-group{display:block}.nav-section,.direct-link{width:100%;min-height:48px;justify-content:space-between}.nav-section.active,.direct-link.active{box-shadow:none}.mega-menu{width:100%;position:static;padding:1rem;box-shadow:none}.nav-group.open .mega-menu{grid-template-columns:1fr}.menu-intro{display:none}.context-nav{padding:0 1rem}.context-name{padding-right:1.25rem}.context-scroll{gap:1.25rem}}
@media(max-width:560px){.nav-group.open .mega-menu{display:block}.menu-destinations{grid-template-columns:1fr}.menu-destinations>a{margin-bottom:.5rem}.context-name{max-width:32vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.nav-section span,.context-window::before,.context-window::after{transition:none}.context-scroll{scroll-behavior:auto}}

/* Sources and image credits */
.sources-main{overflow:visible}.source-contents{width:min(1160px,calc(100% - 2rem));margin:2rem auto 0;padding:1rem 0;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;border-block:1px solid var(--line)}.source-contents b{color:var(--muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.source-contents a{color:var(--sea);font-size:.78rem;font-weight:700;text-decoration:none}.source-contents a:hover{text-decoration:underline}.sources-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}.sources-intro>p{margin:0;color:var(--muted);font:1.13rem/1.65 Georgia,serif}.source-section{scroll-margin-top:1rem;border-top:1px solid var(--line)}.source-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:1rem 3rem;margin-bottom:2.5rem}.source-heading .kicker{grid-column:1/-1}.source-heading h2{font-size:clamp(2.8rem,5.5vw,5rem)}.source-heading>p:last-child{margin:0;color:var(--muted)}.reference-list{margin:0;padding:0;border:1px solid var(--line);list-style:none}.reference-list li{padding:1rem 1.2rem;display:grid;grid-template-columns:8rem 1fr;gap:1rem;border-bottom:1px solid var(--line);background:#faf9f5}.reference-list li:nth-child(even){background:#e9efeb}.reference-list li:last-child{border:0}.reference-list code,.source-feature code{color:var(--sea);font:.72rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.reference-list cite,.source-feature cite{color:var(--navy);font:400 1.05rem Georgia,serif}.tinted{width:100%;padding-inline:max(1rem,calc((100% - 1160px)/2));background:#dbe6e2}.periodical-groups,.credit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.periodical-groups article,.credit-grid article{padding:2rem;background:#faf9f5}.periodical-groups h3,.credit-grid h3{margin:.3rem 0 1rem}.periodical-groups p,.credit-grid p{color:var(--muted)}.credit-grid article>b{color:var(--accent);font-size:.7rem}.postcard-credits{margin-top:3rem;padding-top:2rem;display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-top:1px solid var(--line)}.postcard-credits h3{margin:.2rem 0 1rem;font-size:2rem}.postcard-credits>div>p:last-child{margin:0;color:var(--muted)}.postcard-credits ul{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.5rem;list-style:none}.postcard-credits li{padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.8rem}.compact{padding-bottom:0}.source-feature{padding:1.5rem;display:grid;grid-template-columns:8rem 1fr;gap:1rem;color:white;background:var(--sea)}.source-feature code,.source-feature cite{color:white}.corrections{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem}.corrections p{margin-top:0;color:var(--muted)}
@media(max-width:760px){.sources-intro,.source-heading,.periodical-groups,.credit-grid,.corrections,.postcard-credits{grid-template-columns:1fr}.postcard-credits ul{grid-template-columns:repeat(2,1fr)}.reference-list li,.source-feature{grid-template-columns:1fr;gap:.3rem}.source-contents b{width:100%}}
@media(max-width:480px){.postcard-credits ul{grid-template-columns:1fr}}