/* ============================================================
   TRACK RECORD — Rev. D (28·09·2026). Loaded after the inline style.
   ============================================================ */

/* hero: the shared .pg-banner in sza.css (Rev. E) */

/* ---- operation cards: a manifest line, not a tile ---- */
.atlas-grid{gap:var(--sp-4);border:0!important;background:none}
.atlas-grid .atlas-card{border:1px solid var(--line-2)!important;border-top:2px solid var(--ink)!important;border-radius:var(--r-sm);background:var(--paper-hi);min-height:0}
.atlas-card:hover{border-color:var(--ink)!important;transform:translateY(-2px)}
.atlas-card .top{align-items:center}
.atlas-card .ix{font-size:var(--t-h4,22px)!important;color:var(--mist)!important}
.atlas-card h3{padding-top:var(--sp-6)!important;margin-top:0!important;font-weight:500!important}
.atlas-card .route{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4)!important;font-size:var(--t-label)!important;
  letter-spacing:.14em;text-transform:uppercase;color:var(--petrol)!important}
.atlas-card .route i{flex:1;min-width:18px;height:1px;background:currentColor;position:relative;opacity:.55}
.atlas-card .route i::after{content:"";position:absolute;right:0;top:-3px;border:3.5px solid transparent;border-left:6px solid currentColor;border-right:0}
.atlas-card .note{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.atlas-card .scale{margin-top:auto!important;padding-top:var(--sp-5)}

/* ---- shipowners ---- */
.own-countries{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:var(--sp-7);border-top:1px solid var(--line)}
.own-countries li{padding:var(--sp-5) var(--sp-4) 0 0}
.own-countries b{display:block;font-family:var(--data);font-weight:500;font-size:clamp(34px,3.6vw,56px);line-height:1;color:var(--ocean)}
.own-countries span{display:block;margin-top:var(--sp-2);font-family:var(--label);font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}
.own-roll{margin-top:var(--sp-8);display:grid;gap:var(--sp-4);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.own-row>div{display:flex;width:max-content;animation:own-roll 60s linear infinite}
.own-row.rev>div{animation-direction:reverse;animation-duration:52s}
.own-row span{font-family:var(--display);font-weight:500;font-size:clamp(26px,3.2vw,48px);line-height:1.2;color:var(--ink);white-space:nowrap}
.own-row span::after{content:"·";margin:0 .6em;color:var(--mist)}
.own-roll:hover .own-row>div{animation-play-state:paused}
@keyframes own-roll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){ .own-row>div{animation:none;flex-wrap:wrap;width:auto} }
@media (max-width:700px){ .own-countries{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--sp-4)} }
.atlas-card .scale b{font-size:clamp(20px,1.7vw,26px)!important;font-weight:500;color:var(--ocean)!important}
.atlas-card .scale span{font-family:var(--label)!important;letter-spacing:.14em;text-transform:uppercase;font-size:var(--t-label)!important}
