@layer properties, theme, base, components, utilities;
@import url("/platform/website.css?__dsacco_asset=998d066d3e1352b9f162e797923b40413409a8fcc925c8949510553cba2dfb5c") layer(components);
#main .page-heading.photo-banner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:420px;padding:0;display:grid}#main .page-heading.photo-banner.compact{min-height:360px}#main .photo-banner>.page-heading-photo{grid-area:1/2;min-width:0;height:100%;margin:0;position:relative;overflow:hidden}#main .photo-banner .page-heading-photo img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}#main .page-heading-photo figcaption{background:var(--sacco-dark);max-width:calc(100% - 32px);color:var(--sacco-inverse);border-radius:8px;margin:0;padding:8px 12px;font-size:12px;position:absolute;bottom:16px;right:16px}#main .page-heading-photo figcaption a{color:inherit}#main .photo-banner-content{grid-area:1/1;align-self:center;width:min(100%,520px);margin:0 0 0 auto;padding:56px 40px 56px 20px}#main .photo-banner-content h1{margin-bottom:20px}#main .photo-banner-content p:last-child{margin-bottom:0}#main .planner-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}#main .planner-grid>*{min-width:0}#main .form-panel,#main .result-panel{background:var(--sacco-surface);border-radius:24px;padding:28px}#main .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}#main .field-grid label{min-width:0}#main .field-grid input{width:100%;margin-top:8px;display:block}#main .form-panel .text-link{margin-top:16px}#main .big-result{gap:6px;margin:8px 0 22px;display:grid}#main .big-result>strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(30px,3vw,46px);line-height:1.08}#main .big-result small{font-size:15px;font-weight:500}#main .result-panel dl{margin:20px 0}#main .result-panel dl>div{border-bottom:1px solid var(--sacco-divider);justify-content:space-between;gap:16px;padding:10px 0;display:flex}#main .result-panel dt{min-width:0}#main .result-panel dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}#main .savings-progress>div{justify-content:space-between;gap:12px;display:flex}#main .savings-progress progress{width:100%;height:10px;margin-top:10px}#main .result-advice{padding-top:10px}#main .learning-band{background:var(--sacco-surface);border-radius:24px;align-items:flex-start;gap:18px;margin:40px 0;padding:28px;display:flex}#main .learning-band>div{min-width:0}#main .request-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);align-items:start;gap:28px;display:grid}#main .request-grid>*{min-width:0}#main .request-grid .steps{flex-wrap:wrap;gap:8px 20px;margin:0 0 24px;padding:0;list-style:none;display:flex}#main .request-grid .steps li{align-items:center;gap:8px;display:flex}#main .request-grid .steps span{background:var(--sacco-surface);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}#main .request-grid .steps [aria-current=step] span{background:var(--sacco-action);color:var(--sacco-on-action)}#main .request-grid .choices{border:1px solid var(--sacco-divider);border-radius:16px;margin:0 0 24px;padding:18px}#main .request-grid .choices label{align-items:center;gap:8px;min-height:44px;margin:0;display:flex}#main .request-grid textarea{width:100%;display:block}#main .request-grid .aside-note{margin:0}#main .number-list{gap:0;margin:0;padding:0;list-style:none;display:grid}#main .number-list li{border-bottom:1px solid var(--sacco-divider);gap:16px;padding:16px 0;display:flex}#main .number-list li>span{font-variant-numeric:tabular-nums;color:var(--sacco-secondary);flex:none}#main .member-info-grid,#main .guidance-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}#main .member-info-grid article,#main .guidance-card{background:var(--sacco-surface);border-radius:24px;min-width:0;padding:24px;text-decoration:none;display:block}#main .guidance-card span{align-items:center;gap:6px;min-height:44px;font-weight:600;display:inline-flex}#main .member-info-links{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:16px;display:flex}#main .member-info-links a{align-items:center;min-height:44px;display:inline-flex}#main .goal-tab-list{background:0 0;flex-wrap:wrap;gap:8px;width:100%;padding:0;display:flex}#main .goal-tab-list .goal-tab{background:var(--sacco-surface);min-width:0;color:var(--sacco-foreground);flex:0 auto;padding:10px 16px}#main .goal-tab-list .goal-tab[data-active]{background:var(--sacco-action);color:var(--sacco-on-action)}#main .goal-panel{background:var(--sacco-surface);border-radius:24px;margin-top:16px;padding:28px}#main .goal-panel>div{max-width:640px}#main .goal-panel .photo-context{border-top:1px solid var(--sacco-divider);margin:24px 0 0;padding-top:16px}#main .nested-related{margin-top:54px}#main .nested-related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}#main .nested-guide-link{background:var(--sacco-surface);border-radius:24px;align-items:flex-start;gap:14px;min-width:0;padding:22px;text-decoration:none;display:flex}#main .nested-guide-link>span:nth-child(2){flex:1;gap:6px;min-width:0;display:grid}#main .nested-guide-link>span:nth-child(2)>span{color:var(--sacco-secondary)}#main .nested-guide-link>svg{flex:none}#main .nested-guide-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start;gap:48px;margin-top:28px;display:grid}#main .nested-guide-layout>*{min-width:0}#main .nested-guide-intro{max-width:700px;font-size:20px}#main .nested-guide-body>section{margin:36px 0}#main .nested-steps,#main .nested-reminders ul,#main .nested-sources ul,#main .nested-guide-aside ul{margin:0;padding:0;list-style:none}#main .nested-steps li{border-bottom:1px solid var(--sacco-divider);gap:18px;padding:18px 0;display:flex}#main .nested-step-number{font-variant-numeric:tabular-nums;color:var(--sacco-secondary);flex:none;font-size:13px}#main .nested-steps h3{margin-bottom:8px}#main .nested-steps p{margin-bottom:0}#main .nested-example{background:var(--sacco-surface);border-radius:24px;padding:28px}#main .nested-reminders li{align-items:flex-start;gap:10px;padding:10px 0;display:flex}#main .nested-reminders li svg{flex:none}#main .nested-sources li,#main .nested-guide-aside li{padding:8px 0}#main .nested-guide-aside{background:var(--sacco-surface);border-radius:24px;padding:24px;position:sticky;top:24px}#main .nested-guide-aside h2{font-size:26px}#main .learn-intro{align-items:flex-start;gap:18px;max-width:740px;display:flex}#main .learn-intro svg{flex:none}#main .planning-directory-grid,#main .lesson-list,#main .toolkit-grid,#main .guide-step-grid,#main .guide-question-grid,#main .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}#main .planning-directory-grid>*,#main .lesson-list>*,#main .toolkit-card,#main .guide-step-grid>*,#main .guide-question-grid>*,#main .steps-grid>*{background:var(--sacco-surface);border-radius:24px;min-width:0;padding:24px}#main .planning-directory-grid ul{margin:0;padding:0;list-style:none}#main .planning-directory-grid li{border-top:1px solid var(--sacco-divider)}#main .planning-directory-grid a{justify-content:space-between;align-items:center;gap:12px;min-height:44px;text-decoration:none;display:flex}#main .planning-directory-grid a svg{flex:none}#main .lesson-list{margin:36px 0}#main .lesson-number{color:var(--sacco-secondary);margin-bottom:16px;font-size:13px;display:block}#main .toolkit-grid{margin:24px 0}#main .toolkit-card{flex-direction:column;text-decoration:none;display:flex}#main .toolkit-top{color:var(--sacco-secondary);justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;font-size:13px;display:flex}#main .toolkit-card .text-link{margin-top:auto}#main .toolkit-intro{justify-content:space-between;gap:24px;display:flex}#main .toolkit-intro>div{max-width:650px}#main .toolkit-section .wrap{width:100%;padding-inline:0}#main .contact-grid,#main .source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}#main .contact-card,#main .source-grid>article,#main .checklist{background:var(--sacco-surface);border-radius:24px;min-width:0;padding:24px}#main .checklist label{align-items:flex-start;gap:8px;min-height:44px;display:flex}#main .checklist input[type=checkbox]{flex:none;margin-top:2px}@media (max-width:760px){#main .page-heading.photo-banner,#main .page-heading.photo-banner.compact{min-height:0;display:block}#main .photo-banner>.page-heading-photo{height:clamp(200px,57vw,300px)}#main .photo-banner-content{width:100%;margin:0;padding:36px 20px 44px}#main .planner-grid,#main .request-grid,#main .member-info-grid,#main .guidance-card-grid,#main .nested-related-list,#main .nested-guide-layout,#main .planning-directory-grid,#main .lesson-list,#main .toolkit-grid,#main .guide-step-grid,#main .guide-question-grid,#main .steps-grid,#main .contact-grid,#main .source-grid{grid-template-columns:1fr}#main .nested-guide-aside{position:static}#main .toolkit-intro{display:block}#main .request-grid{gap:20px}#main .field-grid{grid-template-columns:1fr}#main .form-panel,#main .result-panel,#main .goal-panel{padding:22px}}