:root {
  --finance: #c7a46b;
  --finance-dark: #6a5738;
  --finance-soft: rgba(199, 164, 107, .11);
}

.finance-flow .flow__step--question { border-color: var(--finance-dark); }
.finance-flow .flow__step--question .flow__index { color: var(--finance); }

.ownership-model {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  margin-top: 28px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(14, 19, 24, .72);
}

.ownership-model h3 { margin: 0; color: var(--text); font-size: 20px; }
.ownership-model__head p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }

.share-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(34px, 1fr));
  gap: 7px;
  margin-top: 24px;
}

.share-grid span {
  display: grid;
  min-height: 42px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: rgba(23, 34, 43, .52);
  color: transparent;
  font: 12px/1 var(--mono);
}

.share-grid .share-grid__mine {
  border-color: var(--finance);
  background: var(--finance-soft);
  color: var(--finance);
}

.ownership-model__meaning { padding-left: 4px; }
.ownership-model__meaning ul { margin: 20px 0 0; padding: 0; list-style: none; }
.ownership-model__meaning li { position: relative; padding-left: 18px; color: var(--muted); font-size: 14px; }
.ownership-model__meaning li + li { margin-top: 13px; }
.ownership-model__meaning li::before { content: ""; position: absolute; top: .72em; left: 1px; width: 6px; height: 1px; background: var(--finance); }
.ownership-model__meaning strong { color: var(--text-2); }

.return-card__lead { min-height: 54px; margin: 0; color: var(--text-2); font-size: 15px; }
.return-card__facts { margin: 22px 0 0; }
.return-card__facts div { display: grid; grid-template-columns: 110px 1fr; gap: 18px; padding: 11px 0; border-top: 1px solid var(--line); }
.return-card__facts dt { color: var(--muted); font-size: 13px; }
.return-card__facts dd { margin: 0; color: var(--text); font-size: 14px; }
.return-card--dividend { box-shadow: inset 0 2px 0 rgba(134, 179, 148, .48); }
.return-card--price { box-shadow: inset 0 2px 0 rgba(199, 164, 107, .48); }

.price-result p { margin: 8px 0 0; color: var(--muted); font-size: 14px; }
.price-check { text-align: center; }

.investment-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  max-width: 900px;
  margin-top: 24px;
}

.investment-split article { padding: 20px 22px; border: 1px solid var(--line); border-radius: 7px; background: rgba(14, 19, 24, .5); }
.investment-split h3 { margin: 0 0 7px; color: var(--text); font-size: 17px; }
.investment-split p { margin: 0; color: var(--muted); font-size: 14px; }

.fund-model { display: grid; gap: 10px; margin-top: 28px; }
.fund-model__route { padding: 24px 26px; border: 1px solid var(--line); border-radius: 8px; background: rgba(14, 19, 24, .68); }
.fund-model__route--fund { border-color: var(--line-strong); background: linear-gradient(135deg, rgba(199, 164, 107, .08), rgba(14, 19, 24, .7)); }
.fund-model__route h3 { margin: 0 0 18px; color: var(--text); font-size: 18px; }
.fund-model__route > p { margin: 17px 0 0; color: var(--muted); font-size: 14px; }

.fund-route { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 16px; align-items: center; }
.fund-model__route--fund .fund-route { grid-template-columns: auto auto auto auto minmax(0, 1fr); }
.fund-route__person,
.fund-pool { padding: 8px 14px; border: 1px solid var(--line-strong); border-radius: 6px; color: var(--text); font-size: 14px; white-space: nowrap; }
.fund-pool { border-color: var(--finance-dark); background: var(--finance-soft); color: var(--finance); }
.fund-route__arrow { color: var(--muted); }
.asset-basket { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.asset-basket span { padding: 8px 10px; border-radius: 5px; background: rgba(23, 34, 43, .72); color: var(--text-2); font-size: 12px; text-align: center; white-space: nowrap; }

.fund-benefits article { min-height: 172px; }
.fund-table-block { margin-top: 28px; }
.fund-table-block .approach-table { min-width: 760px; }

.risk-note {
  max-width: 900px;
  margin: 42px 0 0;
  padding: 15px 18px;
  border-left: 2px solid var(--finance-dark);
  background: rgba(199, 164, 107, .06);
  color: var(--muted);
  font-size: 13px;
}

.article-footer {
  width: min(1080px, calc(100% - 64px));
  margin: 0 auto;
  padding: 26px 0 44px;
  border-top: 1px solid var(--line);
}

.article-footer a { color: var(--muted); font-size: 13px; text-decoration: none; }
.article-footer a:hover { color: var(--text); }

@media (max-width: 900px) {
  .ownership-model { grid-template-columns: 1fr; }
  .ownership-model__meaning { padding-left: 0; }
  .investment-split { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .cover h1 em { display: inline; margin-left: .16em; }
  .finance-flow { margin-top: 28px; }
  .ownership-model { padding: 22px 20px; }
  .share-grid { gap: 5px; }
  .share-grid span { min-height: 34px; }
  .return-card__lead { min-height: 0; }
  .return-card__facts div { grid-template-columns: 92px 1fr; gap: 12px; }
  .fund-model__route { padding: 22px 20px; }
  .fund-route,
  .fund-model__route--fund .fund-route { grid-template-columns: 1fr; gap: 10px; justify-items: start; }
  .fund-route__arrow { transform: rotate(90deg); margin-left: 22px; }
  .asset-basket { width: 100%; grid-template-columns: 1fr 1fr; }
  .article-footer { width: calc(100% - 30px); }
}