/* Zengince yatırım rehberi — sakin, karşılaştırılabilir ve kaynak odaklı. */
.investment-hub,
.investment-detail {
  --investment-bg: #0c1511;
  --investment-surface: #111d17;
  --investment-surface-2: #15231c;
  --investment-ink: #edf3ef;
  --investment-muted: #a7b5ad;
  --investment-line: #2a3a31;
  --investment-accent: #76c99a;
  --investment-accent-strong: #9cd9b5;
  --investment-accent-soft: #183426;
  --investment-warm: #d6b66e;
  min-height: 70vh;
  color: var(--investment-ink);
  background: var(--investment-bg);
}

[data-theme="light"] .investment-hub,
[data-theme="light"] .investment-detail {
  --investment-bg: #f3f4ef;
  --investment-surface: #fbfcf8;
  --investment-surface-2: #edf1eb;
  --investment-ink: #17241d;
  --investment-muted: #5d6b63;
  --investment-line: #d3dbd4;
  --investment-accent: #176f4b;
  --investment-accent-strong: #0e5a3b;
  --investment-accent-soft: #e2eee6;
  --investment-warm: #9a6a19;
}

.investment-shell {
  width: min(1400px, calc(100% - 48px));
  margin: 0 auto;
}

.investment-hero {
  margin-top: 72px;
  padding: 58px 0 52px;
  border-bottom: 1px solid var(--investment-line);
  background: var(--investment-bg);
}

.investment-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(330px, .58fr);
  gap: clamp(46px, 7vw, 104px);
  align-items: end;
}

.investment-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  margin: 0 0 28px;
  color: var(--investment-muted);
  font-size: .76rem;
}

.investment-breadcrumb a {
  color: var(--investment-accent-strong);
}

.investment-kicker {
  display: block;
  color: var(--investment-accent-strong);
  font-size: .67rem;
  font-weight: 750;
  letter-spacing: .17em;
}

.investment-hero h1,
.investment-detail-copy h1 {
  max-width: 900px;
  margin: 14px 0 0;
  color: var(--investment-ink);
  font-family: var(--font-display);
  font-size: clamp(3rem, 6vw, 6.1rem);
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: .96;
}

.investment-hero h1 em {
  color: var(--investment-accent-strong);
  font-style: normal;
}

.investment-hero-copy > p,
.investment-detail-copy > p {
  max-width: 760px;
  margin: 24px 0 0;
  color: var(--investment-muted);
  font-size: 1.01rem;
  line-height: 1.75;
}

.investment-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
  margin-top: 28px;
}

.investment-primary-action {
  display: inline-flex;
  min-height: 46px;
  padding: 0 18px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border: 1px solid var(--investment-accent);
  border-radius: 9px;
  color: #f7fbf8;
  background: var(--investment-accent);
  font-size: .81rem;
  font-weight: 700;
}

[data-theme="light"] .investment-primary-action {
  color: #fff;
}

.investment-primary-action:hover {
  color: #fff;
  background: var(--investment-accent-strong);
}

.investment-text-action {
  color: var(--investment-ink);
  font-size: .8rem;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: var(--investment-line);
  text-underline-offset: 5px;
}

.investment-hero-facts {
  display: flex;
  margin: 35px 0 0;
}

.investment-hero-facts div {
  min-width: 124px;
  padding-right: 25px;
}

.investment-hero-facts div + div {
  padding-left: 25px;
  border-left: 1px solid var(--investment-line);
}

.investment-hero-facts dt {
  color: var(--investment-ink);
  font-family: var(--font-display);
  font-size: 1.38rem;
  font-weight: 600;
}

.investment-hero-facts dd {
  margin: 2px 0 0;
  color: var(--investment-muted);
  font-size: .66rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.investment-decision-card {
  padding: 27px 28px 24px;
  border: 1px solid var(--investment-line);
  border-radius: 15px;
  background: var(--investment-surface);
}

.investment-decision-card > span {
  color: var(--investment-warm);
  font-size: .62rem;
  font-weight: 750;
  letter-spacing: .16em;
}

.investment-decision-card h2 {
  margin: 12px 0 19px;
  color: var(--investment-ink);
  font-size: 1.28rem;
  line-height: 1.35;
}

.investment-decision-card ol {
  margin: 0;
  padding: 0;
}

.investment-decision-card li {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--investment-line);
}

.investment-decision-card li strong {
  color: var(--investment-accent-strong);
  font-size: .74rem;
}

.investment-decision-card li small {
  color: var(--investment-muted);
  font-size: .74rem;
  line-height: 1.45;
}

.investment-decision-card > p {
  margin: 16px 0 0;
  color: var(--investment-muted);
  font-size: .7rem;
  line-height: 1.6;
}

.investment-hub .legacy-content-ad-shell,
.investment-detail .legacy-content-ad-shell {
  margin: 0;
  padding-top: 22px;
  background: var(--investment-bg);
}

.investment-framework,
.investment-catalogue,
.investment-research,
.investment-related,
.investment-comments,
.investment-detail-body {
  padding: 62px 0;
  background: var(--investment-bg);
}

.investment-framework,
.investment-related {
  border-bottom: 1px solid var(--investment-line);
}

.investment-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 470px);
  gap: 36px;
  align-items: end;
  margin-bottom: 28px;
}

.investment-section-heading h2 {
  margin: 8px 0 0;
  color: var(--investment-ink);
  font-size: clamp(2rem, 3.6vw, 3.5rem);
  font-weight: 500;
  line-height: 1.04;
}

.investment-section-heading > p {
  margin: 0;
  color: var(--investment-muted);
  font-size: .86rem;
  line-height: 1.65;
}

.investment-dimensions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--investment-line);
  border-radius: 15px;
  overflow: hidden;
  background: var(--investment-surface);
}

.investment-dimensions article {
  min-width: 0;
  padding: 27px;
}

.investment-dimensions article + article {
  border-left: 1px solid var(--investment-line);
}

.investment-dimensions article > span,
.investment-reading-index {
  color: var(--investment-accent-strong);
  font-size: .62rem;
  font-weight: 750;
  letter-spacing: .13em;
}

.investment-dimensions h3 {
  margin: 20px 0 8px;
  color: var(--investment-ink);
  font-size: 1.08rem;
}

.investment-dimensions p {
  margin: 0;
  color: var(--investment-muted);
  font-size: .77rem;
  line-height: 1.65;
}

.investment-catalogue {
  padding-top: 72px;
}

.investment-toolbar {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) auto max-content;
  gap: 14px;
  align-items: center;
  margin-bottom: 24px;
  padding: 12px;
  border: 1px solid var(--investment-line);
  border-radius: 13px;
  background: var(--investment-surface);
}

.investment-search {
  display: flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  border: 1px solid var(--investment-line);
  border-radius: 8px;
  color: var(--investment-muted);
  background: var(--investment-bg);
}

.investment-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--investment-ink);
  background: transparent;
  font: inherit;
  font-size: .78rem;
}

.investment-search input::placeholder {
  color: var(--investment-muted);
  opacity: .78;
}

.investment-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.investment-filters button {
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--investment-muted);
  background: transparent;
  font: inherit;
  font-size: .69rem;
  cursor: pointer;
}

.investment-filters button:hover,
.investment-filters button.is-active {
  border-color: var(--investment-line);
  color: var(--investment-ink);
  background: var(--investment-accent-soft);
}

.investment-result-count {
  padding: 0 6px;
  color: var(--investment-muted);
  font-size: .7rem;
  white-space: nowrap;
}

.investment-result-count strong {
  color: var(--investment-ink);
}

.investment-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.investment-card {
  display: flex;
  min-height: 390px;
  padding: 24px;
  flex-direction: column;
  border: 1px solid var(--investment-line);
  border-radius: 14px;
  color: var(--investment-ink);
  background: var(--investment-surface);
}

.investment-card[hidden] {
  display: none;
}

.investment-card:hover {
  border-color: var(--investment-accent);
  color: var(--investment-ink);
  transform: translateY(-2px);
}

.investment-card-topline {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
}

.investment-card-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid var(--investment-line);
  border-radius: 8px;
  background: var(--investment-surface-2);
  font-size: 1rem;
}

.investment-card-group {
  overflow: hidden;
  color: var(--investment-accent-strong);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.investment-card-index {
  color: var(--investment-muted);
  font-size: .63rem;
  font-variant-numeric: tabular-nums;
}

.investment-card h3 {
  margin: 25px 0 10px;
  color: var(--investment-ink);
  font-size: 1.26rem;
  line-height: 1.26;
}

.investment-card > p {
  display: -webkit-box;
  min-height: 68px;
  margin: 0;
  overflow: hidden;
  color: var(--investment-muted);
  font-size: .78rem;
  line-height: 1.58;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.investment-card-metrics {
  margin: 23px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--investment-line);
}

.investment-card-metrics > div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 6px 0;
}

.investment-card-metrics dt {
  color: var(--investment-muted);
  font-size: .64rem;
}

.investment-card-metrics dd {
  min-width: 0;
  margin: 0;
  color: var(--investment-ink);
  font-size: .68rem;
  font-weight: 650;
  text-align: right;
}

.investment-meter,
.investment-scorecard dd > span {
  display: block;
  height: 3px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 99px;
  background: var(--investment-line);
}

.investment-meter i,
.investment-scorecard dd > span i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--investment-accent);
}

.investment-card-link {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 20px;
  color: var(--investment-accent-strong);
  font-size: .72rem;
  font-weight: 700;
}

.investment-empty {
  padding: 50px 24px;
  border: 1px dashed var(--investment-line);
  border-radius: 14px;
  text-align: center;
  background: var(--investment-surface);
}

.investment-empty strong { color: var(--investment-ink); }
.investment-empty p { margin: 5px 0 0; color: var(--investment-muted); font-size: .78rem; }

.investment-research {
  border-top: 1px solid var(--investment-line);
  background: var(--investment-surface-2);
}

.investment-research-grid {
  display: grid;
  grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
  gap: clamp(38px, 7vw, 100px);
  align-items: start;
}

.investment-research h2 {
  margin: 10px 0 14px;
  color: var(--investment-ink);
  font-size: clamp(2rem, 3.4vw, 3.2rem);
  font-weight: 500;
  line-height: 1.05;
}

.investment-research p {
  margin: 0;
  color: var(--investment-muted);
  font-size: .84rem;
  line-height: 1.7;
}

.investment-source-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--investment-line);
  border-radius: 14px;
  overflow: hidden;
  background: var(--investment-surface);
}

.investment-source-list a {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: center;
  min-height: 86px;
  padding: 18px;
  color: var(--investment-ink);
}

.investment-source-list a:nth-child(even) { border-left: 1px solid var(--investment-line); }
.investment-source-list a:nth-child(n + 3) { border-top: 1px solid var(--investment-line); }
.investment-source-list a:hover { color: var(--investment-accent-strong); background: var(--investment-accent-soft); }
.investment-source-list strong { font-size: .74rem; }
.investment-source-list span { color: var(--investment-muted); font-size: .69rem; line-height: 1.4; }
.investment-source-list b { font-size: .8rem; font-weight: 500; }

.investment-disclaimer {
  padding: 22px 0;
  border-top: 1px solid var(--investment-line);
  background: var(--investment-bg);
}

.investment-disclaimer .investment-shell {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 26px;
  align-items: start;
}

.investment-disclaimer strong {
  color: var(--investment-warm);
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.investment-disclaimer p {
  margin: 0;
  color: var(--investment-muted);
  font-size: .72rem;
  line-height: 1.6;
}

/* Detail page */
.investment-detail-hero {
  margin-top: 72px;
  padding: 42px 0 50px;
  border-bottom: 1px solid var(--investment-line);
  background: var(--investment-bg);
}

.investment-detail-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 440px);
  gap: clamp(42px, 7vw, 100px);
  align-items: end;
}

.investment-detail-title-row {
  display: flex;
  gap: 19px;
  align-items: center;
}

.investment-detail-icon {
  display: grid;
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  place-items: center;
  border: 1px solid var(--investment-line);
  border-radius: 13px;
  background: var(--investment-surface);
  font-size: 1.65rem;
}

.investment-detail-copy h1 {
  font-size: clamp(2.7rem, 5vw, 5rem);
}

.investment-detail-copy .investment-primary-action {
  margin-top: 26px;
}

.investment-scorecard {
  padding: 24px;
  border: 1px solid var(--investment-line);
  border-radius: 15px;
  background: var(--investment-surface);
}

.investment-scorecard-header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: start;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--investment-line);
}

.investment-scorecard-header span,
.investment-scorecard-header strong { display: block; }
.investment-scorecard-header span { color: var(--investment-accent-strong); font-size: .6rem; font-weight: 750; letter-spacing: .13em; }
.investment-scorecard-header strong { margin-top: 5px; color: var(--investment-ink); font-size: 1rem; }
.investment-scorecard-header small { color: var(--investment-muted); font-size: .61rem; white-space: nowrap; }
.investment-scorecard dl { margin: 6px 0 0; }

.investment-scorecard dl > div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 12px 0;
}

.investment-scorecard dt { color: var(--investment-muted); font-size: .68rem; }
.investment-scorecard dd { margin: 0; text-align: right; }
.investment-scorecard dd strong { color: var(--investment-ink); font-size: .69rem; }
.investment-scorecard > p { margin: 10px 0 0; color: var(--investment-muted); font-size: .63rem; line-height: 1.55; }

.investment-detail-note {
  padding: 17px 0;
  border-bottom: 1px solid var(--investment-line);
  background: var(--investment-surface-2);
}

.investment-detail-note .investment-shell {
  display: flex;
  gap: 13px;
  align-items: center;
}

.investment-detail-note span {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border: 1px solid var(--investment-accent);
  border-radius: 50%;
  color: var(--investment-accent-strong);
  font-family: Georgia, serif;
  font-size: .76rem;
}

.investment-detail-note p { margin: 0; color: var(--investment-muted); font-size: .74rem; line-height: 1.55; }
.investment-detail-note strong { color: var(--investment-ink); }

.investment-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 38px;
  align-items: start;
}

.investment-reading-column {
  border: 1px solid var(--investment-line);
  border-radius: 16px;
  background: var(--investment-surface);
}

.investment-reading-section {
  padding: clamp(28px, 4vw, 50px);
}

.investment-reading-section + .investment-reading-section {
  border-top: 1px solid var(--investment-line);
}

.investment-reading-section h2 {
  margin: 12px 0 18px;
  color: var(--investment-ink);
  font-size: clamp(1.65rem, 2.8vw, 2.55rem);
  font-weight: 500;
}

.investment-reading-section > p {
  max-width: 820px;
  margin: 0;
  color: var(--investment-muted);
  font-size: .91rem;
  line-height: 1.82;
}

.investment-reading-section .investment-reading-lead {
  color: var(--investment-ink);
  font-size: 1rem;
}

.investment-inline-caution {
  margin-top: 24px;
  padding: 16px 18px;
  border-left: 3px solid var(--investment-warm);
  color: var(--investment-muted);
  background: var(--investment-surface-2);
  font-size: .74rem;
  line-height: 1.65;
}

.investment-inline-caution strong { color: var(--investment-ink); }

.investment-balance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.investment-balance-card {
  padding: 23px;
  border: 1px solid var(--investment-line);
  border-radius: 12px;
  background: var(--investment-bg);
}

.investment-balance-card h3 {
  margin: 0 0 16px;
  color: var(--investment-ink);
  font-size: 1rem;
}

.investment-balance-card li {
  position: relative;
  padding: 10px 0 10px 19px;
  border-top: 1px solid var(--investment-line);
  color: var(--investment-muted);
  font-size: .72rem;
  line-height: 1.6;
}

.investment-balance-card li::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--investment-accent);
}

.investment-balance-card--risk li::before { background: var(--investment-warm); }

.investment-question-list {
  margin: 0;
  padding: 0;
}

.investment-question-list li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 15px 0;
  border-top: 1px solid var(--investment-line);
}

.investment-question-list span { color: var(--investment-accent-strong); font-size: .65rem; font-weight: 750; }
.investment-question-list p { margin: 0; color: var(--investment-ink); font-size: .8rem; line-height: 1.55; }

.investment-detail-rail {
  display: grid;
  position: sticky;
  top: 92px;
  gap: 14px;
}

.investment-rail-card {
  padding: 23px;
  border: 1px solid var(--investment-line);
  border-radius: 14px;
  background: var(--investment-surface);
}

.investment-rail-card h2 { margin: 10px 0 16px; color: var(--investment-ink); font-size: 1.28rem; }
.investment-rail-card > p { margin: 15px 0 0; color: var(--investment-muted); font-size: .75rem; line-height: 1.67; }
.investment-rail-card > small { display: block; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--investment-line); color: var(--investment-muted); font-size: .62rem; line-height: 1.55; }
.investment-rail-links { display: grid; }
.investment-rail-links a { display: grid; gap: 2px; padding: 13px 0; border-top: 1px solid var(--investment-line); color: var(--investment-ink); }
.investment-rail-links strong { font-size: .72rem; }
.investment-rail-links span { color: var(--investment-muted); font-size: .63rem; }
.investment-rail-back { display: block; padding: 15px 18px; border: 1px solid var(--investment-line); border-radius: 10px; color: var(--investment-accent-strong); background: var(--investment-surface); font-size: .7rem; font-weight: 700; }

.investment-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.investment-related-grid > a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) max-content;
  gap: 13px;
  align-items: start;
  padding: 20px;
  border: 1px solid var(--investment-line);
  border-radius: 13px;
  color: var(--investment-ink);
  background: var(--investment-surface);
}

.investment-related-grid > a:hover { border-color: var(--investment-accent); color: var(--investment-ink); }
.investment-related-grid > a > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 9px; background: var(--investment-surface-2); }
.investment-related-grid div { min-width: 0; }
.investment-related-grid strong,
.investment-related-grid small { display: block; }
.investment-related-grid strong { font-size: .78rem; }
.investment-related-grid small { display: -webkit-box; margin-top: 6px; overflow: hidden; color: var(--investment-muted); font-size: .65rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.investment-related-grid b { color: var(--investment-accent-strong); font-size: .8rem; }

.investment-comments { padding-top: 0; }

@media (max-width: 1100px) {
  .investment-hero-grid,
  .investment-detail-hero-grid { grid-template-columns: minmax(0, 1fr) 340px; gap: 35px; }
  .investment-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .investment-dimensions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .investment-dimensions article:nth-child(3) { border-top: 1px solid var(--investment-line); border-left: 0; }
  .investment-dimensions article:nth-child(4) { border-top: 1px solid var(--investment-line); }
  .investment-toolbar { grid-template-columns: 1fr max-content; }
  .investment-filters { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 820px) {
  .investment-shell { width: min(100% - 28px, 680px); }
  .investment-hero,
  .investment-detail-hero { margin-top: 72px; padding: 30px 0 36px; }
  .investment-hero-grid,
  .investment-detail-hero-grid,
  .investment-section-heading,
  .investment-research-grid,
  .investment-detail-layout { grid-template-columns: 1fr; }
  .investment-decision-card,
  .investment-scorecard { margin-top: 4px; }
  .investment-section-heading { gap: 12px; }
  .investment-dimensions,
  .investment-card-grid,
  .investment-related-grid { grid-template-columns: 1fr; }
  .investment-dimensions article + article { border-top: 1px solid var(--investment-line); border-left: 0; }
  .investment-card { min-height: 0; }
  .investment-source-list { grid-template-columns: 1fr; }
  .investment-source-list a:nth-child(even) { border-left: 0; }
  .investment-source-list a + a { border-top: 1px solid var(--investment-line); }
  .investment-detail-rail { position: static; }
  .investment-balance-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .investment-shell { width: calc(100% - 24px); }
  .investment-hero h1,
  .investment-detail-copy h1 { font-size: clamp(2.35rem, 12vw, 3.35rem); }
  .investment-detail-title-row { align-items: flex-start; gap: 12px; }
  .investment-detail-icon { width: 46px; height: 46px; flex-basis: 46px; font-size: 1.2rem; }
  .investment-hero-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .investment-hero-facts div { min-width: 0; padding-right: 10px; }
  .investment-hero-facts div + div { padding-left: 10px; }
  .investment-decision-card { padding: 22px 20px; }
  .investment-framework,
  .investment-catalogue,
  .investment-research,
  .investment-related,
  .investment-detail-body { padding: 40px 0; }
  .investment-toolbar { grid-template-columns: 1fr; }
  .investment-result-count { grid-row: 3; }
  .investment-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .investment-filters button:first-child { grid-column: 1 / -1; }
  .investment-card { padding: 20px; }
  .investment-card-metrics > div { grid-template-columns: 100px minmax(0, 1fr); }
  .investment-disclaimer .investment-shell { grid-template-columns: 1fr; gap: 6px; }
  .investment-detail-note .investment-shell { align-items: flex-start; }
  .investment-reading-section { padding: 25px 20px; }
  .investment-scorecard dl > div { grid-template-columns: 100px minmax(0, 1fr); }
  .investment-source-list a { grid-template-columns: 58px minmax(0, 1fr) max-content; }
}

@media (prefers-reduced-motion: reduce) {
  .investment-card { transition: none; }
  .investment-card:hover { transform: none; }
}