html[data-route="ship"] main > :not(#shipDecision) { display:none !important; }
html:not([data-route="ship"]) #shipDecision { display:none !important; }

.ship-decision {
  width:min(var(--content-max), calc(100% - (var(--content-gutter) * 2)));
  margin:0 auto;
  scroll-margin-top:88px;
}
.decision-shell { display:grid; gap:18px; }
.decision-breadcrumb { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.decision-breadcrumb button {
  min-height:var(--tap-target); padding:0 14px; border:1px solid var(--line); border-radius:10px;
  background:#09101a; color:var(--muted); cursor:pointer;
}
.decision-breadcrumb button:hover { color:var(--text); border-color:var(--line-strong); }

.decision-hero {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center;
  padding:28px; border:1px solid var(--line); border-radius:20px;
  background:linear-gradient(135deg, rgba(14,23,36,.95), rgba(8,14,23,.90));
  box-shadow:var(--shadow); overflow:hidden;
}
.decision-identity { display:flex; align-items:center; gap:24px; min-width:0; }
.decision-image {
  width:210px; height:132px; flex:0 0 auto; border-radius:16px; overflow:hidden;
  border:1px solid var(--line); background:radial-gradient(circle at 50% 50%,rgba(122,167,255,.11),transparent 65%),#08101a;
}
.decision-image img { width:100%; height:100%; object-fit:cover; display:block; }
.decision-kicker, .decision-section-head p, .decision-side-kicker {
  margin:0 0 8px; color:var(--text-tertiary); font-size:10px; font-weight:850; letter-spacing:.14em; text-transform:uppercase;
}
.decision-identity h1 { margin:0; font-size:clamp(34px,4vw,58px); line-height:.96; letter-spacing:-.045em; }
.decision-status-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:17px; }
.decision-status {
  display:inline-flex; align-items:center; min-height:30px; padding:5px 10px; border-radius:999px;
  border:1px solid var(--line); background:rgba(255,255,255,.025); color:var(--muted); font-size:10px; font-weight:800;
}
.decision-status[data-tone="available"] { color:var(--green-2); border-color:rgba(89,215,165,.30); background:rgba(89,215,165,.07); }
.decision-status[data-tone="unavailable"] { color:#a6b0be; }
.decision-status[data-tone="removed"] { color:var(--red); border-color:rgba(240,119,126,.26); }
.decision-price-block { min-width:190px; text-align:right; }
.decision-price-block small { display:block; color:var(--text-tertiary); font-size:9px; font-weight:850; letter-spacing:.12em; }
.decision-price-block strong { display:block; margin-top:8px; font-size:42px; letter-spacing:-.05em; }
.decision-price-block a { display:inline-block; margin-top:12px; color:var(--green-2); font-size:11px; font-weight:750; text-decoration:none; }

.decision-answer {
  display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr); gap:28px; padding:26px 28px;
  border:1px solid var(--line); border-radius:18px; background:rgba(12,19,30,.84); position:relative; overflow:hidden;
}
.decision-answer::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--blue); }
.decision-answer[data-tone="high"]::before { background:var(--amber); }
.decision-answer[data-tone="moderate"]::before { background:var(--blue); }
.decision-answer[data-tone="low"]::before { background:var(--green); }
.decision-answer p { margin:0 0 8px; color:var(--text-tertiary); font-size:10px; font-weight:850; letter-spacing:.15em; }
.decision-answer h2 { margin:0; font-size:clamp(26px,3vw,42px); letter-spacing:-.04em; }
.decision-answer > div > span { display:block; margin-top:11px; max-width:800px; color:var(--muted); font-size:14px; line-height:1.65; }
.decision-confidence { padding-left:24px; border-left:1px solid var(--line); align-self:stretch; }
.decision-confidence small { color:var(--text-tertiary); font-size:9px; font-weight:850; letter-spacing:.12em; }
.decision-confidence strong { display:block; margin-top:8px; font-size:16px; }
.decision-confidence span { display:block; margin-top:7px; color:var(--muted); font-size:11px; line-height:1.55; }

.decision-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; align-items:start; }
.decision-main, .decision-side > section, .decision-history {
  border:1px solid var(--line); border-radius:18px; background:rgba(12,19,30,.80);
}
.decision-main { padding:24px; }
.decision-section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.decision-section-head h2, .decision-section-head h3 { margin:0; letter-spacing:-.025em; }
.decision-section-head h2 { font-size:22px; }
.decision-section-head h3 { font-size:17px; }
.decision-section-head > span { color:var(--text-tertiary); font-size:10px; text-align:right; }
.decision-section-head.compact { align-items:center; }
.decision-metrics {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:18px; overflow:hidden;
  border:1px solid var(--line); border-radius:14px; background:#09101a;
}
.decision-metric { min-height:104px; padding:17px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.decision-metric:nth-child(3n) { border-right:0; }
.decision-metric:nth-last-child(-n+3) { border-bottom:0; }
.decision-metric small { display:block; color:var(--text-tertiary); font-size:8px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.decision-metric strong { display:block; margin-top:8px; font-size:18px; }
.decision-metric span { display:block; margin-top:5px; color:var(--muted); font-size:9px; line-height:1.4; }

.decision-event-block { margin-top:24px; padding-top:22px; border-top:1px solid var(--line); }
.decision-event-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.decision-event-pill {
  display:inline-flex; align-items:center; min-height:30px; padding:5px 10px; border-radius:999px;
  border:1px solid color-mix(in srgb,var(--event-color),transparent 58%); color:var(--event-color);
  background:color-mix(in srgb,var(--event-color),transparent 90%); font-size:10px; font-weight:780;
}
.decision-footnote, .decision-empty { color:var(--text-tertiary); font-size:10px; line-height:1.5; }
.decision-footnote { margin:10px 0 0; }

.decision-timeline-block { margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.decision-timeline-wrap { margin-top:16px; overflow-x:auto; border:1px solid var(--line); border-radius:14px; background:#080f18; }
#decisionTimeline { display:block; width:100%; min-width:720px; height:auto; }
.decision-chart-bg { fill:#09111b; }
.decision-grid { stroke:rgba(255,255,255,.065); stroke-width:1; }
.decision-axis { fill:#75849a; font-size:10px; }
.decision-event-label { font-size:10px; font-weight:760; }
.decision-price-line { stroke-width:4; stroke-linecap:round; }
.decision-price-jump { stroke:#d8e1ec; stroke-width:2.5; }
.decision-band-label { fill:#63738a; font-size:8px; font-weight:800; letter-spacing:.08em; }

.decision-side { position:sticky; top:90px; }
.decision-facts { padding:22px; }
.decision-facts > div { padding:16px 0; border-top:1px solid var(--line); }
.decision-facts > div:first-of-type { border-top:0; }
.decision-facts small { display:block; color:var(--text-tertiary); font-size:8px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.decision-facts strong { display:block; margin-top:6px; font-size:15px; }
.decision-facts span { display:block; margin-top:6px; color:var(--muted); font-size:10px; line-height:1.55; }

.decision-history { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; }
.decision-history details { min-width:0; border-right:1px solid var(--line); }
.decision-history details:last-child { border-right:0; }
.decision-history summary { min-height:62px; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; gap:14px; cursor:pointer; list-style:none; }
.decision-history summary::-webkit-details-marker { display:none; }
.decision-history summary span { font-weight:800; }
.decision-history summary small { color:var(--text-tertiary); font-size:9px; }
.decision-history details > div { border-top:1px solid var(--line); max-height:360px; overflow:auto; }
.decision-history-row { min-height:58px; padding:10px 18px; display:flex; justify-content:space-between; align-items:center; gap:18px; border-bottom:1px solid var(--line); }
.decision-history-row:last-child { border-bottom:0; }
.decision-history-row span { min-width:0; display:flex; flex-direction:column; gap:3px; }
.decision-history-row strong { font-size:11px; }
.decision-history-row small { color:var(--text-tertiary); font-size:9px; }
.decision-history-row b { max-width:48%; text-align:right; color:#dce5ef; font-size:10px; font-weight:750; }

@media (max-width:1119px) {
  .decision-hero { grid-template-columns:1fr; }
  .decision-price-block { text-align:left; }
  .decision-layout { grid-template-columns:1fr; }
  .decision-side { position:static; }
  .decision-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:0 18px; }
  .decision-side-kicker { grid-column:1/-1; }
  .decision-facts > div { border-top:0; border-left:1px solid var(--line); padding:8px 18px; }
  .decision-facts > div:first-of-type { border-left:0; padding-left:0; }
}

@media (max-width:759px) {
  html[data-route="ship"] main { width:100%; padding:18px 0 28px; }
  .ship-decision { width:calc(100% - 24px); }
  .decision-shell { gap:12px; }
  .decision-breadcrumb button { padding:0 11px; font-size:11px; }
  .decision-hero { padding:18px; gap:18px; border-radius:16px; }
  .decision-identity { align-items:flex-start; gap:14px; }
  .decision-image { width:112px; height:82px; border-radius:12px; }
  .decision-kicker { font-size:8px; margin-bottom:6px; }
  .decision-identity h1 { font-size:clamp(28px,9vw,40px); }
  .decision-status-row { margin-top:12px; gap:6px; }
  .decision-status { min-height:28px; font-size:9px; padding:4px 8px; }
  .decision-price-block strong { font-size:34px; }
  .decision-answer { grid-template-columns:1fr; gap:18px; padding:20px; border-radius:15px; }
  .decision-answer h2 { font-size:27px; }
  .decision-answer > div > span { font-size:13px; }
  .decision-confidence { padding:16px 0 0; border-left:0; border-top:1px solid var(--line); }
  .decision-main { padding:17px; border-radius:15px; }
  .decision-section-head { align-items:flex-start; flex-direction:column; gap:5px; }
  .decision-section-head > span { text-align:left; font-size:9px; }
  .decision-metrics { grid-template-columns:1fr 1fr; }
  .decision-metric { min-height:92px; }
  .decision-metric:nth-child(3n) { border-right:1px solid var(--line); }
  .decision-metric:nth-child(2n) { border-right:0; }
  .decision-metric:nth-last-child(-n+3) { border-bottom:1px solid var(--line); }
  .decision-metric:nth-last-child(-n+2) { border-bottom:0; }
  .decision-metric strong { font-size:15px; }
  .decision-event-pill { min-height:32px; }
  .decision-timeline-wrap { margin-left:-17px; margin-right:-17px; border-radius:0; border-left:0; border-right:0; }
  #decisionTimeline { min-width:660px; }
  .decision-facts { grid-template-columns:1fr; }
  .decision-facts > div, .decision-facts > div:first-of-type { border-left:0; border-top:1px solid var(--line); padding:14px 0; }
  .decision-facts > div:first-of-type { border-top:0; }
  .decision-history { grid-template-columns:1fr; }
  .decision-history details { border-right:0; border-bottom:1px solid var(--line); }
  .decision-history details:last-child { border-bottom:0; }
}

@media (max-width:480px) {
  .decision-breadcrumb { align-items:stretch; }
  .decision-breadcrumb button { flex:1; }
  .decision-identity { display:grid; grid-template-columns:86px minmax(0,1fr); }
  .decision-image { width:86px; height:70px; }
  .decision-status-row { grid-column:1/-1; }
  .decision-metrics { grid-template-columns:1fr; }
  .decision-metric, .decision-metric:nth-child(n) { border-right:0; border-bottom:1px solid var(--line); }
  .decision-metric:last-child { border-bottom:0; }
}