/* /fund/self-directed-ira-investors/ — bespoke composition styles, scoped to `.iv` (the shared
   investor-type shell). Inherits grid, rail, hero, entrance motion and iv-* type from
   investor-type.css; adds only this page's four narrative chapters + "What you should know".
   California Modern; 6px radius; Navy / Sky / warm neutrals; restrained Sun; no em dashes. */

/* hero image: fills the mask completely with an intentional crop, 6px radius, and NO offset
   panel (removed Sep 2026 at user request so nothing reads as a bar/gutter around the photo). */
.iv .sd-hero__ph{position:relative;aspect-ratio:5 / 4}
.iv .sd-hero__ph::before{display:none}
.iv .sd-hero__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;border-radius:var(--iv-r)}

/* 1 + 2 — chapter statement paragraph (one dominant idea, generous measure) */
.iv .sd-statement{margin-top:26px;font-family:var(--font-sans);font-size:16.5px;line-height:1.7;color:var(--text-secondary);max-width:64ch}

/* quiet supporting trio / "what you should know" rows: label + line, hairline separated */
.iv .sd-points{margin:34px 0 0;border-top:2px solid var(--brand-navy)}
.iv .sd-points__r{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:8px 40px;padding:22px 0;border-bottom:1px solid var(--line)}
.iv .sd-points__k{font-family:var(--font-display);font-weight:500;font-size:20px;line-height:1.2;letter-spacing:-.008em;color:var(--brand-navy);margin:0}
.iv .sd-points__d{font-family:var(--font-sans);font-size:14.5px;line-height:1.62;color:var(--text-secondary);margin:0;max-width:62ch}

/* 3 — Alliance Mortgage Fund: compact preview on Navy */
.iv .sd-fund{color:var(--text-inverse)}
.iv .sd-fund__hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap;border-bottom:1px solid rgba(145,195,235,.28);padding-bottom:16px}
.iv .sd-fund .rule48{background:var(--brand-accent);margin:0 0 12px}
.iv .sd-fund .eyebrow.inv{color:var(--sky-300)}
.iv .sd-fund__h{font-family:var(--font-display);font-weight:500;font-size:32px;line-height:1.08;letter-spacing:-.02em;color:var(--text-inverse);margin:0;max-width:20ch}
.iv .sd-fund__asof{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sky-300);margin:0}
.iv .sd-fund__intro{font-family:var(--font-sans);font-size:15.5px;line-height:1.62;color:var(--sky-300);margin:22px 0 0;max-width:66ch}
.iv .sd-fund__figs{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.iv .sd-fund__v{font-family:var(--font-display);font-weight:500;font-size:46px;line-height:1;letter-spacing:-.03em;color:var(--text-inverse);margin:0;font-variant-numeric:tabular-nums}
.iv .sd-fund__l{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sky-300);margin:12px 0 0;line-height:1.4;max-width:20ch}
.iv .sd-fund__more{margin-top:26px}
.iv .sd-fund__cta.iv-link{color:var(--brand-sky)}
.iv .sd-fund__cta.iv-link:hover{color:var(--text-inverse)}
.iv .sd-fund__fn{font-family:var(--font-sans);font-size:11px;line-height:1.6;color:rgba(145,195,235,.7);margin:26px 0 0;max-width:none}

/* 4 — from retirement account to investment: one linear sequence, four connected steps */
.iv .sd-flow{list-style:none;margin:22px 0 0;padding:26px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.iv .sd-flow__s{position:relative;min-width:0}
.iv .sd-flow__s:not(:last-child)::after{content:"\2192";position:absolute;top:0;right:-24px;color:var(--brand-sky);font-family:var(--font-sans);font-size:18px;line-height:1}
.iv .sd-flow__n{display:block;font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1;color:var(--brand-accent);margin-bottom:12px}
.iv .sd-flow__t{font-family:var(--font-display);font-weight:500;font-size:20px;line-height:1.18;letter-spacing:-.01em;color:var(--brand-navy);margin:0}
.iv .sd-flow__d{font-family:var(--font-sans);font-size:13.5px;line-height:1.6;color:var(--text-secondary);margin:8px 0 0}
.iv .sd-flow__foot{margin-top:28px;font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--text-muted);max-width:72ch}

/* governed on-page disclosure: cool ground, 3px navy rule */
.iv .sd-disc{margin-top:44px;background:#F3F5F6;border-left:3px solid var(--brand-navy);padding:22px 26px}
.iv .sd-disc__k{font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-navy);margin:0 0 10px}
.iv .sd-disc p:not(.sd-disc__k){font-family:var(--font-sans);font-size:12.5px;line-height:1.7;color:var(--text-secondary);margin:0;max-width:90ch}
.iv .sd-disc p+p{margin-top:8px}

/* close: Navy, full width */
.iv .sd-cl{position:relative;isolation:isolate;color:var(--text-inverse)}
.iv .sd-cl::before{content:"";position:absolute;top:0;bottom:0;left:-1600px;right:-1600px;background:var(--brand-navy);z-index:-1}
.iv .sd-cl__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 40px;padding-top:104px;padding-bottom:112px;align-items:start}
.iv .sd-cl__copy{grid-column:1 / span 7}
.iv .sd-cl .rule60{background:var(--brand-accent)}
.iv .sd-cl__h{font-family:var(--font-display);font-weight:500;font-size:44px;line-height:1.06;letter-spacing:-.024em;color:var(--text-inverse);max-width:18ch;margin:14px 0 0}
.iv .sd-cl__l{margin-top:18px;font-family:var(--font-sans);font-size:17px;line-height:1.62;color:var(--sky-300);max-width:48ch}
.iv .sd-cl__act{grid-column:9 / span 4;display:grid;gap:8px;justify-items:start}
.iv .sd-cl__act .ds-btn--primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-navy)}
.iv .sd-cl__act .ds-btn--primary:hover{background:var(--sun-700);border-color:var(--sun-700);color:var(--brand-navy)}
.iv .sd-cl__sec{display:grid;margin-top:14px;width:100%;border-top:1px solid rgba(145,195,235,.3)}
.iv .sd-cl__sec .iv-link{color:var(--brand-sky);border-bottom:1px solid rgba(145,195,235,.18);width:100%;padding:11px 0}
.iv .sd-cl__sec .iv-link:hover{color:var(--text-inverse)}

/* responsive */
@container page (max-width:1000px){
  .iv .sd-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 36px}
  .iv .sd-flow__s:not(:last-child)::after{display:none}
  .iv .sd-fund__v{font-size:40px}
}
@container page (max-width:900px){
  .iv .sd-points__r{grid-template-columns:minmax(0,1fr);gap:6px}
  .iv .sd-cl__copy,.iv .sd-cl__act{grid-column:1 / -1}
  .iv .sd-cl__h{font-size:33px}
}
@container page (max-width:620px){
  .iv .sd-flow{grid-template-columns:minmax(0,1fr)}
  .iv .sd-fund__figs{grid-template-columns:minmax(0,1fr)}
  .iv .sd-fund__hd{align-items:flex-start}
}