/* Vertical atlas workstation. Loaded after the base component sheet. */
@media (min-width:861px) {
  body { background:#eef3ef; }
  .atlas-header { position:fixed; inset:0 auto 0 0; z-index:10; width:252px; display:flex; flex-direction:column; background:var(--navy); color:#f4faf7; border:0; }
  .atlas-strip { height:auto; padding:22px 24px 18px; display:grid; gap:3px; justify-content:stretch; background:transparent; color:#9fb4af; border-bottom:1px solid #30465a; font-size:9px; }
  .atlas-nav { width:auto; min-height:0; margin:0; padding:32px 24px; display:block; }
  .atlas-logo { grid-template-columns:44px 1fr; grid-template-rows:22px 18px; color:#fff; }
  .atlas-logo i { width:44px; height:44px; background:var(--lime); color:var(--navy); }
  .atlas-logo small { color:#9fb4af; }
  .atlas-nav nav { margin-top:46px; display:grid; justify-content:stretch; gap:0; counter-reset:atlas; }
  .atlas-nav nav a { padding:14px 0; border-bottom:1px solid #30465a; color:#dce9e5; font-size:13px; }
  .atlas-nav nav a::before { content:"0" counter(atlas); counter-increment:atlas; margin-right:12px; color:var(--lime); font:10px Arial; }
  .atlas-side-note { margin:auto 24px 26px; padding-top:18px; border-top:1px solid #30465a; color:#9fb4af; font-size:11px; }
  .atlas-main { margin-left:252px; min-height:100vh; }
  .atlas-hero { width:auto; min-height:560px; margin:0; padding:64px clamp(38px,5vw,82px); grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:56px; background:#f7faf7; }
  .atlas-copy { align-self:center; }
  .atlas-hero h1 { font-size:clamp(40px,4.1vw,62px); max-width:820px; }
  .atlas-visual { position:relative; align-self:stretch; min-height:430px; margin:0; background:var(--navy); overflow:hidden; }
  .atlas-visual img { width:100%; height:100%; object-fit:cover; mix-blend-mode:screen; opacity:.88; }
  .atlas-visual figcaption { position:absolute; inset:auto 20px 20px; padding:18px; background:rgba(19,38,59,.92); color:#fff; display:grid; grid-template-columns:76px 1fr; gap:3px 15px; }
  .atlas-visual figcaption strong { grid-row:1/3; font:56px/1 Arial; color:var(--lime); }
  .atlas-visual figcaption span { font-weight:bold; }
  .atlas-visual figcaption small { color:#b6c9c3; }
  .atlas-dashboard { display:grid; grid-template-columns:330px minmax(0,1fr); border-top:1px solid var(--navy); }
  .atlas-cards { display:grid; grid-template-columns:1fr; border:0; border-right:1px solid var(--navy); align-content:start; background:#e4ece8; }
  .atlas-cards a { min-height:0; padding:24px 27px; border:0; border-bottom:1px solid #b7c7c2; }
  .atlas-cards a:nth-child(even) { background:#d9e5df; }
  .atlas-board { width:auto; margin:0; padding:58px clamp(36px,5vw,76px); }
  .atlas-board > header { grid-template-columns:1fr; gap:7px; margin-bottom:22px; }
  .atlas-board > header > p { max-width:650px; margin:0; }
  .board-row { grid-template-columns:58px minmax(0,1fr) auto; min-height:92px; }
  .board-row small { margin-top:4px; }
  .atlas-footnote { padding:45px clamp(36px,5vw,76px); grid-template-columns:280px 1fr; }
  .atlas-footer { margin-left:252px; }
  .hub-wrap,.record-wrap { margin-left:calc(252px + max(18px,(100vw - 1412px)/2)); margin-right:max(18px,(100vw - 1412px)/2); width:auto; }
}

.board-row b,.board-row small { display:block; }
.board-row small { grid-column:auto; margin-top:4px; }
.atlas-library,.atlas-register,.atlas-dispatch { padding:82px clamp(28px,5vw,76px); }
.atlas-library { background:#f8fbf8; border-top:1px solid var(--navy); }
.atlas-library > header,.atlas-dispatch > header { max-width:760px; margin-bottom:34px; }
.atlas-library h2,.atlas-register h2,.atlas-dispatch h2 { margin:0; font-size:34px; line-height:1.25; }
.atlas-library > header > p:last-child,.atlas-register header p:last-child,.atlas-dispatch > header > p:last-child { color:#60706b; }
.atlas-library-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.atlas-library-card { min-height:225px; display:grid; grid-template-columns:190px minmax(0,1fr); background:#fff; border:1px solid #b9c8c3; }
.atlas-library-card .ranking-media { min-width:0; overflow:hidden; background:var(--navy); }
.atlas-library-card img { width:100%; height:100%; object-fit:cover; }
.atlas-library-card > div { padding:22px; }
.atlas-library-card span { color:var(--teal); font:bold 10px Arial; }
.atlas-library-card h3 { margin:10px 0 7px; font-size:16px; line-height:1.4; }
.atlas-library-card h3 a { text-decoration:none; }
.atlas-library-card p { margin:0; color:#65736f; font-size:11px; }
.atlas-register { background:var(--navy); color:#fff; }
.atlas-register > header { display:grid; grid-template-columns:130px minmax(0,1fr); gap:30px; align-items:start; margin-bottom:34px; }
.atlas-register > header > span { font:84px/.9 Arial; color:var(--lime); }
.atlas-register header p:last-child { max-width:720px; color:#b8c9c4; }
.atlas-register-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #496073; }
.atlas-register-row { position:relative; min-height:132px; padding:23px 45px 20px 58px; display:block; border-bottom:1px solid #496073; text-decoration:none; }
.atlas-register-row:nth-child(odd) { border-right:1px solid #496073; }
.atlas-register-row > span { position:absolute; left:16px; top:25px; color:var(--lime); font:bold 10px Arial; }
.atlas-register-row b { display:block; font-size:14px; }
.atlas-register-row small { display:block; margin-top:7px; color:#b8c9c4; font-size:10px; }
.atlas-register-row i { position:absolute; right:16px; bottom:18px; color:var(--lime); font-style:normal; }
.atlas-dispatch { background:#e4ece8; }
.atlas-dispatch-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #aebfba; }
.atlas-dispatch-column { padding:24px; border-right:1px solid #aebfba; }
.atlas-dispatch-column:last-child { border-right:0; }
.atlas-dispatch-column h3 { margin:0; font-size:18px; }
.atlas-dispatch-column h3 a { text-decoration:none; }
.atlas-dispatch-column header p { min-height:82px; color:#65736f; font-size:10px; }
.atlas-dispatch-column ul { margin:18px 0 0; padding:0; list-style:none; border-top:1px solid #aebfba; }
.atlas-dispatch-column li { padding:12px 0; border-bottom:1px solid #bdcbc7; }
.atlas-dispatch-column li a { font-size:11px; text-decoration:none; }
@media (max-width:1050px) {
  .atlas-library-card { grid-template-columns:145px minmax(0,1fr); }
  .atlas-dispatch-grid { grid-template-columns:repeat(2,1fr); }
  .atlas-dispatch-column:nth-child(2) { border-right:0; }
  .atlas-dispatch-column:nth-child(-n+2) { border-bottom:1px solid #aebfba; }
}
@media (max-width:860px) {
  .atlas-side-note { display:none; }
  .atlas-main { margin-left:0; }
  .atlas-visual { margin:0; min-height:280px; position:relative; background:var(--navy); }
  .atlas-visual img { display:block; width:100%; height:280px; object-fit:cover; opacity:.85; }
  .atlas-visual figcaption { position:absolute; left:14px; right:14px; bottom:14px; padding:14px; background:rgba(19,38,59,.9); color:#fff; display:grid; grid-template-columns:54px 1fr; gap:2px 10px; }
  .atlas-visual figcaption strong { grid-row:1/3; font:40px/1 Arial; color:var(--lime); }
  .atlas-dashboard { display:block; }
  .atlas-cards { display:flex; overflow-x:auto; border-block:1px solid var(--navy); scroll-snap-type:x mandatory; }
  .atlas-cards a { flex:0 0 72vw; border-right:1px solid var(--line); scroll-snap-align:start; }
  .atlas-board { width:calc(100% - 28px); padding:56px 0; }
  .atlas-footnote,.atlas-footer { margin-left:0; }
  .atlas-library,.atlas-register,.atlas-dispatch { padding:62px 24px; }
}
@media (max-width:560px) {
  .atlas-header { background:#f5f7f3; }
  .atlas-strip { height:28px; background:var(--navy); }
  .atlas-hero { width:100%; padding:0; gap:0; display:flex; flex-direction:column-reverse; }
  .atlas-copy { padding:36px 14px 42px; }
  .atlas-hero h1 { font-size:34px; }
  .atlas-visual { min-height:230px; }
  .atlas-visual img { height:230px; }
  .atlas-actions { flex-direction:column; }
  .atlas-cards a { flex-basis:82vw; min-height:150px; padding:24px; }
  .atlas-footnote { padding:32px 14px 20px; }
  .atlas-footnote nav { display:flex; overflow-x:auto; gap:7px; }
  .atlas-footnote a { flex:0 0 auto; min-width:150px; }
  .atlas-library,.atlas-register,.atlas-dispatch { padding:52px 14px; }
  .atlas-library h2,.atlas-register h2,.atlas-dispatch h2 { font-size:28px; }
  .atlas-library-grid,.atlas-register-list { grid-template-columns:1fr; }
  .atlas-library-card { grid-template-columns:1fr; }
  .atlas-library-card .ranking-media { height:170px; }
  .atlas-register > header { grid-template-columns:72px 1fr; gap:14px; }
  .atlas-register > header > span { font-size:58px; }
  .atlas-register-row:nth-child(odd) { border-right:0; }
  .atlas-dispatch-grid { grid-template-columns:1fr; }
  .atlas-dispatch-column,.atlas-dispatch-column:nth-child(2) { border-right:0; border-bottom:1px solid #aebfba; }
  .atlas-dispatch-column:last-child { border-bottom:0; }
  .atlas-dispatch-column header p { min-height:0; }
}