/* cockpit-page.css — old page shells onto cockpit law. Loaded AFTER site.css. */
:root{--navy:#050f1c;--gold:#d99b1b;--canvas:#eceeed}
body{background:var(--canvas);font-family:'Inter',system-ui,sans-serif;color:var(--navy)}
/* Kill old page heroes: first .oppx-hero/.cx-* hero-ish section becomes compact instrument header */
main > article > section:first-child .eyebrow{color:var(--gold);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
main h1{font-family:'Inter',sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(26px,4vw,40px);line-height:1.08;color:var(--navy)}
main h1 .accent,.story-page h1 .accent{color:var(--gold)}
.capital-path--cockpit .capital-path__intro .eyebrow,
.capital-path--cockpit .capital-path__intro h1 .accent{color:#805000}
main{padding-top:26px}
/* A page that opens on a dark hero has no paper above it. The 26px left a
   cream sliver between the navy masthead and the navy hero on about,
   disclosures, privacy and how-it-works (Dante, 2026-09-10). */
main:has(> :is(.page-hero,.story-page,.story-hero):first-child){padding-top:0}
main > article > section{padding:18px 0}
main .container{max-width:1180px}
/* cards clickable law */
main a.card,main .card,main .preference{transition:transform .18s cubic-bezier(.2,0,.2,1),box-shadow .18s}
main a.card:hover,main .card:hover{transform:translateY(-2px)}
/* forms on cockpit surfaces */
.source-form,.capital-path,form{background:#fff;border:1px solid rgba(5,15,28,.08);border-radius:14px;padding:22px}
.btn--primary{background:var(--gold);color:#050f1c;border:0}
.btn--primary:hover{filter:brightness(1.06)}

/* Interior-page cockpit law: the first viewport is the complete orientation
   screen. Real imagery and question surfaces stay visible; deeper material is
   requested one layer at a time. */
.story-page .story-hero,
.story-page .page-hero{padding-block:clamp(24px,3.4vw,44px)}
.story-page .story-hero__grid{
  width:min(calc(100% - 40px),1180px);
  max-width:1180px;
  min-height:min(510px,calc(100svh - 150px));
  grid-template-columns:minmax(300px,.88fr) minmax(430px,1.12fr);
  gap:clamp(28px,4vw,62px);
  padding:0;
}
.story-page .story-hero__visual{
  display:block;
  min-height:clamp(310px,38vw,430px);
}
.story-page .story-hero__copy .lede{max-width:62ch;margin-bottom:20px}
.story-page .story-hero__copy .actions{margin-top:20px}
.story-page .story-hero__support{margin-top:16px}
/* The generic "first section" accent rule above paints eyebrows and the h1
   accent in --gold (#d99b1b), which was written for a navy hero. .story-hero
   is a cream ground, where that gold measures 2.31:1 — the 53px accent word in
   "Execution Is the Standard." was the least legible large type on the site.
   Light grounds take the deep accent, which is the same hue at 7.2:1. */
.story-page .story-hero .eyebrow,
.story-page .story-hero h1 .accent,
.story-page .page-hero .eyebrow,
.story-page .page-hero h1 .accent{color:var(--gold-700)}
/* ...but story-hero--dark is a dark ground, and the rule above matches it too.
   --gold-700 (#754600) on that section's gradient measures 2.19:1. It passed
   every ancestor-walk check because article.story-page beneath is paper, so a
   walk finds paper and reports 7.46:1. Only painted pixels see the gradient.
   Same specificity as the rule above, so this must stay after it. 8.01:1. */
.story-page .story-hero--dark .eyebrow,
.story-page .story-hero--dark h1 .accent{color:var(--gold-300)}
.progressive-control{padding:10px 0;background:transparent;border:0}
.progressive-control .btn{min-height:42px}
.story-hero__visual .mini-ledger.is-insight-rail > div{cursor:pointer;border-radius:5px;transition:background .18s ease,padding .18s ease}
.story-hero__visual .mini-ledger.is-insight-rail > div:hover{background:rgba(255,255,255,.055)}
.story-hero__visual .mini-ledger.is-insight-rail > div:focus-visible{outline:2px solid #D9A441;outline-offset:2px}
.js .story-hero__visual .mini-ledger.is-insight-rail > div[aria-expanded="false"] dd{display:none}
.story-hero__visual .mini-ledger.is-insight-rail > div[aria-expanded="true"]{padding-inline:10px;background:rgba(229,173,58,.095)}

/* Operating partners: real partner imagery replaces the duplicate map
   placeholders. Every visible surface is a semantic destination. */
.partner-cockpit-page main{padding-top:0}
.partner-cockpit{
  background:
    linear-gradient(135deg,rgba(217,155,27,.055) 0 1px,transparent 1px 76px),
    #f7f6f2;
  background-size:76px 76px;
}
.partner-cockpit__shell{padding-block:clamp(20px,2.6vw,32px)}
.partner-cockpit__intro{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr);
  gap:clamp(26px,5vw,78px);
  align-items:end;
  margin-bottom:16px;
}
.partner-cockpit__intro h1{max-width:720px;margin:8px 0 0;font-size:clamp(2.15rem,4vw,4rem);line-height:.98}
.partner-cockpit__orientation p{max-width:55ch;margin:0 0 12px;color:#425067;font-size:.86rem;line-height:1.55}
.partner-cockpit__orientation .link-arrow{min-height:40px;display:inline-flex;align-items:center;color:#825900;font-size:.72rem;font-weight:800}
.partner-cockpit__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.partner-surface{
  position:relative;
  height:clamp(250px,31vh,320px);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  color:#fff;
  background:#07182b;
  border:1px solid rgba(5,15,28,.14);
  border-radius:12px;
  box-shadow:0 14px 32px rgba(5,15,28,.12);
  isolation:isolate;
}
.partner-surface img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}
.partner-surface__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,25,.06) 26%,rgba(2,12,25,.92) 100%)}
.partner-surface__copy{position:relative;z-index:1;width:100%;padding:22px;display:grid;gap:5px}
.partner-surface small{color:#D9A441;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.partner-surface strong{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.05}
.partner-surface em{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:12px;color:#f6f2e9;border-top:1px solid rgba(255,255,255,.22);font-size:11px;font-style:normal;font-weight:700}
.partner-surface .ico{width:17px;height:17px;color:#D9A441}
.partner-surface:hover img,.partner-surface:focus-visible img{transform:scale(1.035);filter:brightness(.84)}
.partner-surface:focus-visible{outline:3px solid #d99b1b;outline-offset:3px}
.partner-cockpit__routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.partner-cockpit__routes a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;color:#07182b;background:#fff;border:1px solid rgba(5,15,28,.13);border-radius:8px}
.partner-cockpit__routes span{color:#667184;font-size:11px}
.partner-cockpit__routes strong{font-size:.7rem}
.partner-cockpit__routes a:hover,.partner-cockpit__routes a:focus-visible{border-color:#d99b1b;background:#fffaf0}

/* Private credit: no decorative filler. The right side is a four-question
   underwriting console with one revealed answer at a time. */
.credit-cockpit-page main{padding-top:0}
.credit-cockpit{min-height:calc(100svh - 64px);color:#eaf0f6;background:radial-gradient(circle at 82% 4%,rgba(36,79,120,.48),transparent 31%),linear-gradient(125deg,#061a30,#020d1a)}
.credit-cockpit__shell{min-height:inherit;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);grid-template-rows:1fr auto;gap:clamp(26px,4.5vw,74px);align-items:center;padding-block:clamp(28px,4vw,48px)}
.credit-cockpit__intro .eyebrow,.credit-decisions .eyebrow{color:#D9A441}
.credit-cockpit__intro h1{max-width:610px;margin:9px 0 18px;color:#fff;font-size:clamp(2.2rem,4.4vw,4.35rem);line-height:.96}
.credit-cockpit__intro p{max-width:55ch;margin:0;color:#c4cfda;font-size:.9rem;line-height:1.62}
.credit-cockpit__intro .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.credit-cockpit__intro .btn--ghost{color:#fff;border-color:rgba(229,173,58,.62)}
.credit-decisions{overflow:hidden;background:rgba(5,19,36,.9);border:1px solid rgba(229,173,58,.43);border-radius:13px;box-shadow:0 24px 58px rgba(0,0,0,.25)}
.credit-decisions > header{padding:20px 22px 14px}
.credit-decisions h2{margin:6px 0 0;color:#fff;font-size:clamp(1.45rem,2.4vw,2.2rem)}
.credit-decisions__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid rgba(255,255,255,.12)}
.credit-decisions__tabs button{min-height:98px;display:grid;place-items:center;align-content:center;gap:8px;padding:12px;color:#adbac8;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.1);cursor:pointer;font:inherit}
.credit-decisions__tabs button:last-child{border-right:0}
.credit-decisions__tabs button .ico{width:26px;height:26px;color:#D9A441}
.credit-decisions__tabs button span{font-size:11px;font-weight:750}
.credit-decisions__tabs button:hover{color:#fff;background:rgba(255,255,255,.045)}
.credit-decisions__tabs button[aria-selected="true"]{color:#06111f;background:#e2a125}
.credit-decisions__tabs button[aria-selected="true"] .ico{color:#06111f}
.credit-decisions__tabs button:focus-visible{position:relative;z-index:1;outline:3px solid #fff;outline-offset:-4px}
.credit-decisions__answer{min-height:208px;padding:23px 24px 25px;outline:none}
.credit-decisions__answer > span{color:#D9A441;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.credit-decisions__answer h3{margin:8px 0 10px;color:#fff;font-size:clamp(1.2rem,2vw,1.65rem)}
.credit-decisions__answer p{margin:0;color:#c4cfda;font-size:.78rem;line-height:1.58}
.credit-decisions__answer a{display:inline-flex;align-items:center;min-height:40px;gap:8px;margin-top:11px;color:#D9A441;font-size:11px;font-weight:800}
.credit-decisions__answer .ico{width:16px;height:16px}
.credit-cockpit__disclosure{grid-column:1/-1;margin:0;padding-top:13px;color:#8fa0b3;border-top:1px solid rgba(255,255,255,.13);font-size:11px;line-height:1.5}

@media (max-width:980px){
  .story-page .story-hero__grid{grid-template-columns:1fr;min-height:0;gap:20px}
  .story-page .story-hero__visual{min-height:320px}
  .partner-cockpit__intro,.credit-cockpit__shell{grid-template-columns:1fr}
  .partner-cockpit__intro{gap:14px}
  .credit-cockpit__shell{gap:24px}
}

@media (max-width:700px){
  main{padding-top:12px}
  main:has(> :is(.page-hero,.story-page,.story-hero):first-child){padding-top:0}
  .story-page .story-hero__grid{width:min(calc(100% - 28px),1180px)}
  .story-page .story-hero__visual{min-height:285px}
  .partner-cockpit-page main,.credit-cockpit-page main{padding-top:0}
  .partner-cockpit__shell,.credit-cockpit__shell{padding-block:22px}
  .partner-cockpit__intro{margin-bottom:15px}
  .partner-cockpit__intro h1{font-size:clamp(2rem,10vw,3rem)}
  .partner-cockpit__grid{grid-template-columns:1fr;gap:9px;padding:0}
  .partner-surface{height:92px;min-height:92px;border-radius:9px}
  .partner-surface img{width:38%}
  .partner-surface__veil{background:linear-gradient(90deg,rgba(2,12,25,.04) 18%,rgba(2,12,25,.98) 48%)}
  .partner-surface__copy{margin-left:35%;padding:12px 14px;gap:2px}
  .partner-surface small{font-size:11px}
  .partner-surface strong{font-size:1.1rem}
  .partner-surface em{min-height:30px;margin-top:1px;padding-top:5px;font-size:11px}
  .partner-cockpit__routes{grid-template-columns:1fr;gap:8px;margin-top:6px}
  .partner-cockpit__routes a{align-items:flex-start;flex-direction:column;gap:4px;padding:11px 13px}
  .credit-cockpit__intro h1{font-size:clamp(2.15rem,11vw,3.15rem)}
  .credit-cockpit__intro .actions{display:grid}
  .credit-cockpit__intro .btn{width:100%}
  .credit-decisions__tabs{grid-template-columns:repeat(2,1fr)}
  .credit-decisions__tabs button{min-height:72px;border-bottom:1px solid rgba(255,255,255,.1)}
  .credit-decisions__tabs button:nth-child(2){border-right:0}
  .credit-decisions__tabs button:nth-child(n+3){border-bottom:0}
  .credit-decisions__answer{min-height:238px}
}

/* 1031 exchange cockpit: stage, next action, and potential candidates share
   one hero instead of living in disconnected full-width bands. */
body.exchange-cockpit-page{background:#071321}
.exchange-cockpit-page main{padding-top:0}
.exchange-cockpit-page .x-hero{padding:0;color:#edf3f8;background:radial-gradient(circle at 84% 2%,rgba(38,83,124,.38),transparent 30%),linear-gradient(125deg,#061a30,#020d1a)}
.x-exchange-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(520px,1.15fr);grid-template-areas:"intro stages" "answer candidates" "fine fine";grid-template-rows:auto auto auto;gap:14px 24px;align-items:start;padding-block:22px 16px}
.x-exchange-grid > *,.x-stage__body,.x-candidate > span{min-width:0;max-width:100%}
.x-intro{grid-area:intro;align-self:start}
.x-eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#D9A441}
.x-intro h1{max-width:540px;margin:8px 0 8px;color:#fff;font-size:clamp(2rem,3.4vw,3.55rem);font-weight:850;letter-spacing:-.04em;line-height:.96}
.x-intro h1 .g{color:#e4a11f}
.x-intro .lede{max-width:56ch;margin:0;color:#b7c5d3;font-size:.78rem;line-height:1.5}
/* minmax(0,1fr), not 1fr: a bare 1fr floors at min-content, and "180 days" at
   1.32rem is 155px wide unbreakable. At 320px that held the second track open
   and pushed the clock 19px off-screen — masked, not fixed, by the
   overflow-x:hidden below. */
.x-clocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.x-clock{min-width:0;padding:10px 12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.13);border-radius:8px}
.x-clock b{display:block;color:#e8a522;font-size:1.32rem;line-height:1}
.x-clock small{display:block;margin-top:4px;color:#aebdcb;font-size:11px;line-height:1.4}
.x-stages{grid-area:stages;display:grid;gap:8px;align-self:start}
.x-stage{width:100%;min-height:63px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 13px;color:#dce5ed;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.14);border-radius:9px;cursor:pointer;text-align:left;font:inherit;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.x-stage:hover{background:rgba(255,255,255,.065);transform:translateX(2px)}
.x-stage[aria-pressed="true"]{background:rgba(226,161,37,.11);border-color:#e2a125}
.x-stage:focus-visible{outline:3px solid #fff;outline-offset:2px}
.x-stage__n{display:grid;place-items:center;width:34px;height:34px;color:#D9A441;border:1px solid rgba(255,255,255,.15);border-radius:7px;font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace}
.x-stage__body b{display:block;color:#fff;font-size:.78rem;line-height:1.2}
.x-stage__body small{display:block;margin-top:2px;color:#9fb0c1;font-size:11px;line-height:1.35}
.x-stage__go{color:#D9A441}
.x-answer{grid-area:answer;position:relative;top:auto;padding:17px 18px 15px;color:#152235;background:#fff;border-top:3px solid #e2a125;border-radius:10px;box-shadow:0 16px 36px rgba(0,0,0,.18)}
.x-answer .x-eyebrow{color:#8b5e00}
.x-answer h2{margin:5px 0 6px;color:#071321;font-size:clamp(1.15rem,1.8vw,1.48rem);line-height:1.12}
.x-answer .lede{margin:0;color:#637083;font-size:11px;line-height:1.45}
.x-answer .steps{display:grid;gap:5px;margin:10px 0}
.x-answer .steps div{display:flex;gap:8px;color:#172337;font-size:11px;line-height:1.35}
.x-answer .steps div::before{content:"→";flex:none;color:#9a6800;font-weight:900}
.x-when{margin:0 0 10px;padding-top:8px;color:#697588;border-top:1px solid #d9dde2;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}
.x-when b{color:#142033}
.x-answer .ck-btn{width:100%;min-height:48px;font-size:15px}
.x-answer__help{display:flex;min-height:40px;align-items:center;justify-content:center;margin-top:4px;color:#7a590e;font-size:11px;font-weight:750;text-align:center}
.x-candidates{grid-area:candidates;padding:16px;color:#eaf1f7;background:rgba(4,17,32,.72);border:1px solid rgba(229,173,58,.34);border-radius:10px}
.x-candidates__head{display:grid;grid-template-columns:1fr minmax(190px,.7fr);gap:14px;align-items:end;margin-bottom:10px}
.x-candidates h2{margin:4px 0 0;color:#fff;font-size:1.26rem}
.x-candidates__head small{color:#91a4b7;font-size:11px;line-height:1.4;text-align:right}
.x-candidate-list{display:grid;gap:7px}
.x-candidate{min-height:59px;display:grid;grid-template-columns:68px 1fr auto;gap:11px;align-items:center;padding:7px;color:#eaf1f7;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);border-radius:8px;transition:background .16s ease,border-color .16s ease}
.x-candidate:hover,.x-candidate:focus-visible{background:rgba(255,255,255,.075);border-color:#e2a125}
.x-candidate:focus-visible{outline:2px solid #e2a125;outline-offset:2px}
.x-candidate img{width:68px;height:45px;object-fit:cover;border-radius:5px}
.x-candidate strong,.x-candidate small{display:block}
.x-candidate strong{color:#fff;font-size:11px}
.x-candidate small{margin-top:2px;color:#9fb0c1;font-size:11px}
.x-candidate em{color:#D9A441;font-size:11px;font-style:normal;font-weight:800;white-space:nowrap}
.x-exchange-grid > .x-fine{grid-area:fine;margin:0;padding-top:8px;color:#8194a8;border-top:1px solid rgba(255,255,255,.12);font-size:11px;line-height:1.4}

@media(max-width:980px){
  .exchange-cockpit-page .x-hero{min-height:0}
  .x-exchange-grid{grid-template-columns:1fr;grid-template-areas:"intro" "stages" "answer" "candidates" "fine";grid-template-rows:auto;gap:12px;padding-block:18px}
  .x-stages{grid-template-columns:repeat(3,minmax(0,1fr))}
  .x-stage{grid-template-columns:1fr;place-items:center;gap:5px;min-height:82px;text-align:center}
  .x-stage__n,.x-stage__go{display:none}
  .x-stage__body small{display:none}
}

/* Two clocks side by side hold down to 360px and read cleanly there. At 320
   they do not: "180 days" loses its last letter to the track, and the caption
   rags at one to two words a line. One column below 360 rather than a smaller
   type size, because the number is the point of the component. */
@media(max-width:359px){
  .x-clocks{grid-template-columns:minmax(0,1fr)}
  /* Full-width card here, so the numeral is no longer competing with a second
     column and takes the size the component deserves. The clamp in pathway.css
     has to stay low for 360, where two columns still share the row. */
  body.exchange-cockpit-page .x-clock b{font-size:34px}
}

@media(max-width:520px){
  /* The overflow-x:hidden that used to sit here hid the .x-clocks track
     overflow rather than fixing it, and cost the measurement script its only
     honest signal on this page. The track is fixed at source now; verified 0
     overflow at 320/360/390 with no clip in place, so the clip is gone. */
  .x-exchange-grid{width:min(calc(100% - 24px),1180px);padding-block:14px}
  .x-intro h1{font-size:2rem;overflow-wrap:anywhere}
  .x-intro .lede{font-size:.7rem}
  .x-clocks{gap:7px;margin-top:11px}
  .x-clock{padding:9px}
  .x-clock b{font-size:1.1rem}
  .x-clock small{font-size:11px}
  .x-stage{min-height:68px;padding:8px 5px}
  .x-stage__body b{font-size:11px;overflow-wrap:anywhere}
  .x-answer{padding:15px}
  .x-answer .steps div{font-size:11px}
  .x-candidates{padding:13px}
  .x-candidates__head{grid-template-columns:1fr;gap:3px}
  .x-candidates__head small{text-align:left}
  .x-candidate{grid-template-columns:58px 1fr auto;min-height:54px}
  .x-candidate img{width:58px;height:40px}
}

/* Asset cockpits: a real property surface, one selected investor question,
   and the property-level next steps share the same hero. */
body.asset-cockpit-page{background:#071321}
.asset-cockpit-page main{padding-top:0}
.asset-cockpit{color:#eaf1f7;background:radial-gradient(circle at 86% 1%,rgba(45,87,128,.4),transparent 31%),linear-gradient(125deg,#061a30,#020d1a)}
.asset-cockpit__grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(520px,1.15fr);grid-template-areas:"intro questions" "answer overviews" "fine fine";grid-template-rows:268px 298px auto;gap:14px 24px;align-items:stretch;padding-block:22px 16px}
.asset-cockpit__grid > *{min-width:0}
.asset-intro{grid-area:intro;position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#07182b;border:1px solid rgba(229,173,58,.42);border-radius:10px;isolation:isolate;box-shadow:0 18px 38px rgba(0,0,0,.24)}
.asset-intro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease,filter .25s ease}
.asset-intro__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,25,.03) 20%,rgba(2,12,25,.3) 52%,rgba(2,12,25,.96) 100%)}
.asset-intro__copy{position:relative;z-index:1;width:100%;display:grid;gap:6px;padding:20px}
.asset-intro__copy small{color:#D9A441;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.asset-intro__copy strong{max-width:17ch;color:#fff;font-size:clamp(1.55rem,2.45vw,2.35rem);font-weight:850;letter-spacing:-.035em;line-height:.98}
.asset-intro__copy em{display:flex;min-height:32px;align-items:flex-end;justify-content:space-between;margin-top:5px;padding-top:9px;color:#f8f2e7;border-top:1px solid rgba(255,255,255,.25);font-size:11px;font-style:normal;font-weight:750}
.asset-intro:hover img,.asset-intro:focus-visible img{transform:scale(1.025);filter:brightness(.86)}
.asset-intro:focus-visible{outline:3px solid #D9A441;outline-offset:3px}
.asset-questions{grid-area:questions;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:rgba(5,19,36,.91);border:1px solid rgba(229,173,58,.4);border-radius:10px}
.asset-questions > header{padding:17px 18px 13px}
.asset-questions h1{margin:5px 0 0;color:#fff;font-size:clamp(1.3rem,2.25vw,2rem);line-height:1.05}
.asset-questions__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;border-top:1px solid rgba(255,255,255,.11)}
.asset-questions__grid button{min-width:0;display:grid;align-content:center;gap:5px;padding:15px 18px;color:#c2ccd6;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;text-align:left;font:inherit}
.asset-questions__grid button:nth-child(2n){border-right:0}
.asset-questions__grid button:nth-child(n+3){border-bottom:0}
.asset-questions__grid button small{color:#D9A441;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.asset-questions__grid button strong{color:inherit;font-size:.78rem;line-height:1.25}
.asset-questions__grid button:hover{color:#fff;background:rgba(255,255,255,.05)}
.asset-questions__grid button[aria-pressed="true"]{color:#06111f;background:#e2a125}
.asset-questions__grid button[aria-pressed="true"] small{color:#493000}
.asset-questions__grid button:focus-visible{position:relative;z-index:1;outline:3px solid #fff;outline-offset:-4px}
.asset-answer{grid-area:answer;position:relative;top:auto;padding:19px 20px;color:#152235;background:#fff;border-top:3px solid #e2a125;border-radius:10px;box-shadow:0 16px 36px rgba(0,0,0,.2)}
.asset-answer .x-eyebrow{color:#8b5e00}
.asset-answer h2{margin:6px 0 8px;color:#071321;font-size:clamp(1.25rem,1.9vw,1.65rem);line-height:1.12}
.asset-answer p{min-height:64px;margin:0 0 13px;color:#5e6c7e;font-size:.72rem;line-height:1.55}
.asset-answer .ck-btn{width:100%;min-height:40px}
.asset-overviews{grid-area:overviews;padding:16px;color:#eaf1f7;background:rgba(4,17,32,.74);border:1px solid rgba(229,173,58,.34);border-radius:10px}
.asset-overviews > header{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;margin-bottom:10px}
.asset-overviews h2{margin:4px 0 0;color:#fff;font-size:1.24rem}
.asset-overviews > header > a{min-height:28px;display:flex;align-items:center;color:#D9A441;font-size:11px;font-weight:800}
.asset-overview-list{display:grid;gap:7px}
.asset-overview-list > a{min-height:59px;display:grid;grid-template-columns:68px 1fr auto;gap:11px;align-items:center;padding:7px;color:#eaf1f7;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);border-radius:8px;transition:background .16s ease,border-color .16s ease}
.asset-overview-list > a:hover,.asset-overview-list > a:focus-visible{background:rgba(255,255,255,.075);border-color:#e2a125}
.asset-overview-list > a:focus-visible{outline:2px solid #e2a125;outline-offset:2px}
.asset-overview-list img{width:68px;height:45px;object-fit:cover;border-radius:5px}
.asset-overview-list > a > span{min-width:0}
.asset-overview-list strong,.asset-overview-list small{display:block}
.asset-overview-list strong{color:#fff;font-size:.69rem}
.asset-overview-list small{margin-top:2px;color:#9fb0c1;font-size:11px;overflow-wrap:anywhere}
.asset-overview-list em{color:#D9A441;font-size:11px;font-style:normal;font-weight:800;white-space:nowrap}
.asset-overviews--single .asset-overview-list > a{min-height:96px;grid-template-columns:104px 1fr auto;padding:10px}
.asset-overviews--single .asset-overview-list img{width:104px;height:70px}
.asset-overviews__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}
.asset-overviews__route{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;padding:10px 12px;color:#eaf1f7;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);border-radius:8px;font-size:11px;font-weight:760;line-height:1.3;transition:background .16s ease,border-color .16s ease}
.asset-overviews__actions .asset-overviews__route{margin-top:0}
.asset-overviews__route:hover,.asset-overviews__route:focus-visible{background:rgba(255,255,255,.075);border-color:#e2a125}
.asset-overviews__route:focus-visible{outline:2px solid #e2a125;outline-offset:2px}
.asset-overviews__empty{min-height:172px;display:grid;align-content:center;gap:12px;padding:16px;color:#d7e0e9;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:8px}
.asset-overviews__empty p{max-width:68ch;margin:0;color:#9fb0c1;font-size:.69rem;line-height:1.55}
.asset-overviews__empty .asset-overviews__actions{margin-top:0}
.asset-cockpit__fine{grid-area:fine;margin:0;padding-top:8px;color:#93a5b7;border-top:1px solid rgba(255,255,255,.12);font-size:11px;line-height:1.45}

@media(max-width:980px){
  .asset-cockpit__grid{grid-template-columns:1fr;grid-template-areas:"intro" "questions" "answer" "overviews" "fine";grid-template-rows:auto;gap:12px;padding-block:18px}
  .asset-intro{min-height:260px}
  .asset-questions__grid{height:auto}
  .asset-questions__grid button{min-height:80px}
}

@media(max-width:520px){
  .asset-cockpit-page{overflow-x:hidden}
  .asset-cockpit__grid{width:min(calc(100% - 24px),1180px);padding-block:14px}
  .asset-intro{min-height:210px}
  .asset-intro__copy{padding:16px}
  .asset-intro__copy small{font-size:11px}
  .asset-intro__copy strong{font-size:1.65rem}
  .asset-intro__copy em{min-height:40px;font-size:.7rem}
  .asset-questions > header{padding:14px}
  .asset-questions h1{font-size:1.35rem}
  .asset-questions__grid button{min-height:72px;padding:11px 12px}
  .asset-questions__grid button small{font-size:11px}
  .asset-questions__grid button strong{font-size:.74rem}
  .asset-answer{padding:16px}
  .asset-answer p{min-height:0;font-size:.72rem}
  .asset-overviews{padding:13px}
  .asset-overviews > header > a{min-height:40px}
  .asset-overview-list{grid-auto-flow:column;grid-auto-columns:min(82vw,330px);grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-bottom:4px}
  .asset-overview-list > a{min-height:82px;grid-template-columns:72px 1fr;scroll-snap-align:start}
  .asset-overview-list > a em{grid-column:2}
  .asset-overview-list img{width:72px;height:58px;grid-row:1 / span 2}
  .asset-overview-list strong{font-size:.74rem}
  .asset-overview-list small,.asset-overview-list em{font-size:11px}
  .asset-overviews--single .asset-overview-list{display:block;overflow:visible;padding-bottom:0}
  .asset-overviews--single .asset-overview-list > a{min-height:92px;grid-template-columns:82px 1fr;padding:9px}
  .asset-overviews--single .asset-overview-list > a em{grid-column:2}
  .asset-overviews--single .asset-overview-list img{width:82px;height:64px;grid-row:1 / span 2}
  .asset-overviews__actions{grid-template-columns:1fr}
  .asset-overviews__route{min-height:46px;font-size:11px}
  .asset-overviews__empty{min-height:0;padding:13px}
  .asset-overviews__empty p{font-size:.7rem}
  .asset-cockpit__fine{font-size:11px}
}