/* Account pages use the shared Falo shell; colors belong to controls and status. */
.fa-page{background:#fff;color:var(--fd-ink)}
.fa-shell{padding-top:12px;padding-bottom:72px;min-height:65vh}
.fa-opening{padding:16px 0 32px;max-width:780px}
.fa-opening h1{font-size:clamp(30px,3.5vw,46px);margin:8px 0 16px;overflow-wrap:anywhere}
.fa-opening>p:last-child{font-size:20px;margin:0;color:#526365}
.fa-form-shell{max-width:480px;margin:32px auto 0}
.fa-form-shell h1{font-size:clamp(30px,3vw,38px);margin:8px 0 16px}
.fa-card{padding:28px;border:1px solid var(--fd-line,#d8e2e2);border-radius:14px;background:#fff;min-width:0;overflow-wrap:anywhere}
.fa-card h2{font-size:25px}.fa-card h3{font-size:21px}.fa-form label{display:block;font-weight:600;margin:18px 0 7px}
.fa-form input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #96adb0;border-radius:7px;padding:12px;font:inherit;color:inherit;background:#fff}
.fa-form button{font:inherit;cursor:pointer}.fa-form .fd-button{margin-top:20px}
.fa-password{display:flex;border:1px solid #96adb0;border-radius:7px;align-items:center}
.fa-form .fa-password input{border:0;background:transparent}.fa-password button{border:0;background:transparent;padding:12px;color:var(--fd-accent,#006b73);font-size:14px;flex:none;border-radius:6px}
.fa-page .fa-hint{font-size:14px;color:#526365;margin:6px 0 0}
.fa-links,.fa-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:24px}
.fa-links a,.fa-page .fa-text-link{text-decoration:underline;color:var(--fd-accent,#006b73)}
.fa-message{margin:16px 0 0;padding:12px 16px;border-radius:7px;background:#f4f6f6;overflow-wrap:anywhere}
.fa-message:empty{display:none}.fa-message[data-state=error]{color:#952e36;background:#fff3f2}.fa-message[data-state=success]{color:#225944;background:#eff7f1}
.fa-page button:disabled{opacity:.55;cursor:wait}.fa-form[aria-busy=true]{cursor:progress}
.fa-notice{padding:20px;border:1px solid var(--fd-line);border-radius:10px;margin:24px 0}
.fa-tabs{display:flex;gap:8px 24px;flex-wrap:wrap;border-bottom:1px solid var(--fd-line);margin-bottom:32px;align-items:center}
.fa-tabs a{padding:14px 0;border-bottom:3px solid transparent;font-weight:600}.fa-tabs [aria-current=page]{border-color:var(--fd-accent);color:var(--fd-accent)}
.fa-tabs button{margin-left:auto;border:0;background:none;font:inherit;color:var(--fd-accent);padding:14px 0;cursor:pointer}
.fa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fa-two{grid-template-columns:repeat(2,minmax(0,1fr))}.fa-primary{max-width:780px;margin-bottom:28px}
.fa-primary h2{font-size:clamp(25px,3vw,32px)}.fa-primary .fd-button{margin-top:12px}
.fa-summary{border-top:1px solid var(--fd-line);padding-top:24px}.fa-summary a{display:block;padding:18px 0;border-bottom:1px solid var(--fd-line)}
.fa-summary strong{font-size:25px;display:block}.fa-progress{width:100%;height:10px;accent-color:var(--fd-accent);margin:12px 0 4px}
.fa-learning-group{margin:20px 0;border-top:1px solid var(--fd-line);padding-top:20px}.fa-learning-group>summary{cursor:pointer;font-weight:600;font-family:Montserrat,sans-serif;font-size:20px}
.fa-chapter{padding:20px 0}.fa-chapter h3{font-size:20px}.fa-chapter ul{list-style:none;margin:0;padding:0}.fa-chapter li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--fd-line);padding:12px 0}.fa-chapter a{color:var(--fd-accent);text-decoration:underline}.fa-chapter li span{font-size:14px;flex:none}
.fa-filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}.fa-filters button{border:1px solid var(--fd-line);border-radius:7px;padding:8px 16px;background:#fff;font:inherit;cursor:pointer}.fa-filters [aria-pressed=true]{background:var(--fd-accent);color:white;border-color:var(--fd-accent)}
.fa-saved-card{display:flex;flex-direction:column}.fa-saved-card>a{flex:1}.fa-saved-card button{align-self:start;margin-top:20px;border:0;background:none;color:#7e3439;text-decoration:underline;padding:0;font:inherit;cursor:pointer}.fa-saved-card .fd-eyebrow{font-size:12px}
.fa-saved-card p{font-size:17px}.fa-empty{grid-column:1/-1;max-width:720px;padding:24px;border:1px solid var(--fd-line);border-radius:10px}
.fa-settings{max-width:780px}.fa-setting{padding:24px 0;border-bottom:1px solid var(--fd-line)}.fa-setting h3{font-size:20px;margin:0 0 12px}.fa-setting>p{overflow-wrap:anywhere}.fa-setting .fa-form{max-width:480px}.fa-setting .fa-actions{margin-top:12px}.fa-toggle{display:flex;gap:12px;align-items:baseline}.fa-toggle input{width:20px;height:20px;accent-color:var(--fd-accent);flex:none}.fa-toggle label{cursor:pointer}.fa-setting details{margin-top:20px}.fa-setting summary{cursor:pointer}
.fa-page [hidden]{display:none!important}.fa-page :focus-visible{outline:3px solid #006b73;outline-offset:3px}
.fa-form-shell .fd-button-solid{width:100%;justify-content:center}
.fa-auth-layout{width:100%;max-width:480px;min-height:100svh;margin:0 auto;padding:clamp(28px,8vh,80px) 24px 40px;display:flex;flex-direction:column;justify-content:center}
.fa-auth-page .fa-form-shell{width:100%;margin:0}
.fa-auth-page .fd-eyebrow{font-size:12px;margin-bottom:10px}
.fa-auth-page [data-auth-panel]>p{font-size:15px;line-height:1.65;color:#5c6b6d}
.fa-auth-page .fa-links{margin-top:18px;gap:10px 16px;font-size:14px}
.fa-auth-page .fa-links a,.fa-auth-page .fa-text-link{color:#52696d;text-decoration-color:#bac6c7;text-underline-offset:3px}
.fa-auth-page .fa-links a:hover,.fa-auth-page .fa-text-link:hover{color:var(--fd-accent);text-decoration-color:currentColor}
.fa-auth-page .fa-form-shell .fa-hint{font-size:13px;color:#5c6b6d}
.fa-auth-page .fa-form-shell> .fa-links{padding-top:16px;border-top:1px solid var(--fd-line);font-size:13px}
.fa-auth-page #loginmelding{margin:16px 0 0;font-size:15px;line-height:1.5}
.fa-auth-page #loginmelding[data-state=loading]{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 16px;color:var(--fd-accent,#006b73);background:#f1f6f6}
.fa-auth-page #loginmelding[data-state=loading]::before{content:"";width:18px;height:18px;flex:none;box-sizing:border-box;border:2px solid #c5dada;border-top-color:currentColor;border-radius:50%;animation:fa-login-spin .8s linear infinite}
@keyframes fa-login-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.fa-auth-page #loginmelding[data-state=loading]::before{animation:none}}
@media(max-width:767px){.fa-shell{padding-bottom:40px}.fa-form-shell{margin-top:20px}.fa-card{padding:22px}.fa-grid,.fa-two{grid-template-columns:minmax(0,1fr)}.fa-tabs{gap:0 20px}.fa-tabs button{margin-left:0}.fa-chapter li{gap:10px}.fa-opening{padding-bottom:24px}.fa-opening>p:last-child{font-size:18px}}

/* Mijn Falo uses open sections and the shared site typography and colours. */
.fa-dashboard .fa-opening{max-width:none;padding:12px 0 24px}
.fa-dashboard .fa-opening h1{margin-bottom:12px}
.fa-dashboard .fa-tabs{margin-bottom:0}
.fa-dashboard h2{font-size:28px}
.fa-overview-learning{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:64px;padding:36px 0 40px;border-bottom:1px solid var(--fd-line)}
.fa-next-lesson{min-width:0;overflow-wrap:anywhere}
.fa-next-lesson>.fd-eyebrow{margin-bottom:10px}
.fa-next-lesson .fa-lesson-intro h2{font-size:clamp(24px,2.5vw,32px);margin:0}
.fa-lesson-intro{display:flex;align-items:center;gap:20px;margin:20px 0}
.fa-lesson-intro>img{width:104px;height:78px;object-fit:cover;border-radius:6px;flex-shrink:0}
.fa-lesson-intro>div{min-width:0}
.fa-next-lesson .fa-course-chapter{font-size:15px;margin-bottom:10px}
.fa-next-lesson h3{font-size:clamp(24px,2.5vw,32px);max-width:620px;margin-bottom:16px}
.fa-next-lesson>#welcomeText{max-width:500px}
.fa-course-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:28px}
.fa-course-actions>.fa-text-link{font-size:15px}
.fa-progress-overview{border-left:1px solid var(--fd-line);padding-left:36px;min-width:0}
.fa-progress-overview h2{font-size:20px;margin-bottom:14px}
.fa-progress-overview .fa-progress-value{font-family:Montserrat,Arial,sans-serif;font-size:44px;line-height:1.15;letter-spacing:-.035em;color:var(--fd-ink);margin-bottom:8px}
.fa-progress-overview>#overallProgressText{font-size:15px;line-height:1.5;margin-bottom:10px}
.fa-progress-overview .fa-progress{display:block;height:4px;margin:0 0 20px;border:0;background:var(--fd-line)}
.fa-progress-overview .fa-progress::-webkit-progress-bar{background:var(--fd-line)}
.fa-progress-overview .fa-progress::-webkit-progress-value{background:var(--fd-section-color)}
.fa-progress-overview .fa-progress::-moz-progress-bar{background:var(--fd-section-color)}
.fa-progress-details{margin:0;font-size:15px}
.fa-progress-details>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0}
.fa-progress-details dd{margin:0;font-variant-numeric:tabular-nums}
.fa-collection{padding:36px 0 40px}
.fa-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:14px}
.fa-section-heading h2{margin:0}
.fa-section-heading>.fa-text-link{font-size:15px;flex-shrink:0}
.fa-count{font-family:'Source Sans 3',Arial,sans-serif;font-weight:400;font-size:18px;color:var(--fd-muted);margin-left:8px;vertical-align:middle;letter-spacing:normal}
.fa-collection>p{font-size:17px;margin-bottom:24px}
.fa-saved-list{border-top:1px solid var(--fd-line)}
.fa-saved-row{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--fd-line);min-width:0}
.fa-dashboard .fa-saved-card{flex-direction:row}
.fa-saved-row>a,.fa-saved-row>div{display:flex;align-items:center;gap:24px;flex:1;min-width:0;padding:20px 0}
.fa-saved-copy{flex:1;min-width:0;overflow-wrap:anywhere}
.fa-saved-copy .fd-eyebrow{margin-bottom:6px}
.fa-saved-copy h3{font-size:20px;margin:0}
.fa-saved-copy .fa-saved-description{font-size:16px;margin:8px 0 0;line-height:1.5}
.fa-saved-row .fa-row-arrow{color:var(--fd-accent);flex-shrink:0}
.fa-saved-row a:hover h3{text-decoration:underline;text-underline-offset:4px}
.fa-dashboard .fa-saved-card button{margin:0;flex-shrink:0;font-size:14px;color:var(--fd-muted)}
.fa-shortcuts{padding-top:28px;border-top:1px solid var(--fd-line)}
.fa-shortcuts h2{font-size:20px;margin-bottom:20px}
.fa-shortcuts>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.fa-shortcuts a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:var(--fd-accent);font-size:17px}
.fa-shortcuts a:hover{text-decoration:underline}
.fa-dashboard [data-account-panel=leren],.fa-dashboard [data-account-panel=favorieten],.fa-dashboard [data-account-panel=account]{padding-top:36px}
.fa-learning-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding:12px 0 28px}
.fa-learning-columns>section{min-width:0;overflow-wrap:anywhere}
.fa-learning-columns h3{font-size:22px}
.fa-dashboard .fa-empty{border:0;border-radius:0;padding:24px 0;max-width:720px}
.fa-dashboard .fa-filters button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 0;margin-right:18px;color:var(--fd-muted)}
.fa-dashboard .fa-filters [aria-pressed=true]{background:transparent;color:var(--fd-accent);border-color:var(--fd-section-color)}
/* Compact account rows and course lists; keep the overview spacing intact. */
.fa-dashboard .fa-settings{max-width:960px}
.fa-dashboard .fa-settings>.fa-setting{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px 24px;padding:14px 0;align-items:baseline;font-size:16px}
.fa-dashboard .fa-settings>.fa-setting>h3{grid-column:1;grid-row:1;font-size:16px;letter-spacing:normal;margin:0}
.fa-dashboard .fa-settings>.fa-setting>p{grid-column:2;margin:0;min-width:0}
.fa-dashboard .fa-settings>.fa-setting>.fd-button{grid-column:3;grid-row:1;padding:8px 14px;font-size:12px}
.fa-dashboard .fa-settings>.fa-setting>.fa-form,.fa-dashboard .fa-settings>.fa-setting>.fa-toggle,.fa-dashboard .fa-settings>.fa-setting>details,.fa-dashboard .fa-settings>.fa-setting>.fa-message{grid-column:2/-1;margin:0;min-width:0}
.fa-dashboard .fa-settings .fa-form label{margin-top:8px}
.fa-dashboard .fa-settings .fa-toggle{gap:10px}
.fa-dashboard .fa-settings details{font-size:14px}
.fa-dashboard .fa-settings details p{margin:10px 0}
.fa-dashboard .fa-learning-columns{gap:32px;padding:4px 0 16px;font-size:16px}
.fa-dashboard .fa-learning-columns h3{font-size:19px;margin-bottom:10px}
.fa-dashboard .fa-learning-columns p{margin-bottom:10px}
.fa-dashboard [data-account-panel=leren]>.fa-setting{padding:16px 0}
.fa-dashboard [data-account-panel=leren]>.fa-setting h3{font-size:17px;margin-bottom:6px}
.fa-dashboard [data-account-panel=leren]>.fa-setting p{font-size:16px;margin-bottom:4px}
.fa-dashboard .fa-learning-group{margin:12px 0;padding-top:12px}
.fa-dashboard .fa-learning-group>summary{font-size:17px;letter-spacing:normal;padding:4px 0}
.fa-dashboard .fa-chapter{padding:12px 0 4px}
.fa-dashboard .fa-chapter h3{font-size:16px;letter-spacing:normal;margin-bottom:6px}
.fa-dashboard .fa-chapter li{font-size:16px;padding:0;align-items:baseline}
.fa-dashboard .fa-chapter li>a{min-width:0;overflow-wrap:anywhere;padding:8px 0;line-height:1.5}
.fa-dashboard .fa-chapter li>span{font-size:13px}
@media(max-width:767px){.fa-dashboard .fa-learning-columns{gap:20px}.fa-lesson-intro{gap:14px}.fa-lesson-intro>img{width:88px;height:66px}}
@media(max-width:600px){.fa-dashboard .fa-settings>.fa-setting{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:12px 0}.fa-dashboard .fa-settings>.fa-setting>h3{grid-column:1}.fa-dashboard .fa-settings>.fa-setting>p{grid-column:1/-1}.fa-dashboard .fa-settings>.fa-setting>.fd-button{grid-column:2}.fa-dashboard .fa-settings>.fa-setting>.fa-form,.fa-dashboard .fa-settings>.fa-setting>.fa-toggle,.fa-dashboard .fa-settings>.fa-setting>details,.fa-dashboard .fa-settings>.fa-setting>.fa-message{grid-column:1/-1}.fa-dashboard .fa-chapter li{gap:12px}}
@media(max-width:1023px){.fa-overview-learning{gap:32px}.fa-progress-overview{padding-left:28px}.fa-shortcuts>div{gap:24px}}
@media(max-width:767px){.fa-dashboard h2{font-size:25px}.fa-overview-learning{grid-template-columns:1fr;padding:28px 0;gap:32px}.fa-next-lesson h2{margin-bottom:24px}.fa-next-lesson h3{font-size:26px}.fa-progress-overview{border-left:0;border-top:1px solid var(--fd-line);padding:24px 0 0}.fa-progress-overview h2{font-size:20px}.fa-progress-overview .fa-progress-value{font-size:36px}.fa-progress-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fa-progress-details>div{display:block;padding:0}.fa-progress-details dt{font-size:14px}.fa-progress-details dd{margin-top:4px}.fa-section-heading{flex-wrap:wrap;gap:12px}.fa-collection{padding:28px 0}.fa-saved-row{gap:14px;flex-wrap:wrap}.fa-saved-row>a,.fa-saved-row>div{gap:16px;flex-basis:100%}.fa-dashboard .fa-saved-card>button{margin:-4px 0 20px}.fa-saved-copy h3{font-size:18px}.fa-shortcuts>div{grid-template-columns:1fr;gap:0}.fa-shortcuts a{padding:14px 0;border-bottom:1px solid var(--fd-line)}.fa-shortcuts a:last-child{border:0}.fa-learning-columns{grid-template-columns:1fr;gap:28px}.fa-dashboard [data-account-panel=leren],.fa-dashboard [data-account-panel=favorieten],.fa-dashboard [data-account-panel=account]{padding-top:28px}}