/* Stock Analysis uses the Fund Research tab's fund.css / mfa-home-iv.css palette.
   Layout stays specific to these tools; site chrome remains the shared component. */
:root {
  color-scheme: light;
  --ink: #0d1526;
  --ink2: #2b3452;
  --mut: #5a637a;
  --line: #ded5c2;
  --line2: #c8bda3;
  --paper: #efe9db;
  --paper2: #fff;
  --brand: #b8871c;
  --brand-d: #6f550f;
  --brand-lt: #dcab3c;
  --navy: #0d1526;
  --navy2: #1b2745;
  --navy-mid: #16233f;
  --navy-soft: #e3e9f3;
  --up: #0a5f58;
  --up-bg: #ddf5ee;
  --dn: #a52b22;
  --dn-bg: #fbe6e2;
  --t-gold: #faf1dc;
  --t-blue: #e6eef8;
  --t-red: #faeae6;
  --t-green: #e2f6ef;
  --sh: 0 1px 2px rgba(13,21,38,.08), 0 6px 20px rgba(13,21,38,.10);
  --sh-sm: 0 1px 2px rgba(13,21,38,.07), 0 2px 8px rgba(13,21,38,.08);
  --bg: var(--paper);
  --surface: var(--paper2);
  --gold: var(--brand);
  --gold-soft: var(--t-gold);
  --muted: var(--mut);
  --body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --display: 'Bebas Neue', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  font-family: var(--body);
  color: var(--ink);
  background: var(--paper);
}
html, body {background: var(--paper); color: var(--ink);}
body.stock-analysis-page {
  background-image: radial-gradient(1200px 400px at 90% -50px, rgba(201,152,42,.10), transparent 60%);
  background-attachment: fixed;
  font-family: var(--body);
  font-size: 14px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
button, input, select {font-family: var(--body);}
h1, h2, h3 {font-family: var(--display); font-weight: 400; letter-spacing: .5px; color: var(--navy);}
h1, .page-intro h1 {font-size: clamp(30px, 3vw, 42px); line-height: 1.05;}
h2, .section-head h2, .search-panel h2, .answer-panel h2 {font-size: 27px; line-height: 1.2;}
h3, .section-head.small h3, .sector-summary h3 {font-size: 22px; line-height: 1.2;}
p {color: var(--mut);}
::selection {background: var(--brand-lt); color: var(--navy);}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {outline-color: var(--brand);}

/* Five per cent on each side, without the former 1320px cap or nested padding. */
body.stock-analysis-page main.wrap {
  width: 90%;
  max-width: none;
  margin: 0 auto;
  padding: 24px 0 36px;
  min-width: 0;
}
.stock-analysis-page .chrome {padding-inline: 0;}
.stock-analysis-page .chrome .chrome-inner {width: 90%; max-width: none!important;}
.stock-analysis-page .mf-datebar {padding-inline: 5%;}
.stock-analysis-page .mfa-foot {padding-inline: 0;}
.stock-analysis-page .mfa-foot-in,
.stock-analysis-page .mfa-foot-legal,
.stock-analysis-page .mfa-foot .fdisc {width: 90%; max-width: none; margin-inline: auto;}
.page-intro {margin-bottom: 18px;}
.page-intro p {margin-top: 7px; font-size: 14px;}
.data-button, .inline-details summary, .rule summary, .table-hint {
  background: var(--t-gold); border-color: var(--brand-lt); color: var(--ink2);
}
.data-button:hover, .inline-details summary:hover, .rule summary:hover {background: #f5e6c0; border-color: var(--brand); color: var(--brand-d);}

.tool-tabs {gap: 14px; margin: 18px 0 24px;}
.tool-tabs > a {
  background: var(--paper2);
  color: var(--ink);
  border-color: var(--line2);
  border-radius: 14px;
  box-shadow: 0 4px 0 var(--line2), var(--sh);
}
.tool-tabs > a:after {background: none;}
.tool-tabs > a:hover {background: var(--t-gold); border-color: var(--brand); box-shadow: 0 6px 0 var(--line2), var(--sh);}
.tool-tabs > a:active {box-shadow: 0 2px 0 var(--line2), var(--sh-sm);}
.tool-tabs > a.active {background: linear-gradient(135deg, var(--navy), var(--navy2)); border-color: var(--navy); color: #fff; box-shadow: 0 4px 0 #070d19, 0 8px 18px rgba(13,21,38,.18);}
.tool-tabs > a.active:hover {background: var(--navy2); box-shadow: 0 6px 0 #070d19, 0 12px 24px rgba(13,21,38,.18);}
.tool-label strong {font-family: var(--body); font-weight: 700; letter-spacing: -.02em; color: inherit;}
.tool-label small {color: var(--mut); font-size: 12px;}
.tool-tabs > a.active .tool-label small {color: #c3ccdd;}
.tool-icon {background: var(--t-gold); border-color: var(--brand-lt); color: var(--brand-d); box-shadow: var(--sh-sm);}
.tool-tabs > a.active .tool-icon {background: var(--brand-lt); border-color: var(--brand-lt); color: var(--navy);}
.tool-selected {color: var(--brand-d);}
.tool-tabs > a.active .tool-selected {color: var(--brand-lt);}

.panel {background: var(--paper2); border-color: var(--line); border-radius: 14px; padding: 16px 18px; box-shadow: var(--sh);}
.scope {background: var(--paper2); padding: 14px 16px;}
.scope label {color: var(--mut); max-width: none;}
select {background: var(--t-gold); border-color: var(--brand-lt); color: var(--ink2);}
option {background: #fff; color: var(--ink);}
.search-box, .suggestions {background: #fff; border-color: var(--line2); color: var(--ink);}
.search-box input {color: var(--ink);}
.search-box input::placeholder {color: var(--mut); opacity: 1;}
.search-box:focus-within {border-color: var(--brand); box-shadow: 0 0 0 3px rgba(184,135,28,.18);}
.suggestions {box-shadow: var(--sh);}
.suggestions a:hover, .suggestions a:focus {background: var(--t-gold);}
.btn {background: linear-gradient(180deg, #dcab3c, #b8871c); border-color: var(--brand); color: #0d1526; box-shadow: 0 2px 0 #8b6617, inset 0 1px 0 rgba(255,255,255,.35); font-weight: 700;}
.btn:hover {background: #dcab3c;}
.btn.secondary {background: var(--t-gold); border-color: var(--brand-lt); color: var(--ink2); box-shadow: none;}
.btn.secondary:hover {background: #f5e6c0; color: var(--brand-d); border-color: var(--brand);}
.date-line > span {background: var(--t-gold); color: var(--brand-d); border-color: var(--line2);}
.date-line a {color: var(--mut);}
.stock-grid > a {border-color: var(--line);}
.stock-grid > a:hover, .stock-grid span b, .text-link, .change-question {color: var(--brand-d);}
.stats, .stats > div {border-color: var(--line);}
.stats strong {font-family: var(--mono); color: var(--navy); font-weight: 500; font-size: 25px;}
.verdict {background: linear-gradient(120deg, var(--t-gold), #fff); border-color: var(--line); border-left-color: var(--brand); color: var(--ink2); box-shadow: var(--sh-sm);}
.verdict b, .verdict strong {color: var(--ink);}
.history {border-color: var(--line);}
.history-bars b {color: var(--ink);}
.history-bars .column {border-color: var(--line2);}
.history-bars i {background: var(--navy);}
.sort-links a.on {background: var(--t-gold); color: var(--brand-d);}
.table-scroll {border-color: var(--line); border-radius: 12px; background: #fff;}
table {font-size: 14px;}
thead {background: #faf8f3;}
thead th {color: var(--mut); padding: 10px 14px; border-bottom: 2px solid var(--line2); font-size: 11.5px; font-weight: 700;}
tbody td, tbody th {border-color: var(--line); padding: 10px 14px; color: var(--ink);}
tbody tr:hover {background: #faf8f3;}
.text-link {border-color: var(--line2);}
.text-link:hover {color: var(--brand);}
.delta {color: var(--mut);}
.delta.up {color: var(--up);}
.delta.down {color: var(--dn);}
.mini-bar {background: #eee7d9;}
.mini-bar i {background: var(--brand);}
.basis > b {color: var(--brand-d);}
.basis strong {color: var(--ink);}
.sector-row {border-color: var(--line);}
.sector-row:hover, .sector-row.selected {background: var(--t-gold);}
.sector-row.selected {box-shadow: inset 2px 0 var(--brand);}
.sector-row > b {color: var(--ink2);}
.diverging:before {border-color: var(--line2);}
.diverging .positive {background: var(--navy);}
.diverging .negative {background: var(--brand);}
.sector-summary {background: #faf8f3; border-color: var(--line); border-radius: 12px;}
.sector-summary > strong {font-family: var(--mono); color: var(--navy); font-weight: 500;}
.summary-line, .sector-summary > small {border-color: var(--line); color: var(--mut);}
.summary-line b {color: var(--ink);}
.segmented {background: #fff; border-color: var(--line2);}
.segmented a {color: var(--ink2);}
.segmented a.on {background: var(--navy); color: #fff;}
.heatmap td a {color: var(--ink);}
.heatmap td a:hover {box-shadow: inset 0 0 0 1px var(--brand);}
.question-card {background: #fff; border-color: var(--line); border-radius: 9px;}
.question-card:hover {background: var(--t-gold); border-color: var(--brand);}
.question-card.on {background: var(--t-gold); border-color: var(--brand); box-shadow: inset 3px 0 var(--brand);}
.question-card.on strong {color: var(--brand-d);}
.answer-summary > strong {font-family: var(--mono); color: var(--navy); font-weight: 500;}
.answer-summary > span {color: var(--ink2);}
.methodology {background: #faf8f3;}
.methodology > summary {color: var(--ink2);}
.methodology > summary:before {background: var(--t-gold); border-color: var(--brand-lt); color: var(--brand-d);}
.stale {background: var(--t-gold); color: var(--brand-d);}

@media (max-width: 760px) {
  body.stock-analysis-page main.wrap {padding-block: 20px 28px;}
  .page-intro p {font-size: 12px;}
  .tool-label small {font-size: 10px;}
  .panel {padding: 14px;}
  .scope {padding: 12px;}
  h1, .page-intro h1 {font-size: 32px;}
  h2, .section-head h2, .search-panel h2, .answer-panel h2 {font-size: 24px;}
  h3, .section-head.small h3, .sector-summary h3 {font-size: 20px;}
  .stats strong {font-size: 23px;}
  .tool-tabs {gap: 8px;}
  .tool-label strong {font-size: 12px;}
}
@media print {
  html, body {background: #fff;}
  body.stock-analysis-page main.wrap {width: 100%; padding: 0;}
  .chrome, .mf-datebar, .mfa-foot {display: none!important;}
  .panel {box-shadow: none;}
}