/* Coteau stock comparison (/tools/compare). Everything scoped under .scmp so nothing else on the site changes. */
.scmp{--scmp-navy:#15203F;--scmp-navy2:#1A2D58;--scmp-soft:#B9C6DA;--scmp-cy:#3EC8C9;--scmp-r:14px;--scmp-mcol:232px;--scmp-col:176px;max-width:1180px;margin:0 auto;padding-bottom:28px;min-width:0}
.scmp *{box-sizing:border-box}
html body main.wrap>.scmp{max-width:1180px!important;width:100%}
/* navy header card */
.scmp-hero{position:relative;background:linear-gradient(135deg,var(--scmp-navy2) 0%,var(--scmp-navy) 100%);color:#fff;border-radius:0;padding:18px 20px 16px;margin:8px 0 14px;box-shadow:0 10px 28px rgba(10,17,36,.20)}
.scmp-hero::after{content:"";position:absolute;left:20px;right:20px;top:0;height:2px;background:linear-gradient(90deg,var(--scmp-cy),rgba(62,200,201,0));opacity:.9;border-radius:2px}
html[data-theme] body.ct .scmp-hero h1{color:#fff!important;margin:2px 0 4px!important;font-size:26px!important}
.scmp-pick{margin:0}
.scmp-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.scmp-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 14px;border-radius:999px;background:#fff;color:var(--scmp-navy);font:600 15px/1 var(--f-body);letter-spacing:.01em}
.scmp-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
html[data-theme] body.ct .scmp-chip a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#5B6680!important;text-decoration:none!important;border:0!important;font-size:18px;line-height:1}
.scmp-chip a:hover{background:#EEF2F7}
.scmp-add{position:relative;display:inline-flex;align-items:center;gap:6px;flex:1 1 220px;max-width:340px;min-width:0}
.scmp-add input{flex:1;min-width:0;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;padding:0 16px;font:500 15px/1 var(--f-body);outline:none}
.scmp-add input::placeholder{color:#AEBBD0}
.scmp-add input:focus{border-color:var(--scmp-cy);background:rgba(255,255,255,.12)}
.scmp-go{height:40px;cursor:pointer}   /* look = the shared primary (tools.css .tl-btn.pri, cyan fade, 4px) */
.scmp-ac{position:absolute;left:0;right:0;top:46px;z-index:30;background:var(--surface,#fff);border:1px solid var(--line,#E3E7EC);border-radius:12px;box-shadow:0 12px 32px rgba(10,17,36,.18);overflow:hidden}
.scmp-ac button{display:flex;gap:10px;align-items:baseline;width:100%;text-align:left;padding:11px 14px;border:0;background:none;color:var(--ink);font:400 14px/1.3 var(--f-body);cursor:pointer}
.scmp-ac button b{min-width:52px;font-weight:600}.scmp-ac button span{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scmp-ac button.on,.scmp-ac button:hover{background:var(--surface-2,#F3F5F8)}
.scmp-hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10);font:400 12.5px/18px var(--f-body);color:var(--scmp-soft)}
html[data-theme] body.ct .scmp-hero-foot a{color:#fff!important;font-weight:600;text-decoration:none!important;border:0!important;white-space:nowrap}
.scmp-err{margin:0 0 12px}
/* cards */
.scmp-card{background:var(--surface,#fff);border:1px solid var(--line,#E3E7EC);border-radius:var(--scmp-r);padding:16px 18px;margin:0 0 14px}
html[data-theme] body.ct .scmp-card h2{font:600 17px/22px var(--f-head)!important;margin:0 0 8px!important;color:var(--ink)!important;letter-spacing:-.005em!important;text-transform:none!important}
.scmp-muted{color:var(--ink-2);font-size:14px;line-height:20px;margin:0 0 10px}
.scmp-empty .scmp-ex{display:flex;flex-wrap:wrap;gap:8px}
html[data-theme] body.ct .scmp-ex a{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line,#E3E7EC)!important;color:var(--ink)!important;text-decoration:none!important;font:600 14px/1 var(--f-body)}
.scmp-ex a:hover{background:var(--surface-2,#F3F5F8)}
.scmp-pend{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--surface-2,#F3F5F8);color:var(--ink-2);font-size:13.5px}
.scmp-dot2{width:8px;height:8px;border-radius:50%;background:var(--scmp-navy2);flex:none}
/* chart */
.scmp-ch-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
html[data-theme] body.ct .scmp-ch-hd h2{margin:0!important}
.scmp-tabs{max-width:100%}   /* look = tools.css .tl-seg */
.scmp-cw .chart,.scmp-cn .chart{width:100%;display:block}
.scmp-cw .chart{height:300px}.scmp-cn{display:none}.scmp-cn .chart{height:230px}
.scmp-chart .legend{display:none}
.scmp-chart .axis{font-size:11.5px}
.scmp-cap{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 4px;font-size:14px;color:var(--ink-2)}
.scmp-cap span{display:inline-flex;align-items:center;gap:7px}.scmp-cap i{width:14px;height:4px;border-radius:2px;display:inline-block}.scmp-cap b{color:var(--ink);font-weight:600}
.scmp-fine{margin:4px 0 0;font-size:12.5px;line-height:18px;color:var(--ink-2)}
/* table */
.scmp-tab{padding:12px 0 6px;position:relative}
.scmp-key{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:0 18px 10px;font-size:12.5px;color:var(--ink-2)}
.scmp-key-n{color:var(--ink-2)}
.scmp-swipe{display:none;margin-left:auto;color:var(--ink-2)}
.scmp-over .scmp-swipe{display:inline}
.scmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
.scmp-t{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:14.5px;line-height:20px}
.scmp-t col{width:var(--scmp-col)}
.scmp-t th,.scmp-t td{padding:11px 14px;border-bottom:1px solid var(--line,#E3E7EC);vertical-align:top;text-align:left}
.scmp-t th.scmp-m{position:sticky;left:0;z-index:2;background:var(--surface,#fff);width:var(--scmp-mcol);min-width:var(--scmp-mcol);font-weight:500;color:var(--ink);padding-left:18px}
.scmp-t.n2 td,.scmp-t.n2 th.scmp-h{width:auto}
.scmp-t td,.scmp-t th.scmp-h{min-width:var(--scmp-col);font-variant-numeric:tabular-nums}
.scmp-t thead th{border-bottom:1px solid var(--line-2,#CBD2DA);vertical-align:bottom}
.scmp-scrolled .scmp-t th.scmp-m{box-shadow:6px 0 8px -6px rgba(10,17,36,.18)}
.scmp-asof{display:block;font:500 11.5px/15px var(--f-body);color:var(--ink-2)}
html[data-theme] body.ct .scmp-h a{display:block;color:var(--ink)!important;text-decoration:none!important;border:0!important}
.scmp-hl{display:flex;align-items:center;gap:9px}
.scmp-hl>span:last-child{display:inline-flex;align-items:center;gap:7px}
.scmp-hl b{font:600 16px/1 var(--f-head)}.scmp-hl i{width:16px;height:4px;border-radius:2px;display:inline-block}
.scmp-hn{display:block;margin-top:6px;font-size:12.5px;line-height:16px;color:var(--ink-2);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scmp-hp{display:block;margin-top:2px;font-size:13px;color:var(--ink);font-weight:500}
.scmp-sec th{position:static;background:var(--surface-2,#F5F7F9)!important;padding:9px 0 8px!important;border-bottom:1px solid var(--line,#E3E7EC)}
.scmp-sec th>span{position:sticky;left:18px;display:inline-block;padding-left:18px;font:600 12px/16px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--scmp-navy2)}
html[data-theme=dark] .scmp-sec th>span{color:#B9C6DA}
.scmp-sec em{font-style:normal;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--ink-2);margin-left:6px}
.scmp-sub{display:block;font-size:12px;line-height:16px;color:var(--ink-2);font-weight:400;margin-top:2px}
.scmp-na{color:var(--ink-2)}
.scmp-mk{font-style:normal;font-size:9px;margin-left:6px;vertical-align:1px;color:var(--ink-2)}
.scmp-mk.hi{color:var(--scmp-navy2)}
html[data-theme=dark] .scmp-mk.hi{color:#B9C6DA}
.scmp-txt{font-size:13.5px}
.scmp-ml{display:block;line-height:19px}.scmp-ml+.scmp-ml{margin-top:3px}
html[data-theme] body.ct .scmp-ml a{color:var(--ink)!important;text-decoration:underline!important;text-decoration-color:var(--line-2,#CBD2DA)!important;text-underline-offset:2px;border:0!important}
.scmp-t tbody tr:last-child td,.scmp-t tbody tr:last-child th{border-bottom:0}
/* correlation */
.scmp-pairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px 28px}
.scmp-pair{display:grid;grid-template-columns:110px 1fr 44px;align-items:center;gap:10px;font-size:14px}
.scmp-pn{font-weight:500}.scmp-pair b{text-align:right;font-weight:600}
.scmp-bar{height:8px;border-radius:4px;background:var(--surface-2,#EEF1F5);overflow:hidden}.scmp-bar i{display:block;height:100%;background:var(--scmp-navy2);border-radius:4px}
html[data-theme=dark] .scmp-bar i{background:#7F94B8}
/* sources */
.scmp-src ul{margin:0;padding-left:18px;font-size:13px;line-height:19px;color:var(--ink-2)}.scmp-src li+li{margin-top:6px}.scmp-src b{color:var(--ink);font-weight:600}
.scmp-foot{font-size:12.5px;line-height:18px;color:var(--ink-2);margin:6px 2px 0}
@media (max-width:700px){
  .scmp{--scmp-mcol:126px;--scmp-col:102px}
  .scmp-hero{padding:16px 16px 14px;border-radius:0}
  html[data-theme] body.ct .scmp-hero h1{font-size:23px!important}
  .scmp-add{flex-basis:100%;max-width:none}
  .scmp-card{padding:14px 14px;border-radius:14px}
  .scmp-cw{display:none}.scmp-cn{display:block}
  .scmp-tab{padding-top:12px}
  .scmp-key{padding:0 14px 10px;font-size:12px}
  .scmp-key-n{flex-basis:100%;order:3}
  .scmp-t{font-size:14px}
  .scmp-t th,.scmp-t td{padding:10px 12px}
  .scmp-t th.scmp-m{padding-left:14px}
  .scmp-sec th>span{left:0;padding-left:14px}
  .scmp-hl b{font-size:15px}
  .scmp-pair{grid-template-columns:96px 1fr 40px}
  .scmp-hero-foot{font-size:12px}
}
.scmp-t.n2{min-width:calc(var(--scmp-mcol) + 2 * var(--scmp-col))}.scmp-t.n3{min-width:calc(var(--scmp-mcol) + 3 * var(--scmp-col))}.scmp-t.n4{min-width:calc(var(--scmp-mcol) + 4 * var(--scmp-col))}
.scmp-t th.scmp-h{width:var(--scmp-col)}

/* the site's table rule right-aligns every non-first cell; this table reads left to right */
html body.ct .scmp table.scmp-t td:not(#scmp-x),html body.ct .scmp table.scmp-t th:not(#scmp-x){text-align:left!important}
html[data-theme] body.ct .scmp .scmp-hero .scmp-hero-foot a:not(#scmp-x){color:#FFFFFF!important;text-decoration:none!important;border:0!important}
html[data-theme] body.ct .scmp .scmp-chip a:not(#scmp-x){color:#5B6680!important;text-decoration:none!important}
html[data-theme] body.ct .scmp th.scmp-m a.scmp-ml:not(#scmp-x){color:var(--ink)!important;text-decoration:underline!important;text-decoration-color:var(--line-2,#CBD2DA)!important;text-underline-offset:2px}
html[data-theme] body.ct .scmp .scmp-h a:not(#scmp-x){color:var(--ink)!important;text-decoration:none!important}
.scmp-gl{display:none;margin:4px 14px 8px;font-size:13px;color:var(--ink-2)}
.scmp-gl summary{cursor:pointer;font-weight:600;color:var(--ink);padding:6px 0}
.scmp-gl dl{margin:4px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.scmp-gl dt{font-weight:600;color:var(--ink)}.scmp-gl dd{margin:0}
@media (max-width:700px){
  .scmp-tab{padding:12px 0 4px}
  .scmp-t th .scmp-sub.h{display:none}
  .scmp-gl{display:block}
  .scmp-chip{height:36px;padding:0 2px 0 11px;gap:6px;font-size:14px}
  html[data-theme] body.ct .scmp .scmp-chip a:not(#scmp-x){width:26px;height:26px;font-size:17px}
  .scmp-chips{gap:6px}
  .scmp-add input,.scmp-go{height:38px}
  .scmp-sec th>span{white-space:normal;max-width:calc(100vw - 60px)}
  .scmp-t th,.scmp-t td{padding:10px 10px}
  .scmp-t th.scmp-m{padding-left:14px;font-size:13.5px;line-height:18px}
  .scmp-hn{font-size:12px}
  .scmp-hl{gap:7px}
  .scmp-txt{font-size:13px}
  .scmp-mk{margin-left:4px}
}
.scmp-t thead th.scmp-h{box-shadow:inset 0 3px 0 var(--scmp-c,transparent);padding-top:14px}

/* no entrance animations or transitions anywhere on this page (Jason, Oct 21 2026) */
.scmp,.scmp *,.scmp .chart *{animation:none!important;transition:none!important}
/* hints: plain one-liners, visible everywhere; key numbers bold, notes muted */
.scmp-t td{font-weight:600;color:var(--ink)}
.scmp-t td .scmp-sub,.scmp-t td .scmp-na{font-weight:400}
.scmp-t td.scmp-txt{font-weight:400}.scmp-t td.scmp-txt b{font-weight:600}
.scmp-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.scmp-sum{padding:16px 18px 12px}
.scmp-sl{margin:0 0 8px;font-size:16px;line-height:24px;color:var(--ink-2)}
.scmp-sll{color:var(--ink-2)}.scmp-sv{color:var(--ink);font-weight:600;white-space:nowrap}.scmp-slm{color:var(--ink-2);font-size:14px;white-space:nowrap}
.scmp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin:14px 0 8px}
.scmp-st{border:1px solid var(--line,#E3E7EC);border-radius:12px;padding:12px 14px 10px;box-shadow:inset 3px 0 0 var(--scmp-c)}
.scmp-st-h{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;min-width:0}
html[data-theme] body.ct .scmp .scmp-st-h a:not(#scmp-x){color:var(--ink)!important;text-decoration:none!important;font:600 17px/1 var(--f-head)}
.scmp-st-h span{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.scmp-st-h .scmp-st-p{margin-left:auto;color:var(--ink);font-weight:500;flex:none}
.scmp-st dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;margin:0}
.scmp-st dt{font-size:12px;line-height:16px;color:var(--ink-2)}
.scmp-st dd{margin:2px 0 0;font-size:17px;line-height:22px;font-weight:600;color:var(--ink);white-space:nowrap}
.scmp-how{padding:0}
.scmp-how summary{cursor:pointer;padding:14px 18px;font:600 15px/20px var(--f-body);color:var(--ink);list-style-position:inside}
.scmp-how-b{padding:0 18px 14px;font-size:13px;line-height:19px;color:var(--ink-2)}
html[data-theme] body.ct .scmp-how h3{font:600 13.5px/18px var(--f-body)!important;margin:14px 0 6px!important;color:var(--ink)!important;text-transform:none!important;letter-spacing:0!important}
.scmp-how ul{margin:0;padding-left:18px}.scmp-how li+li{margin-top:6px}.scmp-how b{color:var(--ink);font-weight:600}
.scmp-how dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:4px 12px}.scmp-how dt{font-weight:600;color:var(--ink)}.scmp-how dd{margin:0}
@media (max-width:700px){
  .scmp-t th .scmp-sub.h{display:block;font-size:11.5px;line-height:15px}
  .scmp-sum{padding:14px 14px 10px}
  .scmp-sl{font-size:15px;line-height:22px}
  .scmp-stats{grid-template-columns:1fr}
  .scmp-st dd{font-size:16px}
  .scmp-how summary{padding:13px 14px}.scmp-how-b{padding:0 14px 12px}
  .scmp-how dl{grid-template-columns:1fr}.scmp-how dd{margin-bottom:4px}
}

/* contrast: labels in the normal text colour; only footnotes and one-line explanations muted */
.scmp-st dt,.scmp-hn,.scmp-asof,.scmp-key,.scmp-cap{color:var(--ink)}
.scmp-st dt{font-size:13px;line-height:17px}
/* returns grid (replaces the run-on summary lines) */
.scmp-rg{width:100%;border-collapse:collapse;font:400 14px/20px var(--f-body);font-variant-numeric:tabular-nums;margin:0 0 4px}
.scmp-rg th,.scmp-rg td{padding:11px 8px;border-bottom:1px solid var(--line,#E3E7EC);text-align:right!important;white-space:nowrap}
.scmp-rg thead th{padding-top:2px;padding-bottom:9px;font-weight:600;color:var(--ink);font-size:14px}
.scmp-rg thead th .scmp-dot{width:8px;height:8px;margin-right:6px;vertical-align:1px}
.scmp-rg tbody th{text-align:left!important;font-weight:400;color:var(--ink);padding-left:0}
.scmp-rg thead th:first-child{padding-left:0}
.scmp-rg td{font-weight:600;color:var(--ink)}
.scmp-rg td.up{color:var(--up,#0B7340)}.scmp-rg td.down{color:var(--down,#B8302A)}
.scmp-rg .spy{font-weight:400!important;color:var(--ink-2)!important}
.scmp-rg tbody tr:last-child th,.scmp-rg tbody tr:last-child td{border-bottom:0}
.scmp-rg .ln{display:none}
.scmp-rg td:last-child,.scmp-rg th:last-child{padding-right:0}
@media (max-width:420px){
  .scmp-rg{font-size:13px}.scmp-rg thead th{font-size:13px}
  .scmp-rg th,.scmp-rg td{padding:10px 4px}
  .scmp-rg thead th .scmp-dot{margin-right:4px}
  .scmp-rg.n3 .lw,.scmp-rg.n4 .lw{display:none}.scmp-rg.n3 .ln,.scmp-rg.n4 .ln{display:inline}
}
@media (max-width:370px){.scmp-rg.n4 thead th .scmp-dot{display:none}}
/* calm layout (Oct 21 2026) */
.scmp .scmp-hero{padding-top:16px}
html[data-theme] body.ct .scmp .scmp-hero h1{font-size:20px!important;margin:0 0 12px!important}
.scmp .scmp-hero-foot{font-size:13px}
.scmp .scmp-sec th>span{text-transform:none;letter-spacing:0;font:600 14px/18px var(--f-body);color:var(--ink)}
html[data-theme=dark] .scmp .scmp-sec th>span{color:var(--ink)}
.scmp .scmp-t th .scmp-sub.h{display:none!important}
.scmp .scmp-tab.show-h .scmp-t th .scmp-sub.h{display:block!important}
.scmp-info{margin-left:auto;border:1px solid var(--line,#E3E7EC);background:var(--surface,#fff);color:var(--ink);border-radius:999px;height:30px;padding:0 12px;font:500 13px/1 var(--f-body);cursor:pointer}
.scmp-info[aria-pressed=true]{background:var(--surface-2,#F3F5F8)}
.scmp .scmp-key .scmp-swipe{margin-left:10px}
.scmp .scmp-t td{font-size:14px}
.scmp-fold{padding:0}
.scmp-fold>summary{cursor:pointer;padding:14px 18px;font:600 15px/20px var(--f-body);color:var(--ink)}
.scmp-fold .scmp-pairs{padding:0 18px 14px}
.scmp-fold .scmp-scroll{padding-bottom:6px}
@media (max-width:700px){.scmp-fold>summary{padding:13px 14px}.scmp-fold .scmp-pairs{padding:0 14px 12px}}
@media (max-width:420px){
  .scmp-rg.n4 th,.scmp-rg.n4 td{padding-left:2px;padding-right:2px}
  .scmp-rg.n4 thead th .scmp-dot{display:none}
  .scmp-rg.n4 tbody th{padding-right:4px}
}
@media (max-width:370px){.scmp-rg.n4,.scmp-rg.n4 thead th{font-size:12.5px}}
.scmp-rg .s{display:none}
@media (max-width:420px){.scmp-rg.n4 .f{display:none}.scmp-rg.n4 .s{display:inline}}
/* analysts' consensus on each card (quoted, as reported) */
.scmp-st-a{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line,#E3E7EC);font-size:13px;line-height:19px;color:var(--ink)}
.scmp-st-a .k{display:block;font-size:12px;line-height:16px;color:var(--ink-2)}
.scmp-st-a .v,.scmp-st-a .t{display:block}
.scmp-st-a b{font-weight:600}
.scmp-st-a b.up{color:var(--up,#0B7340)}.scmp-st-a b.down{color:var(--down,#B8302A)}
.scmp-st-a .d{color:var(--ink-2);margin:0 6px}

/* 4 stocks at 360 (QA Oct 21): grid items default to min-width:auto, so a nowrap figure or long company name pushed each
   card past the screen and clipped prices ("$220.3"). Let cards and their three stat columns shrink; long names ellipsize. */
.scmp-stats{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.scmp-st{min-width:0}
.scmp-st dl{grid-template-columns:repeat(3,minmax(0,1fr))}
.scmp-st dl>div{min-width:0}
.scmp-st-h a{flex:none}
.scmp-st-h span:not(.scmp-st-p){flex:1 1 auto}
@media (max-width:700px){.scmp-stats{grid-template-columns:minmax(0,1fr)}}
@media (max-width:380px){.scmp-st{padding:12px 12px 10px}.scmp-st dl{gap:8px 8px}.scmp-st dd{font-size:15px}.scmp-st dt{font-size:12.5px;line-height:16px}}
/* dropped / unknown ticker: one calm line, not an error page */
.scmp-note{margin:0 0 12px;padding:10px 14px;border:1px solid var(--line,#E3E7EC);border-radius:10px;font-size:14px;line-height:20px;color:var(--ink);background:var(--card,#fff)}