/* Custom public Member Services guidance scenes. Cream / green / blueprint
   lineage: the existing Technology page and Member Services editorial system.
   All selectors are scoped; playback and chapter state belong to public-visuals. */
.mp-page .mp-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5%;padding-block:43px 48px}
.mp-page .mp-hero h1{font-size:clamp(42px,4.7vw,65px);line-height:1.04;max-width:12ch}
.mp-page .mp-hero h1 em{display:inline}
.mp-page .mp-hero .ms-hero-intro{font-size:17px;line-height:1.7;max-width:52ch;margin-top:24px!important}
.mp-page .mp-hero .ms-eyebrow{font-size:10px;margin-bottom:21px}
.mp-page .mp-hero .ms-actions{gap:8px 19px;margin-top:22px}
.mp-page .mp-hero .ms-button{font-size:14px;padding-inline:20px}
.mp-page .mp-hero .ms-text-link{font-size:14px}
.mp-page .mp-visual{margin:0;position:relative;min-width:0;align-self:center;color:#355c89;background:transparent;overflow:visible}
.mp-page .mp-blueprint{position:relative;background:radial-gradient(ellipse at 50% 60%,#e5ece4b0,transparent 69%),linear-gradient(#355c8908 1px,transparent 1px),linear-gradient(90deg,#355c8908 1px,transparent 1px);background-size:auto,26px 26px,26px 26px;border:1px solid #c5d0d3;padding:17px 18px 15px;border-radius:2px}
.mp-page .mp-blueprint:before,.mp-page .mp-blueprint:after{content:'+';position:absolute;font:18px/1 monospace;color:#6d8497;background:#faf9f6;padding:0 3px;top:-10px}
.mp-page .mp-blueprint:before{left:-8px}.mp-page .mp-blueprint:after{right:-8px}
.mp-page .mp-plate-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;font:700 9px/1.5 'Space Mono',monospace;letter-spacing:.05em;text-transform:uppercase;color:#4a657b;min-height:27px}
.mp-page .mp-plate-heading span+span{text-align:right;font-size:8px;color:#697d8a}
.mp-page .mp-art{width:100%;height:auto;display:block;margin:-20px 0 -8px;overflow:visible;color:#527c9d}
.mp-page .mp-ground{fill:#eaf0eb;stroke:#99b0c1}
.mp-page .mp-grid-line{stroke:#b1c5cd;stroke-width:.7;opacity:.65}
.mp-page .mp-solid{fill:#fafbf7}
.mp-page .mp-soft{fill:#dfe8df;stroke:#b7c6bf;opacity:.75}
.mp-page .mp-accent{fill:#d9e6d2;stroke:#467655;stroke-width:1.6}
.mp-page .mp-connection{stroke:#8da9bc;stroke-width:2;stroke-dasharray:3 5}
.mp-page .mp-flow-path{stroke:#397451;stroke-width:2;stroke-dasharray:12 120;animation:mp-record-flow 7s linear infinite;animation-play-state:paused}
.mp-page [data-pv-visual][data-playing="true"] .mp-flow-path{animation-play-state:running}
.mp-page .mp-pins{stroke:#5b7d93;fill:#faf9f6}
.mp-page .mp-svg-numbers{text-anchor:middle;font:700 11px 'Space Mono',monospace}
.mp-page .mp-diagram-key{list-style:none;padding:13px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;border-top:1px solid #bdcbd0;font-size:11px;line-height:1.45;color:#3f5d71}
.mp-page .mp-diagram-key li{display:flex;align-items:start;gap:7px;min-width:0}
.mp-page .mp-diagram-key b{font:700 10px/1.6 'Space Mono',monospace;color:#327047}
.mp-page .mp-visual figcaption{margin-top:12px;padding-right:50px;font-size:12px;line-height:1.6;color:#65756c}
.mp-page .mp-story{padding:48px 0 0;border-bottom:1px solid var(--ms-line)}
.mp-page .mp-story-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:7%;align-items:end;margin-bottom:25px}
.mp-page .mp-story-heading>.ms-kicker{grid-column:1/-1;margin-bottom:14px}
.mp-page .mp-story-heading h2{font-size:clamp(32px,3.2vw,44px);line-height:1.12}
.mp-page .mp-story-heading>p:last-child{font-size:15px;max-width:39ch;margin-left:auto}
.mp-page .pv-tabs{gap:12px}
.mp-page .pv-tabs button{font-size:14px}
.mp-page .mp-tab-number{font:700 10px 'Space Mono',monospace;opacity:.68;margin-right:5px}
.mp-page .mp-panel{padding:34px 0 27px}
.mp-page .mp-panel+.mp-panel{border-top:1px solid var(--ms-line)}
.mp-page .mp-chapter-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.mp-page .mp-chapter-copy>.ms-kicker{margin-bottom:16px}
.mp-page .mp-chapter-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.1;margin-bottom:21px}
.mp-page .mp-chapter-copy>p:not(.ms-kicker){font-size:16px;line-height:1.7;margin-top:15px}
.mp-page .mp-chapter-copy>.ms-text-link{margin-top:15px}
.mp-page .mp-notes{margin-top:23px}
.mp-page .mp-notes>div{border-top:1px solid #d1dad0;padding:14px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:14px;font-size:14px;line-height:1.6}
.mp-page .mp-notes dt{font-weight:550;color:#2a4630}
.mp-page .mp-notes dd{color:var(--ms-muted)}
.mp-page .mp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:30px;border-block:1px solid var(--ms-line)}
.mp-page .mp-cards:has(.mp-card:nth-child(2):last-child){grid-template-columns:1fr 1fr}
.mp-page .mp-card{padding:23px 22px 23px 0;min-width:0}
.mp-page .mp-card+.mp-card{border-left:1px solid var(--ms-line);padding-left:22px}
.mp-page .mp-card .ms-kicker{font-size:9px;letter-spacing:.05em;display:block;margin-bottom:11px}
.mp-page .mp-card h3{font-size:20px;line-height:1.18;letter-spacing:-.035em}
.mp-page .mp-card p{font-size:14px;line-height:1.7;margin-top:12px}
.mp-page .mp-context{margin-top:23px}
.mp-page .mp-context>p{font-size:14px;line-height:1.7;max-width:90ch}
.mp-page .mp-context>.ms-actions{margin-top:10px;gap:8px 24px}
.mp-page .mp-context h3{font-size:22px}
.mp-page .mp-boundary{padding:22px 26px;background:#edf2e8;border-left:2px solid #437147;margin-top:28px}
.mp-page .mp-boundary h3{font-size:21px}
.mp-page .mp-boundary p{font-size:15px;line-height:1.7;margin-top:9px;max-width:86ch}
.mp-page .mp-boundary .ms-actions{margin-top:8px;gap:5px 25px}
.mp-page .mp-chapter-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d2dbd1;padding-block:14px 21px;color:#63705f;font:700 10px 'Space Mono',monospace;letter-spacing:.07em}
.mp-page .mp-chapter-controls>div{display:flex;gap:9px}
.mp-page .mp-chapter-controls button{background:transparent;border:1px solid #c5d0c1;border-radius:30px;min-height:44px;padding:9px 17px;color:#275535;font:500 13px Inter,Arial,sans-serif;cursor:pointer}
.mp-page .mp-chapter-controls button:hover{background:#e7eddf}
.mp-page .mp-chapter-controls button:disabled{opacity:.4;cursor:default}
.mp-page .mp-chapter-controls button:focus-visible{outline:3px solid var(--ms-blue);outline-offset:3px}
.mp-page .mp-sequence{list-style:none;padding:0;margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
.mp-page .mp-sequence li{display:flex;gap:12px;border-top:1px solid var(--ms-line);padding-top:17px;min-width:0}
.mp-page .mp-sequence b{font:700 11px/1.9 'Space Mono',monospace;color:var(--ms-green)}
.mp-page .mp-sequence strong{font-size:15px;line-height:1.4;display:block;font-weight:550}
.mp-page .mp-sequence p{font-size:13px;line-height:1.6;margin-top:7px}
.mp-page .mp-institutions{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:40px}
.mp-page .mp-institutions h2{font-size:36px;margin-top:14px}
.mp-page .mp-institutions p{font-size:15px;line-height:1.75}
.mp-page .mp-institutions p+p{margin-top:12px}
.mp-page .mp-institutions .ms-text-link{margin-top:12px}
.mp-page .mp-association-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.mp-page .mp-association-card{background:#f2f4ed;border:1px solid #d1d9cb;padding:22px 23px;display:flex;flex-direction:column;align-items:start;min-width:0}
.mp-page .mp-association-card img{width:60px;height:60px;object-fit:contain;margin-bottom:15px}
.mp-page .mp-association-card h3{font-size:23px}
.mp-page .mp-association-card p{font-size:14px;line-height:1.65;margin-top:12px}
.mp-page .mp-association-card .mp-full-name{font-size:12px;line-height:1.6;min-height:58px;margin-top:8px}
.mp-page .mp-association-card .ms-text-link{margin-top:auto;padding-top:17px}
.mp-page .mp-guide-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;margin-top:30px}
.mp-page .mp-guide-links>div{border-top:1px solid var(--ms-line);padding-top:20px}
.mp-page .mp-guide-links h3{font-size:21px}
.mp-page .mp-guide-links p{font-size:14px;margin-top:11px}
.mp-page .mp-guide-links .ms-text-link{font-size:13px;margin-top:10px}
.mp-page .ms-section{padding-block:43px}
.mp-page .ms-section-heading{margin-bottom:25px}
.mp-page .ms-section-heading h2{font-size:40px}
.mp-page .ms-faq{max-width:none;margin-top:24px;column-count:2;column-gap:40px}
.mp-page .ms-faq details{break-inside:avoid}
.mp-page .ms-faq summary{font-size:16px;padding-block:19px}
.mp-page .ms-faq summary:after{top:17px}
.mp-page .ms-faq details>p{font-size:15px;padding-bottom:21px}
.mp-page .ms-enquiry{margin-top:38px;padding:32px 35px;gap:8%}
.mp-page .ms-enquiry h2{font-size:39px}
.mp-page .ms-enquiry p,.mp-page .ms-enquiry li{font-size:15px;line-height:1.7}
.mp-page .ms-enquiry ul{margin-top:13px}
.mp-page .ms-enquiry .ms-kicker{margin-bottom:13px}
.mp-page .ms-enquiry .ms-note{font-size:12px;margin-top:14px!important}
.mp-page .ms-contact-card p{font-size:15px}
.mp-page .ms-contact-card h3{font-size:24px}
.mp-page .ms-related{padding-top:35px}
.mp-page .ms-related h2{font-size:30px;margin-bottom:24px}
.mp-page .ms-related .ms-card{padding-top:20px}
.mp-page .ms-related h3{font-size:20px}
.mp-page .ms-related p{font-size:14px}
@keyframes mp-record-flow{to{stroke-dashoffset:-264}}
@media(min-width:960px){.mp-page .mp-chapter-layout{min-height:415px}}
@media(max-width:1050px){.mp-page .mp-hero{gap:4%}.mp-page .mp-hero h1{font-size:clamp(39px,5.1vw,59px)}.mp-page .mp-plate-heading span+span{display:none}.mp-page .mp-cards,.mp-page .mp-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-page .mp-card:nth-child(3){border-left:0;padding-left:0}.mp-page .mp-card:nth-child(n+3){border-top:1px solid var(--ms-line)}.mp-page .mp-sequence{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.mp-page .mp-hero{grid-template-columns:1fr;gap:31px;padding-block:30px 35px}.mp-page .mp-hero h1{max-width:15ch;font-size:clamp(39px,8.7vw,59px)}.mp-page .mp-hero .ms-hero-intro{max-width:58ch}.mp-page .mp-hero .mp-visual{width:100%;max-width:540px;margin:auto}.mp-page .mp-story{padding-top:35px}.mp-page .mp-story-heading{grid-template-columns:1fr;gap:0}.mp-page .mp-story-heading>p:last-child{max-width:47ch;margin:16px 0 0}.mp-page .mp-story-heading h2{font-size:35px}.mp-page .mp-chapter-layout{grid-template-columns:1fr;gap:26px}.mp-page .mp-chapter-copy h2{font-size:34px}.mp-page .mp-chapter-layout>.mp-visual{width:100%;max-width:540px;margin:auto}.mp-page .mp-notes>div{grid-template-columns:1fr 1.5fr}.mp-page .mp-institutions{grid-template-columns:1fr;gap:22px}.mp-page .mp-association-cards{gap:12px}.mp-page .mp-association-card{padding:18px 15px}.mp-page .mp-association-card .mp-full-name{min-height:0}.mp-page .mp-association-card h3{font-size:19px}.mp-page .mp-association-card .ms-text-link{font-size:12px}.mp-page .ms-faq{column-count:1}.mp-page .ms-section-heading h2{font-size:34px}.mp-page .ms-enquiry{padding:27px 25px}.mp-page .ms-enquiry h2{font-size:34px}.mp-page .ms-section{padding-block:35px}.mp-page .pv-tabs{gap:8px}.mp-page .pv-tabs button{font-size:13px}.mp-page .mp-tab-number{display:none}.mp-page .mp-panel{padding-top:27px}.mp-page .mp-chapter-copy>p:not(.ms-kicker){font-size:15px}}
@media(max-width:520px){.mp-page .mp-hero{gap:28px}.mp-page .mp-hero .ms-hero-intro{font-size:16px}.mp-page .mp-hero h1{font-size:42px}.mp-page .mp-blueprint{padding:13px 12px 12px}.mp-page .mp-plate-heading{font-size:8px;min-height:22px}.mp-page .mp-art{margin:-19px 0 -5px}.mp-page .mp-diagram-key{font-size:10px;gap:7px;padding-top:11px}.mp-page .mp-diagram-key li{gap:4px}.mp-page .mp-diagram-key b{font-size:9px}.mp-page .mp-visual figcaption{font-size:11px;margin-top:9px}.mp-page .mp-cards,.mp-page .mp-guide-links{grid-template-columns:1fr 1fr;gap:0 17px}.mp-page .mp-card{padding:20px 0}.mp-page .mp-card+.mp-card{padding-left:0;border-left:0}.mp-page .mp-card h3,.mp-page .mp-guide-links h3{font-size:19px}.mp-page .mp-card p,.mp-page .mp-guide-links p{font-size:13px}.mp-page .mp-card .ms-kicker{font-size:8px}.mp-page .mp-cards:has(.mp-card:nth-child(2):last-child){grid-template-columns:1fr}.mp-page .mp-cards:has(.mp-card:nth-child(2):last-child) .mp-card+.mp-card{border-top:1px solid var(--ms-line)}.mp-page .mp-association-cards{grid-template-columns:1fr}.mp-page .mp-association-card{display:grid;grid-template-columns:48px 1fr;gap:0 14px;padding:20px}.mp-page .mp-association-card img{grid-column:1;grid-row:1/3;width:48px;height:48px;margin:0}.mp-page .mp-association-card h3{grid-column:2;font-size:21px}.mp-page .mp-association-card .mp-full-name{grid-column:2;margin-top:5px}.mp-page .mp-association-card p:not(.mp-full-name),.mp-page .mp-association-card a{grid-column:1/-1}.mp-page .mp-association-card .ms-text-link{font-size:14px;padding-top:11px}.mp-page .mp-guide-links>div{padding-block:19px}.mp-page .mp-notes>div{grid-template-columns:1fr;gap:5px;padding-block:13px}.mp-page .mp-notes dd{font-size:14px}.mp-page .mp-boundary{padding:20px}.mp-page .mp-boundary h3{font-size:20px}.mp-page .mp-boundary p{font-size:14px}.mp-page .mp-sequence{grid-template-columns:1fr;gap:15px}.mp-page .mp-sequence li{padding-top:14px}.mp-page .mp-story-heading h2{font-size:32px}.mp-page .mp-chapter-copy h2{font-size:32px}.mp-page .mp-context>p{font-size:13px}.mp-page .mp-context .ms-text-link{font-size:13px}.mp-page .mp-chapter-controls{font-size:9px}.mp-page .mp-chapter-controls button{font-size:12px;padding-inline:13px}.mp-page .mp-chapter-controls>div{gap:6px}}
@media(max-width:360px){.mp-page .mp-hero h1{font-size:38px}.mp-page .mp-cards,.mp-page .mp-guide-links{grid-template-columns:1fr}.mp-page .mp-card+.mp-card{border-top:1px solid var(--ms-line)}.mp-page .mp-diagram-key{font-size:9px;gap:5px}}
@media(prefers-reduced-motion:reduce){.mp-page .mp-flow-path{animation:none!important}}
@media print{.mp-page .mp-hero,.mp-page .mp-chapter-layout,.mp-page .mp-institutions{display:block}.mp-page .mp-visual{max-width:50%;margin:20px auto}.mp-page .mp-chapter-controls{display:none}.mp-page .mp-panel{break-before:auto}.mp-page .mp-association-cards,.mp-page .mp-cards{break-inside:avoid}.mp-page .ms-faq{column-count:1}}
.mp-page .mp-story:not([data-pv-enhanced="true"]) .mp-chapter-controls{display:none}
.mp-page .mp-visual .pv-motion-toggle{top:48px;right:18px;bottom:auto;min-height:40px;font-size:10px;padding:8px 11px}
.mp-page .mp-visual figcaption{padding-right:0}
@media(max-width:520px){.mp-page .mp-visual .pv-motion-toggle{top:38px;right:12px;font-size:9px;min-height:36px;padding:7px 9px}}