/* ---------------------------------------------------------------------- *
 * Resources, Contact and Where to Buy (page-resources.php, page-contact.php,
 * page-wheretobuy.php).
 *
 * One file for the three, loaded only on those templates, so a cached older
 * theme.css can never leave them half-styled. One layout, two palettes (the dark
 * values are the site's Signal tokens, as on the fund, Distributions and Research
 * pages).
 * ---------------------------------------------------------------------- */

.ss-pg{
	--p-page:#fff;
	--p-card:#f4f2f7;
	--p-card-hover:#ece8f2;
	--p-line:#e2dee9;
	--p-line-soft:#eae7ef;
	--p-input-line:#cfcad8;
	--p-ink:#1a1c22;
	--p-text:#57555f;
	--p-muted:#6b6874;
	--p-label:#6b6874;
	--p-accent:#007486;
	--p-accent-fill:#00abba;
	--p-accent-on:#04262a;
	--p-pill-line:#cfcad8;
	--p-deep:#f4f2f7;
	--p-cta-from:#0a1030;
	--p-cta-to:#13243f;
	background:var(--p-page);
	color:var(--p-text);
}
.ss-pg--dark{
	--p-page:#0a1030;
	--p-card:#141a3a;
	--p-card-hover:#192045;
	--p-line:#232845;
	--p-line-soft:#1b213f;
	--p-input-line:#2f3556;
	--p-ink:#edeff4;
	--p-text:#c4c9d4;
	--p-muted:#9aa1b0;
	--p-label:#838fa6;
	--p-accent:#00abba;
	--p-pill-line:rgba(237,239,244,.55);
	--p-deep:#070b22;
	--p-cta-from:#141a3a;
	--p-cta-to:#132341;
}
.ss-pg *{ box-sizing:border-box; }
.ss-pg h1,.ss-pg h2,.ss-pg h3,.ss-pg p,.ss-pg ul{ margin:0; padding:0; }
.ss-pg ul{ list-style:none; }

/* The site's one container formula (theme.css §3): side padding on the section, the
   content column (.ss-inner) centered inside it. */
.ss-pg__hero,.ss-pg__sec,.ss-pg__disc{ padding-inline:max(clamp(16px,5vw,44px), calc((100% - var(--content-max, 1152px)) / 2)); }

/* ---- hero ---- */
.ss-pg__hero{ border-bottom:1px solid var(--p-line); padding-block:clamp(40px,3.3vw,62px) clamp(32px,2.6vw,50px); }
.ss-pg__hero-in{ display:grid; grid-template-columns:minmax(0,60%) minmax(0,1fr); align-items:end; column-gap:0; row-gap:28px; }
.ss-pg__hero-in--wide{ grid-template-columns:minmax(0,58%) minmax(0,1fr); align-items:center; column-gap:0; }
.ss-pg__hero-in--wide .ss-pg__funds{ margin-left:clamp(0px,1.4vw,26px); }
.ss-pg__hero-text{ min-width:0; }
.ss-pg__eyebrow{ font-size:11.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--p-label); }
.ss-pg__h1{ margin-top:18px !important; max-width:9.5em; font-size:clamp(40px,3.75vw,72px); line-height:1; font-weight:700; letter-spacing:-.035em; color:var(--p-ink); }
.ss-pg--wtb .ss-pg__h1{ max-width:12em; font-size:clamp(38px,3.33vw,64px); }
.ss-pg--contact .ss-pg__h1{ max-width:10.6em; font-size:clamp(38px,3.33vw,64px); }
.ss-pg--contact .ss-pg__lead{ max-width:27.5em; font-size:clamp(16px,.99vw,19px); }
.ss-pg__lead{ margin-top:22px !important; max-width:28.5em; font-size:clamp(17px,1.04vw,20px); line-height:1.5; color:var(--p-text); }
.ss-pg--wtb .ss-pg__lead{ max-width:27.5em; font-size:clamp(16px,.99vw,19px); }
.ss-pg__label{ font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--p-label); }
.ss-pg__label--soft{ text-transform:none; letter-spacing:.06em; font-weight:500; font-size:11.5px; }
.ss-pg__aside{ display:flex; flex-direction:column; gap:14px; padding-bottom:4px; }
.ss-pg__aside .ss-pg__label{ text-transform:none; letter-spacing:.05em; font-weight:500; font-size:11.5px; }
.ss-pg__value{ margin-top:10px !important; font-size:clamp(22px,1.55vw,30px); line-height:1.15; font-weight:700; letter-spacing:-.015em; color:var(--p-ink); }
.ss-pg__pills{ display:flex; flex-wrap:wrap; gap:10px; }
.ss-pg__pill{
	display:inline-block; padding:11px 18px; border:1px solid var(--p-pill-line); border-radius:999px; font-size:10.5px; font-weight:700;
	letter-spacing:.1em; line-height:1; text-transform:uppercase; text-decoration:none; color:var(--p-ink); transition:border-color .15s ease, color .15s ease;
}
.ss-pg__pill:hover{ border-color:var(--p-accent); color:var(--p-accent); }
.ss-pg a:focus-visible,.ss-pg button:focus-visible,.ss-pg input:focus-visible,.ss-pg select:focus-visible,.ss-pg textarea:focus-visible{ outline:2px solid var(--p-accent); outline-offset:3px; }

/* ---- sections ---- */
.ss-pg__sec{ padding-block:clamp(36px,3.4vw,52px) 0; }
.ss-pg__sec:last-of-type{ padding-bottom:0; }
.ss-pg__sechead{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:22px; }
.ss-pg__sechead h2,.ss-pg__cta h2,.ss-pg__disc h2{ font-size:clamp(24px,1.56vw,30px); line-height:1.1; font-weight:700; letter-spacing:-.02em; color:var(--p-ink); }
.ss-pg__sechead--stack{ display:block; margin-bottom:18px; }
.ss-pg__sechead--rule{ margin-bottom:0; padding-bottom:18px; border-bottom:1px solid var(--p-line); }
.ss-pg__aside-note{ font-size:12.5px; color:var(--p-muted); }
.ss-pg__aside-note--left{ margin-top:8px !important; }
.ss-pg__foot{ margin-top:16px !important; font-size:13px; line-height:1.6; color:var(--p-muted); }
.ss-pg__foot--narrow{ max-width:84ch; margin-top:22px !important; }
.ss-pg__kicker{ font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--p-accent); }

/* ---- PDF badge (a label on a tile, a link in the table) ---- */
.ss-pg__badge{
	display:inline-block; padding:3px 8px; border:1px solid color-mix(in srgb, var(--p-accent) 55%, transparent); border-radius:2px;
	font-size:10px; font-weight:700; letter-spacing:.08em; line-height:1.35; color:var(--p-accent); text-decoration:none;
}
.ss-pg__badge--link{ padding:8px 15px; font-size:10.5px; background:color-mix(in srgb, var(--p-accent) 12%, transparent); transition:background-color .15s ease, border-color .15s ease; }
.ss-pg a.ss-pg__badge--link:hover{ background:color-mix(in srgb, var(--p-accent) 26%, transparent); border-color:var(--p-accent); }

/* ====================================================================== *
 * Resources
 * ====================================================================== */
.ss-pg__tablewrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; border-top:1px solid var(--p-line); }
.ss-pg__table{ width:100%; min-width:640px; border-collapse:collapse; }
.ss-pg__table thead th{ padding:18px 12px; font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; text-align:left; color:var(--p-muted); border-bottom:1px solid var(--p-line); white-space:nowrap; }
.ss-pg__table thead th.is-c{ text-align:center; font-weight:800; color:var(--p-ink); letter-spacing:.08em; }
.ss-pg__table td{ padding:18px 12px; vertical-align:middle; border-bottom:1px solid var(--p-line-soft); font-size:14px; line-height:1.5; }
.ss-pg__table td.is-c{ text-align:center; }
.ss-pg__table .ss-em-dash{ color:var(--p-muted); }
.ss-pg__table th:first-child,.ss-pg__table td:first-child{ padding-left:0; }
.ss-pg__table th.is-c,.ss-pg__table td.is-c{ width:11.5%; }
.ss-pg__group th{ padding-left:12px !important; }
.ss-pg__table td strong{ display:block; font-size:15px; font-weight:700; color:var(--p-ink); }
.ss-pg__meta{ display:block; margin-top:3px; font-size:11.5px; letter-spacing:.02em; color:var(--p-accent); }
.ss-pg__note{ display:block; margin-top:6px; max-width:40ch; font-size:13.5px; color:var(--p-muted); }
.ss-pg__group th{ padding:14px 12px !important; font-size:10.5px !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase; text-align:left !important; color:var(--p-label) !important; background:color-mix(in srgb, var(--p-ink) 4%, transparent); border-bottom:1px solid var(--p-line) !important; }

.ss-pg__tiles{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px; background:var(--p-page); border:1px solid var(--p-line); }
.ss-pg__tile{ display:flex; flex-direction:column; gap:10px; min-width:0; padding:clamp(18px,1.6vw,26px) clamp(18px,1.6vw,26px); background:var(--p-card); text-decoration:none; color:inherit; transition:background-color .15s ease; }
.ss-pg__tile:hover{ background:var(--p-card-hover); }
.ss-pg__tile-top{ display:flex; align-items:center; gap:10px; }
.ss-pg__tile-meta{ font-size:11px; letter-spacing:.04em; color:var(--p-muted); }
.ss-pg__tile strong{ font-size:16px; line-height:1.25; font-weight:700; color:var(--p-ink); }
.ss-pg__tile-note{ font-size:13.5px; line-height:1.5; color:var(--p-muted); }
.ss-pg__tile--row{ flex-direction:row; align-items:center; gap:14px; }
.ss-pg__tile--row strong{ font-size:14.5px; }

/* ---- the help panel and disclosures (all three pages) ---- */
.ss-pg__cta{
	display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; padding:clamp(28px,3.2vw,44px);
	background:radial-gradient(ellipse 60% 140% at 92% -10%, rgba(0,171,186,.2), transparent 70%), linear-gradient(110deg, var(--p-cta-from), var(--p-cta-to));
}
/* Where to Buy: buttons under the text, the panel fading into the page with a glow at the right */
.ss-pg__cta--stack{ flex-direction:column; align-items:flex-start; justify-content:center; gap:26px; padding:clamp(32px,3.6vw,56px) clamp(24px,3.4vw,44px);
	background:radial-gradient(ellipse 55% 120% at 82% 35%, rgba(10,110,160,.34), transparent 72%), var(--p-page); }
.ss-pg--light .ss-pg__cta--stack{ background:radial-gradient(ellipse 55% 120% at 82% 35%, rgba(10,110,160,.34), transparent 72%), #0a1030; }
.ss-pg__cta h2{ color:#fff; font-size:clamp(22px,1.46vw,28px); }
.ss-pg__cta p{ margin-top:12px !important; max-width:38em; font-size:clamp(15px,.86vw,16.5px); line-height:1.55; color:#c4c9d4; }
.ss-pg__cta-btns{ display:flex; gap:12px; flex-wrap:wrap; }
.ss-pg .ss-btn{ text-transform:none; letter-spacing:0; font-size:14.5px; font-weight:700; padding:0 24px; min-height:50px; }
.ss-pg .ss-btn--outline-light{ border-color:rgba(255,255,255,.3); }
.ss-pg--light .ss-btn--outline-light{ color:var(--p-ink); border-color:var(--p-pill-line); }
.ss-pg--light .ss-pg__cta .ss-btn--outline-light{ color:#fff; border-color:rgba(255,255,255,.3); }
.ss-pg__disc{ margin-top:clamp(44px,5vw,72px); padding-block:clamp(32px,4vw,52px) clamp(36px,4.4vw,56px); background:var(--p-deep); border-top:1px solid var(--p-line); }
.ss-pg__disc h2{ font-size:15px; letter-spacing:-.005em; margin-bottom:14px !important; }
.ss-pg__disc p{ font-size:15px; line-height:1.65; color:var(--p-muted); }
.ss-pg__disc p + p{ margin-top:12px !important; }
.ss-pg__disc strong{ color:var(--p-text); }

/* ====================================================================== *
 * Contact
 * ====================================================================== */
.ss-pg--contact .ss-pg__aside--stat{ gap:0; }
.ss-pg--contact .ss-pg__value{ margin-top:8px !important; font-size:clamp(18px,1.15vw,22px); }
.ss-pg__routes{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px; background:var(--p-page); border:1px solid var(--p-line); }
.ss-pg__route{ display:flex; flex-direction:column; min-width:0; padding:clamp(20px,1.65vw,28px); background:var(--p-page); }
.ss-pg__route.is-primary{ background:var(--p-card); }
.ss-pg__route h3{ margin-top:12px !important; font-size:clamp(19px,1.15vw,22px); line-height:1.2; font-weight:700; letter-spacing:-.015em; color:var(--p-ink); }
.ss-pg__route-body{ margin-top:12px !important; font-size:14.5px; line-height:1.55; color:var(--p-text); min-height:3.1em; }
.ss-pg__route-contact{ display:flex; flex-direction:column; gap:6px; margin:16px 0 20px; min-height:3.2em; }
.ss-pg__route-contact a:first-child{ font-weight:700; }
.ss-pg__route-contact a{ font-size:14px; color:var(--p-accent); text-decoration:none; word-break:break-word; }
.ss-pg__route-contact a:hover{ text-decoration:underline; text-underline-offset:3px; }
.ss-pg__route .ss-btn{ margin-top:auto; width:100%; min-height:44px; justify-content:center; text-align:center; font-size:13.5px; }

.ss-pg__two{ display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:clamp(28px,4.4vw,64px); align-items:start; }
.ss-pg__two > *{ min-width:0; }
.ss-pg__form{ display:flex; flex-direction:column; gap:18px; padding:clamp(20px,2.2vw,32px); border:1px solid var(--p-line); }
.ss-pg__row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ss-pg__field{ display:flex; flex-direction:column; gap:7px; min-width:0; }
.ss-pg__field label{ font-size:11.5px; font-weight:700; letter-spacing:.04em; color:var(--p-muted); }
.ss-pg__field input,.ss-pg__field select,.ss-pg__field textarea{
	width:100%; min-height:42px; padding:0 14px; font:inherit; font-size:14.5px; color:var(--p-ink);
	background:var(--p-page); border:1px solid var(--p-input-line); border-radius:0;
}
.ss-pg__field textarea{ min-height:136px; padding:12px 14px; resize:vertical; }
.ss-pg__field input::placeholder,.ss-pg__field textarea::placeholder{ color:var(--p-muted); opacity:1; }
.ss-pg__field select{ appearance:auto; }
.ss-pg__consent{ font-size:11.5px; line-height:1.6; color:var(--p-muted); }
.ss-pg__form .ss-btn{ align-self:flex-start; text-transform:uppercase; letter-spacing:.1em; font-size:13px; }

.ss-pg__sechead--rule h2{ font-size:clamp(20px,1.3vw,25px); }
.ss-pg__offices li{ padding:15px 0; border-bottom:1px solid var(--p-line); }
.ss-pg__offices strong{ display:block; margin-top:6px; font-size:15.5px; font-weight:700; color:var(--p-ink); }
.ss-pg__offices li span{ display:block; margin-top:2px; font-size:14px; color:var(--p-text); }
.ss-pg__offices li strong + span{ margin-top:6px; }
.ss-pg__faq{ margin-top:clamp(36px,3.6vw,52px); }
.ss-pg__faqlist{ border:1px solid var(--p-line); }
.ss-pg__faqlist li{ background:var(--p-card); }
.ss-pg__faqlist li + li{ border-top:2px solid var(--p-page); }
.ss-pg__faqlist a,.ss-pg__faqlist li.no-link{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:13px 20px; color:inherit; text-decoration:none; }
.ss-pg__faqlist li.no-link{ display:block; }
.ss-pg__faq-text{ display:block; min-width:0; }
.ss-pg__faq-text strong{ display:block; font-size:14.5px; font-weight:700; color:var(--p-ink); }
.ss-pg__faq-text span{ display:block; margin-top:6px; font-size:13.5px; line-height:1.5; color:var(--p-muted); }
.ss-pg__go{ flex:0 0 auto; font-size:12px; font-weight:700; color:var(--p-accent); white-space:nowrap; }
.ss-pg__faqlist a:hover .ss-pg__faq-text strong{ text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }

/* ====================================================================== *
 * Where to Buy
 * ====================================================================== */
.ss-pg__funds{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; background:var(--p-page); border:1px solid var(--p-line); }
.ss-pg__funds li{ display:flex; flex-direction:column; gap:6px; padding:clamp(14px,1.1vw,20px) clamp(16px,1.3vw,24px); background:var(--p-card); }
.ss-pg__funds strong{ font-size:clamp(17px,1vw,19px); font-weight:700; letter-spacing:-.01em; color:var(--p-ink); }
.ss-pg__funds span{ font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--p-muted); }
.ss-pg__intro{ margin-bottom:22px !important; font-size:clamp(15px,.9vw,17px); color:var(--p-ink); }
.ss-pg__tabs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--p-line); border-bottom:0; }
.ss-pg__tab{
	appearance:none; cursor:pointer; min-height:56px; padding:0 20px; font:inherit; font-size:15px; font-weight:700; color:var(--p-ink);
	background:var(--p-card); border:0; border-radius:0; transition:background-color .15s ease;
}
.ss-pg__tab:hover{ background:var(--p-card-hover); }
.ss-pg__tab.is-active{ background:var(--p-accent-fill); color:var(--p-accent-on); }
.ss-pg__panel{ padding:clamp(20px,2.2vw,32px) clamp(20px,2.2vw,32px) clamp(8px,1vw,14px); border:1px solid var(--p-line); }
.ss-pg--wtb.is-js .ss-pg__panel:not(.is-active){ display:none; }
.ss-pg:not(.is-js) .ss-pg__panel + .ss-pg__panel{ margin-top:24px; }
.ss-pg__panelhead{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px; }
.ss-pg__count{ font-size:12px; color:var(--p-muted); }
.ss-pg__platforms{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:clamp(20px,2.6vw,40px); }
.ss-pg__platforms li{ display:flex; align-items:center; gap:14px; min-width:0; padding:20px 0; border-bottom:1px solid var(--p-line-soft); font-size:15px; font-weight:700; color:var(--p-ink); }
.ss-pg__platforms a{ color:inherit; text-decoration:none; }
.ss-pg__platforms a:hover{ color:var(--p-accent); text-decoration:underline; text-underline-offset:3px; }
.ss-pg__check{ position:relative; flex:0 0 auto; width:24px; height:24px; border-radius:50%; background:#2cbba7; }
.ss-pg__check::after{ content:""; position:absolute; left:8px; top:4.5px; width:6px; height:11px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(40deg); }
.ss-pg--light .ss-pg__check::after{ border-color:#fff; }

/* ---- smaller screens ---- */
@media (max-width:980px){
	.ss-pg__hero-in,.ss-pg__hero-in--wide{ grid-template-columns:minmax(0,1fr); }
	.ss-pg__routes{ grid-template-columns:minmax(0,1fr); }
	.ss-pg__route-body,.ss-pg__route-contact{ min-height:0; }
	.ss-pg__two{ grid-template-columns:minmax(0,1fr); }
	.ss-pg__tiles{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.ss-pg__platforms{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px){
	.ss-pg__tiles{ grid-template-columns:minmax(0,1fr); }
	.ss-pg__platforms{ grid-template-columns:minmax(0,1fr); }
	.ss-pg__row{ grid-template-columns:minmax(0,1fr); }
	.ss-pg__tabs{ grid-template-columns:minmax(0,1fr); }
	.ss-pg__cta-btns .ss-btn{ flex:1 1 100%; justify-content:center; text-align:center; }
	.ss-pg__pill{ padding:10px 14px; }
}
@media (prefers-reduced-motion:reduce){ .ss-pg *{ transition:none !important; } }

/* Disclosure printed under a section (e.g. the holdings filings on Resources). */
.ss-pg__sec-note{ margin-top:22px !important; max-width:84ch; font-size:14px; line-height:1.6; color:var(--p-muted); }
