/* Adapt the shared WoT portal styling to the wiki's existing page structure. */
.wot-layout-main > section > .container, .wot-layout-main > .container { width:100%; max-width:none; margin:24px auto 0; padding:clamp(20px,2.3vw,36px); border:1px solid #383a3d; border-radius:4px; background:#17191b; }
.wot-layout-main > section > .container > .container { width:100%; max-width:none; margin:0; padding-right:0; padding-left:0; border:0; background:transparent !important; }
.wot-layout-main > section > .container > .row:first-child h4, .wot-layout-main > .container > .row:first-child h4 { color:#f0ede5; font:400 clamp(24px,2vw,30px) Impact,'Arial Narrow',sans-serif; letter-spacing:.4px; text-transform:uppercase; }
.wot-layout-main > .container > ul { margin:0 0 24px; padding:0; color:#b3b3ae; list-style:none; }
.wot-layout-main > .container > h1 { margin:10px 0 18px; font-size:clamp(30px,3vw,46px); }
.wot-layout-main > .container > a > img { max-width:140px; max-height:104px; padding:8px; border:1px solid #484a4a; border-radius:4px; background:#777b78; object-fit:contain; }
.wot-layout-main #carousel-related-product3 .product-wap > .card > img, .wot-layout-main #carousel-related-product .product-wap > .card > img { width:100%; height:100px; padding:12px; object-fit:contain; background:#777b78; }
.wot-layout-main .product-wap .card-body { background:#242629; }
.wot-layout-main .card-body p, .wot-layout-main .card-body li, .wot-layout-main .card-body ul { color:#d8d8d2; }
.wot-layout-main .col-md-12 { min-width:0; }
.wot-layout-main .container > .row > div[style*='font-size:34px'] { color:#bdbdb6; font-size:18px !important; line-height:1.5; }
.wot-layout-main table { max-width:100%; }
#wot-wiki-nations { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
#wot-wiki-nations > div { min-width:0; padding:0 !important; }
#wot-wiki-nations .product-wap { height:100%; margin:0; }
#wot-wiki-nations .product-wap > .card > img { display:block; width:100%; height:72px; padding:10px; object-fit:contain; background:#777b78; }
#wot-wiki-nations .product-wap .card-body { min-height:44px; padding:10px; }
#wot-wiki-nations .product-wap .card-body a { font-size:14px !important; line-height:1.25; }
@media(max-width:1200px) { #wot-wiki-nations { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:767px) {
  .wot-layout-main > section > .container, .wot-layout-main > .container { margin-top:14px; padding:18px; }
  .wot-layout-main #carousel-related-product3 .product-wap > .card > img, .wot-layout-main #carousel-related-product .product-wap > .card > img { height:82px; }
  #wot-wiki-nations { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
}
@media(max-width:440px) { #wot-wiki-nations { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Keep the center aligned with the sidebars and sections close together. */
.wot-layout-main { display:grid; gap:16px; }
.wot-layout-main > section:not(.wot-detail):not(.wot-wiki-technical) { padding-top:0 !important; padding-bottom:0 !important; }
.wot-layout-main > section > .container, .wot-layout-main > .container,
.wot-layout-main > section > .container[style*='bg2.png'], .wot-layout-main > .container[style*='bg2.png'] { margin-top:0; }

/* The title link covers the whole card; no separate eye button is needed. */
.wot-layout-main .product-wap { position:relative; cursor:pointer; }
.wot-layout-main .product-wap .product-overlay { display:none !important; }
.wot-layout-main .product-wap > .card-body > a::after { position:absolute; inset:0; z-index:2; content:''; }
.wot-layout-main .product-wap:focus-within { outline:2px solid #f28b4b; outline-offset:2px; }

/* Tank overview */
.wot-hero-shell { padding:clamp(20px,2.3vw,36px) !important; }
.wot-hero-breadcrumb { color:#b8b8b1; font-size:14px; line-height:1.6; }
.wot-hero-breadcrumb a { color:#f2a36b; text-decoration:none; }
.wot-hero-breadcrumb a:hover { text-decoration:underline; }
.wot-hero-layout { display:grid; grid-template-columns:minmax(180px,26%) minmax(0,1fr); gap:clamp(20px,2vw,32px); margin-top:26px; align-items:start; }
.wot-hero-visual { min-width:0; }
.wot-hero-image { overflow:hidden; border:1px solid #424345; border-radius:4px; background-position:center; background-size:cover; background-color:#222427; }
.wot-hero-image img { display:block; width:100%; aspect-ratio:8/5; object-fit:contain; }
.wot-hero-premium { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; padding:13px 15px; border:1px solid #414246; border-radius:4px; background:#222427; color:#bdbdb8; font-size:14px; }
.wot-hero-premium strong { color:#f2a36b; }
.wot-hero-overview { min-width:0; padding:clamp(20px,2vw,32px); border:1px solid #414246; border-radius:4px; background:#202225; }
.wot-hero-eyebrow { color:#f28b4b; font-size:11px; font-weight:700; letter-spacing:.15em; }
.wot-hero-overview h1 { margin:10px 0 0; color:#f0ede5; font-size:clamp(24px,2vw,34px); line-height:1.2; }
.wot-hero-divider { height:1px; margin:20px 0; background:#414246; }
.wot-hero-overview h2 { margin:0 0 12px; color:#f0ede5; font-size:19px; }
.wot-hero-overview p { margin:0; color:#d8d8d2; font-size:16px; line-height:1.7; }
@media(max-width:700px) { .wot-hero-layout { grid-template-columns:1fr; } .wot-hero-image img { max-height:230px; } }