/* Original Notion artwork, including slogan and bottle. Alpha mask preserves
   the supplied lettering while matching each existing page palette. */
.lactose-logo{display:block;width:120px;max-width:100%;aspect-ratio:1000/820;flex:none;background:currentColor;-webkit-mask:url('/assets/brand/lactose/png/fok-lactose_logo_transparant_navy.png') center/contain no-repeat;mask:url('/assets/brand/lactose/png/fok-lactose_logo_transparant_navy.png') center/contain no-repeat}
.lactose-brand-link{display:inline-flex;color:inherit;text-decoration:none;line-height:1}
.start h1.lactose-logo-heading{width:min(330px,86%);margin:0 auto 24px;line-height:1;letter-spacing:normal}
.start .lactose-logo-heading .lactose-logo{width:100%}
.lactose-menu-brand{margin:0 0 16px;padding:0!important}
.lactose-menu-brand .lactose-logo{width:116px}
.mini-brand:has(.lactose-logo),.wordmark:has(.lactose-logo){display:inline-flex;padding:0;line-height:1;flex-shrink:0}
.mini-brand .lactose-logo{width:100px}
.wordmark .lactose-logo{width:120px}
.fok-brand-link .lactose-logo{width:120px}
.lactose-brand-link:focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(max-width:500px){.start h1.lactose-logo-heading{width:min(292px,86%)}.wordmark .lactose-logo,.fok-brand-link .lactose-logo{width:108px}.mini-brand .lactose-logo{width:92px}}
@media(max-height:650px){.start h1.lactose-logo-heading{width:210px;margin-bottom:18px}}

/* Keep the agreed lactose identity when shared city palettes or saved views apply. */
body{
 --edition-bg:#fff!important;--edition-ink:#526b7a!important;--edition-card:#fff!important;
 --town-bg:#fff!important;--town-title:#526b7a!important;--town-ink:#526b7a!important;--town-card:#fff!important;
 --palette-page:#fff!important;--palette-ink:#526b7a!important;--palette-surface:#fff!important;--palette-accent:#526b7a!important;
 --fok-green:#526b7a;--fok-paper:#fff;--fok-line:#526b7a33;
}
body.city-app .primary-dock,body.city-app .primary-dock a{background:#fff!important;color:#526b7a!important;border-color:#526b7a33}
body.city-app .primary-dock a[aria-current=page]{background:#edf1f3!important;color:#526b7a!important}
body .saved-device-note,body .saved-heading,body .saved-heading p{color:#526b7a}
body .start input,body .about-home-link{background:#fff;color:#526b7a;border-color:#526b7a55}
body .start .playful,body .scan-caption{color:#526b7a}
body .scan-fab{background:#526b7a!important;color:#fff!important}
body .food-pattern{color:#526b7a!important}
body a:focus-visible,body button:focus-visible{outline-color:#526b7a}
body .favo-button .milk-bottle{transform:rotate(-9deg)}
body.city-app .primary-dock .scan-fab{background:#fff!important;color:#526b7a!important;border-color:transparent!important}
body #personal-status,body .fok-toast,body .primary-dock .nav-count{background:#526b7a!important;color:#fff!important;border-color:#526b7a33!important}

/* The menu dialog shares behavior with gluten, while retaining the lactose identity. */
body .scan-inner{background-image:linear-gradient(#ffffffed,#ffffffed),url('/assets/pattern-facts.svg')}
body .scan-dialog .scan-scope{background:#edf1f3;color:#526b7a}
body .scan-dialog textarea,body .scan-dialog .scan-close,body .scan-dialog button:not(.scan-primary){background:#fff;color:#526b7a;border-color:#526b7a55}
body .scan-dialog textarea:focus-visible{outline-color:#526b7a}