/* /fund/alliance-mortgage-fund/ — Tier 2 page CSS. Loaded only by this page; tokens, type scale
   and buttons come from styles.css, and sizing is on @container page like every other page here
   (a viewport media query does not fire for the page shell in embedded or scaled contexts).

   The register: premium and investor-facing, not a specification sheet. Structure comes from
   hairline rules and generous space; labels stay small, quiet and sans; every ANSWER is set in
   Newsreader at reading size so the page reads as an editorial document rather than a table.
   Two grounds only — Paper and white — with one Navy figures band and one Navy close. */

.amf{--amf-r:6px;--amf-max:60ch}

/* ---- the shared 12-column frame: a sticky contents rail in 1–2, content in 3–12 ---- */
/* ONE grid run for the whole page, so the rail is a continuous spine. The rail holds TWO columns
   (ample for 13px nav links) and the reading column starts immediately beside it at column 3, so
   the space between navigation and content is the grid's own gutter rather than a dead column. */
.amf-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 40px;align-items:start}
.amf-body-col{grid-column:3 / span 10;min-width:0}

/* Sections that fall AFTER the rail's travel take the full twelve columns. The reading column
   starts at column 3, whose left edge is `pad + 2w + 80` — TWO gutters, one inside the rail's own
   two-column span and one between the rail and the content — so the step back is 2w + 80. Against
   the reading column's width B (B = 10w + 360, so w = (B − 360) / 10) that is 0.2B + 8. Derived,
   not eyeballed, so it stays exact at any container width; the rail has already released by then,
   so nothing is ever covered. */
.amf-fw{margin-left:calc(-20% - 8px);width:calc(120% + 8px)}

/* The rail. z-index is load-bearing: the section grounds are painted by pseudo-elements on
   elements that come LATER in the DOM, so without a stacking position the rail is covered by
   every ground it scrolls past. The sticky element is the INNER box and its travel is bounded by
   the rail's own height, which amf-motion.js measures so the rail releases before the FAQ rather
   than riding down to the footer. Not fixed: it scrolls away with its containing block. */
.amf-rail{grid-column:1 / span 2;position:relative;z-index:2;align-self:start;height:var(--amf-rail-h,auto)}
.amf-rail__in{position:sticky;top:104px;padding:72px 0 40px}
.amf-rail__t{font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0 0 14px;transition:color 150ms cubic-bezier(.2,.6,.2,1)}
.amf-rail__l{list-style:none;margin:0;padding:0;border-left:1px solid var(--line);transition:border-color 150ms cubic-bezier(.2,.6,.2,1)}
.amf-rail__l a{display:block;padding:9px 0 9px 16px;margin-left:-1px;border-left:2px solid transparent;font-family:var(--font-sans);font-size:13px;line-height:1.35;color:var(--text-muted);text-decoration:none;transition:color 150ms cubic-bezier(.2,.6,.2,1),border-color 150ms cubic-bezier(.2,.6,.2,1)}
.amf-rail__l a:hover{color:var(--brand-navy)}
.amf-rail__l a.is-at{color:var(--brand-navy);border-left-color:var(--brand-accent);font-weight:600}
/* Sitting above the grounds means the rail also crosses the Navy figures band and the Navy close,
   where its own Navy-on-Navy type would be unreadable. Same rail, same geometry, inverted ink —
   amf-motion.js sets this from the section background passing behind the rail, never from the
   active-section trigger, and the 150ms transitions above carry the change. */
.amf-rail.is-inv .amf-rail__t{color:var(--sky-300)}
@media (prefers-reduced-motion:reduce){.amf-rail__t,.amf-rail__l,.amf-rail__l a{transition:none}}
.amf-rail.is-inv .amf-rail__l{border-left-color:rgba(145,195,235,.32)}
.amf-rail.is-inv .amf-rail__l a{color:var(--sky-300)}
.amf-rail.is-inv .amf-rail__l a:hover{color:var(--text-inverse)}
.amf-rail.is-inv .amf-rail__l a.is-at{color:var(--text-inverse);border-left-color:var(--brand-accent)}

/* ---- 1 the hero: full width, above the rail, 7/5, sized to fit the viewport ---- */
/* The whole hero fits a desktop viewport, so the copy can be vertically centred against the
   photograph and the reading run begins at a predictable place. The 84px masthead and the
   section's own padding come out of the height; svh, not vh, so mobile browser chrome cannot
   push the image out of frame. The defined terms are their own section beneath — they do not
   belong inside a height-bounded hero. */
.amf-hero{position:relative;padding:56px 0 64px}
.amf-hero__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 40px;align-items:center;min-height:calc(100svh - 84px - 120px)}
.amf-hero__copy{grid-column:1 / span 7;align-self:center}
.amf-hero__ph{grid-column:8 / span 5;align-self:center}
.amf-hero__ph img{display:block;width:100%;height:min(calc(100svh - 84px - 140px),760px);object-fit:cover;object-position:50% 42%;border-radius:var(--amf-r)}
.amf-hero__dev{grid-column:1 / -1}

/* ---- section rhythm and shared type ---- */
/* Grounds are painted by a full-bleed pseudo-element so a section can own a ground while its
   content stays inside the rail's grid column. No section is boxed. Two things are load-bearing:
   isolation:isolate (without it the z-index:-1 ground paints BEHIND the body background and the
   section silently keeps its neighbour's Paper ground), and a large FIXED horizontal inset
   rather than -50vw (inside a scaled or embedded shell, vw is not the shell's own width, so a
   vw-based bleed stops short of the edge). The page shell clips, so nothing overflows. */
.amf-sec{position:relative;padding:72px 0;isolation:isolate}
/* Pacing: the two white sections — the portfolio and the risk pair — carry more air than the
   Paper ones, so the page alternates in scale rather than running at one density. */
.amf-sec--w{padding:104px 0}
.amf-sec--f{padding:96px 0}
/* ---- 2 Fund overview: one editorial spread on a tonal field ---- */
/* No rule between the hero and this section — the Paper-to-Fog change carries the transition on
   its own. Header row: heading left five, eligibility note right three, baselines aligned.
   Beneath, three fact→reason columns; hierarchy inside each column is typography alone (quiet
   sans fact against a Newsreader reason heading), never a divider.

   ALIGNMENT: this is the page's first section under the hero, so its offset to first content is
   the rail's top padding — the navigation's first line sits on the section's first line. Both are
   72px (12 margin + 60 padding here, 72 on .amf-rail__in). Change one and change the other. */
.amf-ov{padding:60px 0 108px;margin-top:12px}
.amf-ov::before{content:"";position:absolute;top:0;bottom:0;left:-1600px;right:-1600px;background:var(--brand-fog);z-index:-1}
.amf-ov__hd .eyebrow{margin-bottom:12px}
.amf-ov__h{font-size:44px;letter-spacing:-.026em;max-width:18ch}
/* The standfirst tier: H2 → value statement (.amf-sf) → supporting detail (.amf-intro / body,
   visually secondary). One style for every section standfirst; Fund Figures carries none. */
.amf-sf{font-family:var(--font-sans);font-size:17.5px;line-height:1.6;color:var(--text-primary);margin:20px 0 0;max-width:62ch}
/* Six identical modules on one 3×2 grid. One 2px Navy rule opens each; sentence-case
   Newsreader heading over an Instrument Sans description — one register throughout. */
.amf-ov__cols{margin-top:60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 52px}
.amf-ov__c{border-top:2px solid var(--brand-navy);padding-top:18px;min-width:0}
.amf-ov__t{font-family:var(--font-display);font-weight:500;font-size:24px;line-height:1.16;letter-spacing:-.014em;color:var(--brand-navy);margin:0;max-width:18ch}
.amf-ov__r{font-family:var(--font-sans);font-size:15px;line-height:1.64;color:var(--text-secondary);margin:12px 0 0;max-width:36ch}
.amf-sec--w::before,.amf-sec--f::before{content:"";position:absolute;top:0;bottom:0;left:-1600px;right:-1600px;z-index:-1}
.amf-sec--w::before{background:#fff}
.amf-sec--f::before{background:var(--brand-fog)}
.amf-col{position:relative}
.amf-h1{font-size:66px;line-height:1.02;letter-spacing:-.032em;color:var(--brand-navy);max-width:15ch;margin-top:12px}
.amf-h2{font-size:40px;line-height:1.06;letter-spacing:-.022em;color:var(--brand-navy);max-width:22ch}
.amf-h3{font-size:26px;line-height:1.15;letter-spacing:-.012em;color:var(--brand-navy);margin-top:56px;max-width:26ch}
.amf-lead{margin-top:26px;font-size:20px;line-height:1.58;color:var(--text-secondary);max-width:46ch}
.amf-intro{margin-top:18px;font-size:15.5px;line-height:1.62;color:var(--text-secondary);max-width:64ch}
.amf-body{font-size:16.5px;line-height:1.65;color:var(--text-secondary);max-width:var(--amf-max)}
.amf-body--s{font-size:15.5px;line-height:1.62}
.amf-body+.amf-body{margin-top:14px}
.amf-fn{margin-top:30px;font-family:var(--font-sans);font-size:11.5px;line-height:1.6;color:var(--text-muted);max-width:80ch}
.amf-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin-top:34px}
.amf-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:11px 0;font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--brand-navy);text-decoration:none}
.amf-link:hover{color:var(--brand-accent)}
.amf-more{display:flex;flex-wrap:wrap;gap:8px 34px;margin-top:34px;border-top:1px solid var(--line);padding-top:8px}
figure{margin:0}

/* ---- defined-term rows: the page's signature device ---- */
/* Quiet sans label, Newsreader answer at reading size. Hairline separated, never a table:
   labels do not repeat a column header and the answer is allowed to be a real sentence. */
.amf-terms{margin:44px 0 0;border-top:2px solid var(--brand-navy)}
.amf-terms__r{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 36px;padding:22px 0;border-bottom:1px solid var(--line)}
.amf-terms__k{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800);padding-top:5px}
.amf-terms__v{font-family:var(--font-display);font-weight:400;font-size:19px;line-height:1.5;color:var(--text-primary);margin:0;max-width:52ch}

/* ---- 3 portfolio: 5/3 text-image split on the subgrid ---- */
/* The reading column is treated as an eight-column subgrid: the terms hold five, the photograph
   three. Sections that divide evenly sit on that subgrid directly; three-up sections use three
   equal tracks on the same 40px gutter. Prose stays inside its own measure regardless. */
/* The photograph keeps its 4:5 crop and never stretches; it starts level with the heading and
   sticks through the section, releasing at the bottom of the portfolio detail rows. */
.amf-pf{margin-top:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0 40px;align-items:start}
.amf-pf__terms{grid-column:1 / span 5;min-width:0}
.amf-pf__ph{grid-column:6 / span 3;position:sticky;top:120px}
.amf-pf__ph img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center;border-radius:var(--amf-r)}
/* 2×2: four stages, two to a row, on the same gutter. */
.amf-stages{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}
.amf-stages__i{padding-top:22px;border-top:2px solid var(--brand-navy);min-width:0}
.amf-stages__n{display:block;font-family:var(--font-display);font-size:22px;line-height:1;color:var(--brand-accent);margin-bottom:12px}
.amf-stages__t{font-size:20px;line-height:1.2;margin-bottom:8px}
.amf-stages__i .amf-body{max-width:44ch}

/* ---- 4 Fund figures: the "Consistency supported by equity" module (APPROVED / LOCKED) ---- */
/* Open editorial data, not a dashboard: hairline rules and generous space, Newsreader figures,
   Instrument Sans labels. Lives inside the reading column; charts are responsive SVG. All
   animation initial-states are guarded under html.af so no-JS and reduced-motion render final. */
.amf-fig2{padding:88px 0}
.amf-fig2 .fx-head{max-width:none}
.amf-fig2 .fx-h{font-family:var(--font-display);font-weight:500;font-size:44px;line-height:1.06;letter-spacing:-.026em;color:var(--brand-navy);margin:12px 0 0;max-width:20ch}
.amf-fig2 .fx-sf{font-family:var(--font-sans);font-size:17.5px;line-height:1.6;color:var(--text-primary);margin:22px 0 0;max-width:62ch}
.amf-fig2 .fx-intro{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--text-secondary);margin:14px 0 0;max-width:64ch}
/* primary metric field */
.amf-fig2 .fx-metrics{margin-top:52px;border-top:2px solid var(--brand-navy);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.amf-fig2 .fx-m{padding:26px 40px 4px 0;min-width:0}
.amf-fig2 .fx-m+.fx-m{border-left:1px solid var(--line);padding-left:40px}
.amf-fig2 .fx-m__l{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800);margin:0;line-height:1.4;max-width:22ch}
.amf-fig2 .fx-m__v{font-family:var(--font-display);font-weight:500;font-size:62px;line-height:.98;letter-spacing:-.035em;color:var(--brand-navy);margin:18px 0 0;font-variant-numeric:tabular-nums}
.amf-fig2 .fx-m__d{font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--text-secondary);margin:14px 0 0;max-width:32ch}
.amf-fig2 .fx-split{margin:18px 0 0;height:12px;display:flex;border-radius:2px;overflow:hidden}
.amf-fig2 .fx-split i{display:block;height:100%}
.amf-fig2 .fx-split .loan{background:var(--brand-navy)}
.amf-fig2 .fx-split .eq{background:var(--brand-sky)}
.amf-fig2 .fx-split__k{display:flex;justify-content:space-between;gap:16px;margin-top:10px}
.amf-fig2 .fx-split__k span{font-family:var(--font-sans);font-size:11.5px;line-height:1.45;color:var(--text-secondary)}
.amf-fig2 .fx-split__k b{font-family:var(--font-sans);font-weight:700;color:var(--brand-navy);font-variant-numeric:tabular-nums}
.amf-fig2 .fx-split__k .eqk b{color:var(--sky-800)}
.amf-fig2 .fx-eqnote{font-family:var(--font-sans);font-size:12.5px;line-height:1.55;color:var(--text-secondary);margin:12px 0 0;max-width:32ch}
/* block rhythm */
.amf-fig2 .fx-blk{margin-top:72px}
.amf-fig2 .fx-blk__hd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;border-bottom:1px solid var(--line);padding-bottom:14px}
.amf-fig2 .fx-blk__t{font-family:var(--font-display);font-weight:500;font-size:24px;line-height:1.15;letter-spacing:-.014em;color:var(--brand-navy);margin:0;max-width:34ch}
.amf-fig2 .fx-blk__m{font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0}
.amf-fig2 .fx-blk__desc{font-family:var(--font-sans);font-size:13.5px;line-height:1.6;color:var(--text-secondary);margin:14px 0 0;max-width:70ch}
.amf-fig2 .fx-cap{font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--text-secondary);margin:16px 0 0;max-width:70ch}
.amf-fig2 .fx-cap b{color:var(--brand-navy);font-weight:600}
/* charts */
.amf-fig2 .fx-chart{margin-top:26px;width:100%}
.amf-fig2 .fx-chart svg{display:block;width:100%;height:auto}
.amf-fig2 .fx-legend{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:18px}
.amf-fig2 .fx-legend span{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:12px;color:var(--text-secondary)}
.amf-fig2 .fx-legend i{width:22px;height:0;border-top-width:2px;border-top-style:solid;display:inline-block}
.amf-fig2 .fx-legend i.dot{width:10px;height:10px;border:0;border-radius:50%;background:var(--brand-navy)}
.amf-fig2 .fx-legend i.avg{border-color:var(--brand-accent)}
.amf-fig2 .fx-legend i.med{border-color:var(--brand-navy);border-top-style:dashed;opacity:.5}
.amf-fig2 .fx-legend i.band{width:22px;height:12px;border:0;background:rgba(145,195,235,.28)}
/* secondary yield */
.amf-fig2 .fx-sec{margin-top:28px;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:44px;align-items:center}
.amf-fig2 .fx-sec__sum .v{font-family:var(--font-display);font-weight:500;font-size:40px;line-height:1;letter-spacing:-.03em;color:var(--brand-navy);font-variant-numeric:tabular-nums}
.amf-fig2 .fx-sec__sum .l{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800);margin:10px 0 0}
.amf-fig2 .fx-sec__sum .r{font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--text-secondary);margin:12px 0 0;max-width:34ch}
.amf-fig2 .fx-sec__sum .r b{color:var(--brand-navy);font-weight:600;font-variant-numeric:tabular-nums}
/* composition bars */
.amf-fig2 .fx-comp{margin-top:26px;display:grid;gap:34px}
.amf-fig2 .fx-comp__r{min-width:0}
.amf-fig2 .fx-comp__k{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800);margin:0}
.amf-fig2 .fx-comp__desc{font-family:var(--font-sans);font-size:12.5px;line-height:1.55;color:var(--text-secondary);margin:6px 0 12px;max-width:60ch}
.amf-fig2 .fx-bar{display:flex;height:38px;border-radius:3px;overflow:hidden;background:var(--brand-fog)}
.amf-fig2 .fx-bar i{display:flex;align-items:center;padding:0 12px;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}
.amf-fig2 .fx-bar .s1{background:var(--brand-navy);color:#fff}
.amf-fig2 .fx-bar .s2{background:var(--brand-sky);color:var(--brand-navy)}
.amf-fig2 .fx-bar .s3{background:var(--brand-stone);color:var(--brand-navy)}
.amf-fig2 .fx-bar__k{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px}
.amf-fig2 .fx-bar__k span{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:12.5px;color:var(--text-secondary)}
.amf-fig2 .fx-bar__k i{width:9px;height:9px;border-radius:2px;flex:none}
.amf-fig2 .fx-bar__k b{color:var(--brand-navy);font-weight:600;font-variant-numeric:tabular-nums}
.amf-fig2 .k1{background:var(--brand-navy)}.amf-fig2 .k2{background:var(--brand-sky)}.amf-fig2 .k3{background:var(--brand-stone)}
/* condition */
.amf-fig2 .fx-cond{margin-top:22px}
.amf-fig2 .fx-cond .fx-bar{height:30px}
.amf-fig2 .fx-cond .p{background:var(--brand-navy);color:#fff}
.amf-fig2 .fx-cond .d{background:#A36D2D;color:#fff}
.amf-fig2 .fx-cond .o{background:#9A4E46;color:#fff}
.amf-fig2 .kp{background:var(--brand-navy)}.amf-fig2 .kd{background:#A36D2D}.amf-fig2 .ko{background:#9A4E46}
/* fund discipline */
.amf-fig2 .fx-disc-row{margin-top:26px;border-top:2px solid var(--brand-navy);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.amf-fig2 .fx-di{padding:20px 32px 0 0;min-width:0}
.amf-fig2 .fx-di+.fx-di{border-left:1px solid var(--line);padding-left:32px}
.amf-fig2 .fx-di h4{font-family:var(--font-display);font-weight:500;font-size:21px;line-height:1.2;letter-spacing:-.01em;color:var(--brand-navy);margin:0}
.amf-fig2 .fx-di p{font-family:var(--font-sans);font-size:12.5px;line-height:1.6;color:var(--text-secondary);margin:10px 0 0;max-width:30ch}
/* disclosure */
.amf-fig2 .fx-disclosure{margin-top:60px;background:#F3F5F6;border-left:3px solid var(--brand-navy);padding:22px 26px}
.amf-fig2 .fx-disclosure p{font-family:var(--font-sans);font-size:12.5px;line-height:1.7;color:var(--text-secondary);max-width:88ch}
.amf-fig2 .fx-disclosure p+p{margin-top:10px}
/* animation initial-states, motion only (html.af added by amf-motion.js) */
.af .amf-fig2 .fx-bar i,.af .amf-fig2 .fx-split i{transition:width 1000ms cubic-bezier(.2,.6,.2,1)}
.af .amf-fig2 .fx-bar.pending i,.af .amf-fig2 .fx-split.pending i{width:0}
.af .amf-fig2 .fx-chart svg .dnode,.af .amf-fig2 .fx-chart svg .dlbl{opacity:0}

/* ---- Investor Overview update (Sep 2026): fourth composition segment, five underwriting
   questions, return bridge, liquidity terms, no-fund-level-leverage module ---- */
.amf-fig2 .fx-bar .s4{background:var(--brand-fog);color:var(--brand-navy)}
.amf-fig2 .k4{background:var(--brand-fog);border:1px solid var(--line)}
@container page (min-width:901px){.amf-stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 24px}}
.amf-bridge{margin-top:34px;max-width:640px}
.amf-bridge__b{border:1px solid var(--line);border-radius:6px;padding:22px 26px;background:#fff}
.amf-bridge__b--top{border-top:3px solid var(--brand-navy)}
.amf-bridge__b--bot{border-top:3px solid var(--brand-accent);background:var(--brand-paper)}
.amf-bridge__v{font-family:var(--font-display);font-weight:500;font-size:40px;line-height:1;color:var(--brand-navy);margin:0;font-variant-numeric:tabular-nums}
.amf-bridge__l{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800);margin:10px 0 0}
.amf-bridge__d{font-family:var(--font-sans);font-size:13px;line-height:1.55;color:var(--text-secondary);margin:8px 0 0}
.amf-bridge__arrow{width:2px;height:26px;background:var(--brand-navy);margin:0 auto;position:relative;opacity:.55}
.amf-bridge__arrow::after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);border:5px solid transparent;border-top:6px solid var(--brand-navy);border-bottom:0}
.amf-bridge__mid{padding:16px 26px;background:var(--brand-fog);border-radius:6px}
.amf-bridge__ml{font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin:0}
.amf-bridge__mt{font-family:var(--font-sans);font-size:13.5px;line-height:1.6;color:var(--text-secondary);margin:6px 0 0}
.amf-bridge__meta{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sky-800);margin:16px 0 0}
.amf-bridge__note{margin-top:14px;max-width:62ch}
.amf-liq__t{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.amf-liq__t>div{padding:20px 24px;border:1px solid var(--line);border-radius:6px;background:#fff}
.amf-liq__v{font-family:var(--font-display);font-weight:500;font-size:34px;line-height:1;color:var(--brand-navy);margin:0;font-variant-numeric:tabular-nums}
.amf-liq__l{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800);margin:10px 0 0}
.amf-liq__d{font-family:var(--font-sans);font-size:13px;line-height:1.55;color:var(--text-secondary);margin:8px 0 0}
.amf-liq__n{margin-top:22px;max-width:70ch}
.amf-lev__pts{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.amf-lev__pts>div{padding-top:18px;border-top:2px solid var(--brand-navy)}
.amf-lev__t{font-family:var(--font-display);font-weight:500;font-size:21px;line-height:1.2;color:var(--brand-navy);margin:0}
.amf-lev__d{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--text-secondary);margin:10px 0 0}
.amf-lev__aud{margin-top:36px;display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;padding:22px 26px;background:var(--brand-fog);border-left:3px solid var(--brand-navy);border-radius:0 6px 6px 0}
.amf-lev__av{font-family:var(--font-display);font-weight:500;font-size:44px;line-height:1;color:var(--brand-navy);margin:0;font-variant-numeric:tabular-nums}
.amf-lev__al{font-family:var(--font-sans);font-size:13.5px;line-height:1.55;color:var(--text-secondary);margin:0;max-width:56ch;flex:1 1 320px}
.amf-lev__al b{color:var(--brand-navy)}
@container page (max-width:900px){
  .amf-lev__pts,.amf-liq__t{grid-template-columns:1fr;gap:22px}
  .amf-bridge__v{font-size:34px}
}

/* ---- 5 distributions ---- */
.amf-inc{margin-top:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:stretch}
/* The two columns finish level: the term rows share whatever height the prose sets. */
.amf-inc__t{display:flex;flex-direction:column}
.amf-inc__t .amf-terms{margin-top:0;border-top-width:1px;display:flex;flex-direction:column;flex:1}
.amf-inc__t .amf-terms__r{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0;flex:1;align-content:center}
.amf-inc__t .amf-terms__v{font-size:17px}

/* ---- 6 risk: the pair of statements, plainly set ---- */
.amf-risk{margin:40px 0 0;border-top:2px solid var(--brand-navy)}
.amf-risk__r{display:grid;grid-template-columns:270px minmax(0,1fr);gap:10px 40px;padding:26px 0;border-bottom:1px solid var(--line)}
.amf-risk__k{font-family:var(--font-display);font-size:21px;line-height:1.22;color:var(--brand-navy);max-width:22ch}
.amf-risk__v{margin:0;font-size:15.5px;line-height:1.62;color:var(--text-secondary);max-width:56ch}
/* The disclosure treatment from the system: 3px navy rule on a cool ground, never a callout. */
.amf-disc{margin-top:40px;background:#F3F5F6;border-left:3px solid var(--brand-navy);padding:22px 26px}
.amf-disc p{font-family:var(--font-sans);font-size:12.5px;line-height:1.7;color:var(--text-secondary);max-width:82ch}

/* ---- 7 how investing works: 2×2 process grid ---- */
.amf-steps{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}
.amf-steps__i{display:block;padding-top:22px;border-top:2px solid var(--brand-navy);min-width:0}
.amf-steps__n{display:block;font-family:var(--font-display);font-size:24px;line-height:1;color:var(--brand-accent);margin-bottom:12px}
.amf-steps__t{font-size:21px;line-height:1.2;margin-bottom:8px}
.amf-steps__i .amf-body{max-width:46ch}

/* ---- 8 documents: full width, heading over three wide groups ---- */
/* ONE line treatment: the 2px Navy opening rule on each column and nothing else — no hairline
   above the columns, no hairline before the CTA. Whitespace does the separating. */
.amf-docs__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 56px;align-items:end}
.amf-docs__head .amf-intro{margin-top:0;max-width:52ch}
.amf-docs__head .amf-sf{max-width:none}
.amf-docs{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px}
.amf-docs__g{padding-top:26px;border-top:2px solid var(--brand-navy)}
.amf-docs__t{font-size:23px;line-height:1.2;margin-bottom:10px}
.amf-docs__g .amf-body{max-width:38ch}
.amf-docs__a{margin-top:16px;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800)}
.amf-sec--f .amf-more{border-top:0;padding-top:0;margin-top:52px}

/* ---- 9 the FAQ: the page's one interaction, on native details/summary ---- */
/* Two explicit column stacks, each owning its own hairlines and its own 2px navy opening rule,
   so an answer opening in one column never shifts the other column's rules. */
.amf-faq{margin-top:38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;align-items:start}
.amf-faq__col{border-top:2px solid var(--brand-navy);min-width:0}
.amf-faq__i{border-bottom:1px solid var(--line)}
.amf-faq__q{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font-family:var(--font-display);font-size:20px;line-height:1.25;color:var(--brand-navy)}
.amf-faq__q::-webkit-details-marker{display:none}
.amf-faq__q:hover{color:var(--brand-accent)}
.amf-faq__q>span:first-child{max-width:28ch}
/* One hairline cross that loses its vertical stroke when open — no chevron, no rotation. */
.amf-faq__ic{position:relative;width:14px;height:14px;justify-self:end}
.amf-faq__ic::before,.amf-faq__ic::after{content:"";position:absolute;background:var(--brand-navy);transition:opacity 180ms cubic-bezier(.2,.6,.2,1)}
.amf-faq__ic::before{left:0;right:0;top:6px;height:2px}
.amf-faq__ic::after{top:0;bottom:0;left:6px;width:2px}
.amf-faq__i[open] .amf-faq__ic::after{opacity:0}
.amf-faq__i[open] .amf-faq__q{color:var(--brand-navy)}
.amf-faq__a{padding:0 40px 26px 0}
@media (prefers-reduced-motion:reduce){.amf-faq__ic::before,.amf-faq__ic::after{transition:none}}

/* ---- the close: the dossier's closing spread ---- */
.amf-cl{position:relative;isolation:isolate;color:var(--text-inverse)}
.amf-cl::before{content:"";position:absolute;top:0;bottom:0;left:-1600px;right:-1600px;background:var(--brand-navy);z-index:-1}
.amf-cl__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 40px;padding-top:116px;padding-bottom:120px;align-items:start}
.amf-cl__copy{grid-column:1 / span 7}
.amf-cl__h{font-size:46px;line-height:1.06;letter-spacing:-.024em;color:var(--text-inverse);max-width:16ch}
.amf-cl__l{margin-top:20px;font-size:17px;line-height:1.62;color:var(--sky-300);max-width:46ch}
.amf-cl__act{grid-column:8 / span 5;display:grid;gap:8px;justify-items:start}
/* On Navy the design system's Navy primary would vanish: Sun carries the action, as it does in
   the /fund/ close. */
.amf-cl__act .ds-btn--primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-navy)}
.amf-cl__act .ds-btn--primary:hover{background:var(--sun-700);border-color:var(--sun-700);color:var(--brand-navy)}
.amf-cl__sec{display:grid;margin-top:14px;width:100%;border-top:1px solid rgba(145,195,235,.3)}
.amf-cl__sec .amf-link{color:var(--brand-sky);border-bottom:1px solid rgba(145,195,235,.18);width:100%}
.amf-cl__sec .amf-link:hover{color:var(--text-inverse)}

/* ---- motion: restrained entrances only. html.af is added by amf-motion.js itself, so with no
   JavaScript or under prefers-reduced-motion nothing here applies and nothing stays hidden. ---- */
.af .amf-rv>*{opacity:0;transform:translateY(10px)}
.af .amf-rv.is-in>*{opacity:1;transform:none;transition:opacity 300ms cubic-bezier(.2,.6,.2,1),transform 300ms cubic-bezier(.2,.6,.2,1)}

/* ---- responsive ---- */
@container page (max-width:1180px){
  .amf-rail{display:none}
  .amf-body-col{grid-column:1 / -1}
  /* No rail, so the reading column is already the full width: the step-back must be undone. */
  .amf-fw{margin-left:0;width:auto}
  .amf-h1{font-size:56px}
  .amf-pf{grid-template-columns:minmax(0,1fr) 38%;gap:44px}
}
@container page (max-width:1000px){
  .amf-faq{grid-template-columns:minmax(0,1fr);gap:0}
  .amf-faq__col--b{border-top:0}
  .amf-faq__q>span:first-child{max-width:40ch}
  .amf-docs{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}
  .amf-ov__h{font-size:37px}
  .amf-ov__cols{margin-top:48px;grid-template-columns:minmax(0,1fr);gap:40px}
  .amf-ov__r{max-width:56ch}
  .amf-ov__t{max-width:none}
  .amf-st__v{font-size:58px}
  .amf-st__v--w{font-size:36px;padding-top:20px}
  .amf-st__c{padding-right:24px}
  .amf-st__c+.amf-st__c{padding-left:24px}
}
@container page (max-width:900px){
  .amf-h1{font-size:44px}
  .amf-h2{font-size:31px}
  .amf-sec,.amf-sec--w,.amf-sec--f{padding:60px 0}
  .amf-hero{padding:48px 0 56px}
  .amf-hero__g{min-height:0}
  .amf-hero__copy,.amf-hero__ph{grid-column:1 / -1}
  .amf-hero__ph{max-width:420px;margin-top:40px}
  .amf-hero__ph img{height:auto;aspect-ratio:3 / 2}
  .amf-ov{padding:44px 0 64px}
  .amf-ov__h{font-size:30px}
  .amf-ov__cols{margin-top:36px;gap:32px}
  .amf-pf{grid-template-columns:minmax(0,1fr);gap:32px}
  .amf-pf__terms,.amf-pf__ph{grid-column:1 / -1}
  .amf-pf__ph{position:static;max-width:380px}
  .amf-pf__ph img{height:auto}
  .amf-stages,.amf-steps{grid-template-columns:minmax(0,1fr);gap:28px}
  .amf-stages,.amf-inc,.amf-docs{grid-template-columns:minmax(0,1fr)}  .amf-st__cells{grid-template-columns:minmax(0,1fr)}
  .amf-st__c{padding:22px 0 28px}
  .amf-st__c+.amf-st__c{border-left:0;padding-left:0}
  .amf-st__v{font-size:52px;margin-top:14px}
  .amf-st__v--w{font-size:34px;padding-top:0}
  .amf-figs__h{font-size:28px}
  .amf-docs__head{grid-template-columns:minmax(0,1fr);gap:18px}
  .amf-docs__head .amf-intro{margin-top:0}
  .amf-cl__copy,.amf-cl__act{grid-column:1 / -1}
}
/* Below 620px every grid on the page collapses to one column with NO column gap: a 12-column
   grid with a 40px column gap has a 440px minimum, which overflows a 390px viewport. */
@container page (max-width:620px){
  .amf-g,.amf-cl__g,.amf-hero__g{grid-template-columns:minmax(0,1fr);column-gap:0}
  .amf-terms__r,.amf-risk__r,.amf-steps__i{grid-template-columns:minmax(0,1fr);column-gap:0}
  .amf-faq__a{padding-right:0}
  .amf-h1{font-size:36px}
  .amf-h2{font-size:27px}
}
/* ---- Fund figures module responsive ---- */
@container page (max-width:1000px){
  .amf-fig2 .fx-m__v{font-size:54px}
  .amf-fig2 .fx-sec{grid-template-columns:minmax(0,1fr);gap:24px}
}
@container page (max-width:900px){
  .amf-fig2{padding:60px 0}
  .amf-fig2 .fx-h{font-size:33px}
  .amf-fig2 .fx-metrics{grid-template-columns:minmax(0,1fr)}
  .amf-fig2 .fx-m{padding:24px 0}
  .amf-fig2 .fx-m+.fx-m{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .amf-fig2 .fx-m__v{font-size:52px}
  .amf-fig2 .fx-disc-row{grid-template-columns:minmax(0,1fr)}
  .amf-fig2 .fx-di{padding:20px 0 0}
  .amf-fig2 .fx-di+.fx-di{border-left:0;border-top:1px solid var(--line);padding-left:0}
}