.fok-personal-link{color:inherit;font:600 14px Arial,sans-serif;text-decoration:none;padding:12px 16px;border-radius:30px;border:1px solid currentColor;display:inline-flex;gap:8px;align-items:center}.fok-personal-link .fok-dot{background:#cbeaaf;color:#184b37;border-radius:30px;min-width:21px;text-align:center;padding:3px}.welcome>.fok-personal-link{margin-top:0}.personal-greeting{font-size:clamp(22px,4vw,32px);font-weight:500;line-height:1.3;margin:0 0 26px;letter-spacing:-.6px}.fok-dialog{box-sizing:border-box;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:28px;padding:36px;color:#214f3e;background:#f8f7ef;box-shadow:0 24px 100px #112b3340;font:16px/1.5 Arial,sans-serif}.fok-dialog::backdrop{background:#123d30a6;backdrop-filter:blur(5px)}.fok-dialog h2,.my-fok h1{font-size:clamp(30px,6vw,44px);font-weight:500;letter-spacing:-1.4px;line-height:1.12;margin:18px 0}.fok-kicker{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700}.fok-dialog p{color:#52695d}.fok-dialog input,.fok-dialog select,.fok-dialog textarea,.my-fok input,.my-fok select,.my-fok textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #b6c7b7;border-radius:12px;padding:14px;background:#fffef8;color:#214f3e;margin-top:8px}.fok-dialog label,.my-fok label{display:block;text-align:left;font-size:15px;margin:18px 0}.fok-dialog button,.my-fok button,.fok-primary{font:600 15px Arial,sans-serif;cursor:pointer;padding:14px 21px;min-height:46px;border-radius:30px;border:1px solid #214f3e;color:#214f3e;background:transparent;text-decoration:none;display:inline-block}.fok-dialog .fok-primary,.my-fok .fok-primary{background:#186347;color:#fffdee;border-color:#186347}.fok-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:28px}.fok-dialog .fok-quiet,.my-fok .fok-quiet{border:0;text-decoration:underline;padding-inline:2px}.fok-options{display:grid;gap:10px;margin:24px 0}.fok-options button{border-radius:14px;text-align:left;padding:18px}.fok-options button[aria-pressed=true]{background:#e3ecd9;border:2px solid #186347}.fok-progress{display:flex;gap:6px;margin-top:12px}.fok-progress i{height:3px;flex:1;background:#dce4d6;border-radius:4px}.fok-progress i.active{background:#186347}.fok-error{color:#923e2a!important}.fok-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:10000;padding:15px 23px;border-radius:18px;background:#173f31;color:#fffdf0;max-width:calc(100% - 36px);width:max-content;font:15px/1.4 Arial,sans-serif;box-shadow:0 4px 25px #0003}.my-fok{max-width:860px;margin:auto;padding:32px 24px 90px;color:#214f3e;font:16px/1.6 Arial,sans-serif;display:block;min-height:100svh}.my-fok header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:60px}.my-fok a{color:inherit}.my-fok .fok-tabs{display:flex;gap:25px;overflow:auto;border-bottom:1px solid #ccd5c7;margin:36px 0}.my-fok .fok-tabs button{border:0;border-radius:0;white-space:nowrap;padding:14px 0;color:#597464}.my-fok .fok-tabs [aria-selected=true]{color:#184b37;border-bottom:2px solid #184b37}.my-fok h2{font-size:25px;font-weight:500;letter-spacing:-.6px}.my-fok .fok-card{background:#fffdf6;border:1px solid #e0e5d7;border-radius:20px;margin:14px 0;padding:24px}.my-fok .fok-card h3{font-size:22px;line-height:1.25;margin:8px 0}.my-fok .fok-card p{margin:10px 0}.my-fok .fok-muted{color:#657267;font-size:14px}.my-fok input[type=checkbox]{width:20px;height:20px;margin:0 12px 0 0;vertical-align:middle}.my-fok .fok-switch{display:flex;align-items:center;padding:18px 0;border-bottom:1px solid #dce1d5}.my-fok .fok-switch span{flex:1}.my-fok .fok-switch small{display:block;color:#617363;margin-top:4px}.my-fok .fok-empty{padding:32px 0;color:#637266}.fok-visit-entry{display:block;margin:20px 0;border-top:1px solid #ccd5c7;padding-top:18px}.fok-visit-entry button{background:none;border:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;padding:8px 0}.fok-visit-entry p{font-size:13px;opacity:.75}.my-fok [hidden],.fok-dialog [hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #82a261;outline-offset:4px}@media(max-width:480px){.fok-dialog{padding:25px}.my-fok header{margin-bottom:42px}.my-fok .fok-card{padding:20px}.my-fok .fok-tabs{gap:18px}}

/* The shared FOK typography and surfaces also belong to the personal journey. */
@font-face{font-family:Fraunces;src:url('/assets/fraunces-italic-700.ttf') format('truetype');font-style:italic;font-weight:700;font-display:swap}
body.my-fok-page{background:#cfe6d9;color:#244e40}
body.my-fok-page:before{background-image:url('/assets/pattern-facts.svg');opacity:.035}
body.my-fok-page main.my-fok{max-width:940px;padding-bottom:max(70px,env(safe-area-inset-bottom));color:#244e40}
.my-fok>.begin-hero{padding:32px 0 12px}
.my-fok .begin-hero h1{font:italic 700 clamp(34px,6vw,56px)/1.15 Fraunces,Georgia,serif;letter-spacing:-.025em;text-wrap:balance;max-width:740px}
.my-fok h2,.fok-dialog h2{font:italic 700 clamp(27px,4vw,34px)/1.2 Fraunces,Georgia,serif;letter-spacing:-.035em;text-wrap:balance}
.my-fok .fok-card h3{font:italic 700 25px/1.25 Fraunces,Georgia,serif;letter-spacing:-.025em}
.my-fok .fok-card{background:#f5fcf7;border-color:#244e4020;border-radius:23px;box-shadow:0 8px 24px #244e4005}
.my-fok button,.fok-dialog button{border-radius:15px;border-color:#244e4035;box-shadow:none}
.my-fok .fok-primary,.fok-dialog .fok-primary{background:#244e40;color:#fffaf0;border-color:#244e40}
.my-fok .fok-tabs{margin:24px 0 36px;border-color:#244e4025}
.my-fok .fok-tabs button{border-radius:0}
.my-fok input,.my-fok select,.my-fok textarea,.fok-dialog input,.fok-dialog select,.fok-dialog textarea{background:#fffef9;border-color:#244e4035;font:16px/1.5 Arial,Helvetica,sans-serif;box-shadow:none}
.my-fok .fok-switch{font-weight:600;border-color:#244e4025}
.my-fok .fok-switch small{font-weight:400;line-height:1.6}
.my-fok input[type=checkbox]{accent-color:#244e40;flex-shrink:0}
.my-fok .fok-muted{line-height:1.8;color:#456454}
.my-fok>.fok-muted{font-size:12px;border-top:1px solid #244e4020;padding-top:25px;margin-top:52px;max-width:680px}
.fok-dialog{background:#f5fcf7;color:#244e40;border:1px solid #244e4020;border-radius:26px}
.fok-dialog-brand{width:90px;aspect-ratio:640/550;margin:0 0 20px;background:#186247;-webkit-mask:url('/assets/brand/word-mask.svg') center/contain no-repeat;mask:url('/assets/brand/word-mask.svg') center/contain no-repeat}
.fok-dialog .fok-kicker{font-size:10px;letter-spacing:2px;margin-top:0}
.fok-dialog h2{font-size:clamp(31px,6vw,42px);margin:25px 0 16px}
.fok-dialog p{line-height:1.75}
.fok-dialog .fok-progress{margin-top:16px}
.fok-dialog .fok-quiet,.my-fok .fok-quiet{border-radius:0;text-underline-offset:5px}
.fok-options button[aria-pressed=true]{background:#dbeee0;border-color:#244e40}
.personal-greeting{font:italic 700 clamp(24px,4vw,33px)/1.3 Fraunces,Georgia,serif;letter-spacing:-.025em;text-wrap:balance}
.my-fok .fok-card a,.my-fok .fok-muted a{text-underline-offset:4px}
.my-fok .fok-tabs button:hover{color:#244e40}
@media(max-width:480px){.fok-dialog-brand{width:72px;margin-bottom:16px}.fok-dialog{padding:25px}.my-fok .fok-card h3{font-size:23px}.my-fok .fok-tabs{gap:22px}}
.fok-appointment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px;margin-top:22px}.my-fok .fok-appointment-actions .fok-primary{background:#244e40;color:#fffaf0;border-radius:15px;font:600 14px/1.5 Arial;padding:13px 20px;text-decoration:none}.fok-appointment-actions>a:not(.fok-primary){font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.fok-example-note{font:12px/1.6 Arial,Helvetica,sans-serif;text-align:center;color:inherit;opacity:.65;margin:24px 0 12px}.fok-example-note a{color:inherit;text-underline-offset:3px}
/* The personal entry sits quietly above the central diet choice. */
.welcome-personal-nav{position:absolute;z-index:5;top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right))}.welcome-personal-nav .fok-personal-link{min-height:46px;padding:11px 16px;gap:9px;border:1px solid #18624726;border-radius:999px;background:#fffdf680;color:#244e40;font:600 13px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;transition:background .16s,border-color .16s}.welcome-personal-nav .fok-personal-link:hover{background:#fffdf6;border-color:#18624766}.welcome-personal-nav .fok-personal-link svg{flex:none}.welcome-personal-nav~main{padding-top:max(100px,calc(env(safe-area-inset-top) + 78px))}@media(max-width:480px){.welcome-personal-nav{top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right))}.welcome-personal-nav .fok-personal-link{padding:10px 14px}}@media(prefers-reduced-motion:reduce){.welcome-personal-nav .fok-personal-link{transition:none}}

/* The dialog title receives initial focus without acting as a keyboard control. */
.fok-dialog h2[tabindex="-1"]:focus{outline:none}