/* Layout for the overview; colours, fonts and controls come from the existing site. */
.overview-sheet{padding:70px 0;border-bottom:1px solid var(--line)}
.overview-opening{padding-top:55px}
.overview-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;margin-bottom:65px}
.overview-hero h1{font-size:clamp(38px,4.8vw,64px);line-height:1.1;max-width:650px}
.overview-intro{font-size:18px;line-height:1.65;color:var(--on-surface-variant);margin-top:24px;max-width:49ch}

.overview-art{display:block;width:100%;height:auto;border-radius:12px}
.overview-actions{margin-top:24px;gap:20px}
.print-action{border:0;background:transparent;color:var(--primary);cursor:pointer;padding:0;font-family:inherit;text-decoration:underline}
.print-action[hidden]{display:none}
.actor-section>h2{font-size:28px;margin-bottom:25px}
.actor-row{display:grid;grid-template-columns:32px 235px 1fr;gap:20px;align-items:center;border-top:1px solid var(--line);padding:20px 0;break-inside:avoid}
.actor-row>.icon{color:var(--primary);width:25px;height:25px}
.actor-row h3{font-size:18px}
.actor-row p{font-size:15px;color:var(--on-surface-variant)}
.overview-heading{margin-bottom:35px;max-width:830px}
.overview-heading .eyebrow{margin-bottom:13px}
.overview-heading>h2{font-size:clamp(30px,3.5vw,44px);max-width:27ch}
.overview-heading>p:last-child{margin-top:18px;font-size:16px;color:var(--on-surface-variant);max-width:66ch}
.pathways{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.branch-or,.mobile-merge{display:none}
.pathway{border-top:3px solid var(--primary);padding:23px 25px;background:var(--surface-container-low);border-radius:0 0 12px 12px}
.pathway>h3{font-size:25px;margin-bottom:24px}
.pathway ol{list-style:none}
.pathway li{display:grid;grid-template-columns:26px 1fr;gap:12px;padding-top:18px;border-top:1px solid var(--line);margin-top:18px;break-inside:avoid}
.step-number{font-size:11px;font-weight:700;color:var(--primary);padding-top:3px}
.pathway h4{font-family:Manrope,sans-serif;font-size:17px;line-height:1.4;letter-spacing:-.02em;font-weight:700}
.pathway p{font-size:14px;color:var(--on-surface-variant);margin-top:6px;line-height:1.6}
.merge-lines{display:block;width:100%;height:54px}
.decision-band{background:var(--primary);color:white;border-radius:12px;padding:30px 34px}
.decision-band h3{font-size:25px;color:white}
.decision-band>p{margin-top:12px;font-size:14px;color:var(--on-primary);max-width:100%}
.decision-band ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:23px}
.decision-band li{border-top:1px solid var(--primary-container);padding-top:13px;font-size:14px;font-weight:600}
.decision-band .decision-note{font-size:12px;margin-top:22px}
.physical-flow{margin-top:32px}
.physical-flow h3{font-size:20px;margin-bottom:20px}
.physical-flow ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.physical-flow li{position:relative;padding:17px 12px;border:1px solid var(--line);border-radius:8px;text-align:center;font-size:14px}
.flow-number{display:block;font-size:10px;color:var(--primary);margin-bottom:5px}
.physical-flow .icon{position:absolute;right:-25px;top:calc(50% - 10px);width:20px;height:20px;color:var(--primary)}
.failure-note{font-size:12px;margin-top:25px;color:var(--on-surface-variant);max-width:85ch}
.practice-row{display:grid;grid-template-columns:200px 1fr;gap:28px;padding:23px 0;border-top:1px solid var(--line);break-inside:avoid}
.practice-row h3{font-size:19px;color:var(--primary)}
.practice-row p{font-size:15px;color:var(--on-surface-variant)}
.learning{margin-top:30px;padding-top:27px;border-top:1px solid var(--line)}
.learning>h3{font-size:25px}
.learning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:26px}
.learning-grid h3{font-size:17px;margin-bottom:8px}
.learning-grid p{font-size:14px;color:var(--on-surface-variant);line-height:1.6}

.overview-invitation{background:var(--surface-container);border-radius:12px;padding:30px 34px;margin-top:35px}
.overview-invitation>h3{font-size:27px}
.overview-invitation>p{font-size:15px;margin-top:12px;color:var(--on-surface-variant)}
.overview-invitation .actions{margin-top:23px}
@media(max-width:1000px){.overview-hero{gap:32px}.actor-row{grid-template-columns:30px 210px 1fr;gap:16px}.pathways{gap:28px}.pathway{padding:20px}.learning-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.overview-sheet{padding:45px 0}.overview-opening{padding-top:34px}.overview-hero{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.overview-hero h1{font-size:42px}.overview-intro{font-size:16px;margin-top:19px}.overview-art{max-width:500px;justify-self:center}.actor-section>h2{font-size:25px}.actor-row{grid-template-columns:28px 1fr;gap:7px 14px;padding:20px 0}.actor-row p{grid-column:2;font-size:14px}.actor-row h3{font-size:18px}.overview-heading>h2{font-size:34px}.overview-heading>p:last-child{font-size:15px}.pathways{grid-template-columns:1fr;gap:16px}.branch-or{display:block;text-align:center;font-size:13px;color:var(--primary);font-weight:600}.merge-lines{display:none}.mobile-merge{display:flex;height:38px;align-items:center;justify-content:center;color:var(--primary)}.pathway>h3{font-size:24px;margin-bottom:20px}.merge-lines{height:35px}.decision-band{padding:25px}.decision-band h3{font-size:23px}.decision-band ul{grid-template-columns:1fr;gap:12px;margin-top:18px}.decision-band li{padding-top:12px}.physical-flow ol{grid-template-columns:1fr;gap:22px}.physical-flow li{padding:14px;text-align:left;display:flex;gap:15px;align-items:center}.flow-number{margin:0}.physical-flow .icon{right:calc(50% - 10px);top:auto;bottom:-22px;transform:rotate(90deg)}.practice-row{grid-template-columns:1fr;gap:9px;padding:20px 0}.practice-row p{font-size:14px}.learning-grid{gap:24px}.learning-grid p{font-size:13px}.overview-invitation{padding:25px}.overview-invitation>h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@page{size:A4;margin:17mm 17mm 17mm;@top-left{content:'MultiTu · The more, the merrier.';font-family:Manrope,sans-serif;font-size:8pt;color:#3a674f}@bottom-left{content:'multitu.org/how-it-works/';font-family:Inter,sans-serif;font-size:7.5pt;color:#586160}@bottom-right{content:counter(page) ' / ' counter(pages);font-family:Inter,sans-serif;font-size:7.5pt;color:#586160}}
@media print{
 html{scroll-behavior:auto}body{background:white;font-size:10pt;line-height:1.55;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .header,.footer,.skip,.overview-actions,.overview-invitation .actions{display:none!important}.wrap{width:100%;max-width:none}
 .overview-sheet{padding:0;border:0;break-before:page}.overview-sheet:first-of-type{break-before:auto}
 .overview-hero{grid-template-columns:1.2fr 1fr;gap:26px;margin:30px 0 50px}.overview-hero h1{font-size:30pt;line-height:1.13}.overview-intro{font-size:11pt;line-height:1.65;margin-top:20px}.overview-art{width:100%;height:auto;border-radius:10px}.eyebrow{font-size:8pt;letter-spacing:1.2px;margin-bottom:14px}
 .actor-section>h2{font-size:21pt;margin-bottom:24px}.actor-row{grid-template-columns:25px 190px 1fr;gap:17px;padding:22px 0}.actor-row>.icon{width:22px;height:22px}.actor-row h3{font-size:12pt}.actor-row p{font-size:10pt;line-height:1.6}
 .overview-heading{padding-top:10px;margin-bottom:30px;max-width:none}.overview-heading>h2{font-size:29pt;max-width:27ch}.overview-heading>p:last-child{font-size:11pt;line-height:1.6;margin-top:16px;max-width:100%}
 .pathways{grid-template-columns:1fr 1fr;gap:30px}.pathway{padding:22px}.pathway>h3{font-size:18pt;margin-bottom:22px}.pathway li{grid-template-columns:21px 1fr;gap:10px;padding-top:18px;margin-top:18px}.step-number{font-size:8pt}.pathway h4{font-size:12pt}.pathway p{font-size:10pt;line-height:1.6}.merge-lines{height:45px}
 .decision-band{padding:24px 28px}.decision-band h3{font-size:18pt}.decision-band>p{font-size:10pt;line-height:1.6}.decision-band ul{gap:20px;margin-top:20px}.decision-band li{font-size:10pt}.decision-band .decision-note{font-size:8.5pt;margin-top:20px}
 .physical-flow{margin-top:28px}.physical-flow h3{font-size:14pt;margin-bottom:18px}.physical-flow ol{grid-template-columns:repeat(4,1fr);gap:25px}.physical-flow li{font-size:10pt;padding:17px 8px}.flow-number{font-size:7.5pt}.physical-flow .icon{right:-22px;width:18px;height:18px}.failure-note{font-size:9pt;margin-top:23px;line-height:1.65}
 .practice-row{grid-template-columns:150px 1fr;gap:25px;padding:18px 0}.practice-row h3{font-size:13pt}.practice-row p{font-size:11pt;line-height:1.6}.learning{margin-top:20px;padding-top:20px}.learning>h3{font-size:18pt}.learning-grid{grid-template-columns:1fr 1fr;gap:21px 30px;margin-top:20px}.learning-grid h3{font-size:12pt}.learning-grid p{font-size:10pt}.overview-invitation{margin-top:24px;padding:20px 28px;break-inside:avoid}.overview-invitation>h3{font-size:19pt}.overview-invitation>p{font-size:10pt}.overview-invitation::after{content:'hello@multitu.org';display:block;font-size:10pt;font-weight:600;color:#3a674f;margin-top:15px}
 a{text-decoration:none}p{orphans:3;widows:3}h2,h3,h4{break-after:avoid}
}

.overview-model-note{font-size:13px;line-height:1.6;color:var(--on-surface-variant);margin-top:18px;max-width:55ch}@media print{.overview-model-note{font-size:8.5pt;line-height:1.55;margin-top:15px}}