.menu-overlay{display:none;position:fixed;inset:0;z-index:450;margin:0;padding:0;border:none;background:rgba(0,0,0,.45);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--anim-duration-normal) var(--anim-timing-ease),visibility var(--anim-duration-normal) var(--anim-timing-ease)}.menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;width:100%;height:100dvh;max-height:100dvh;background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:460;box-shadow:0 8px 40px rgba(0,0,0,.12);flex-direction:column;transform:translateY(-100%);transition:transform var(--anim-duration-normal) var(--anim-timing-ease);padding-inline:max(var(--space-6),var(--gutter));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.mobile-menu.active{transform:translateY(0)}.mobile-menu__body{--mobile-menu-inline-padding:var(--space-4);flex:0 0 auto;min-height:auto;padding-block:calc(var(--logo-h) + var(--space-4)) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.mobile-menu__account-block{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) 0 var(--space-5);border-bottom:1px solid var(--color-border)}.mobile-menu__account-block .mobile-menu__profile{padding:0;border-bottom:none}.mobile-menu__reciplits{padding:0}.mobile-menu__reciplits .reciplits-counter-bar{padding:var(--space-2) 0;gap:var(--space-3)}.mobile-menu__profile{display:flex;align-items:center;padding:var(--space-4) 0 var(--space-5);background:transparent;border:0;border-bottom:1px solid var(--color-border);border-radius:0}.mobile-menu__profile-text{min-width:0;flex:1 1}.mobile-menu__profile-name{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight)}.mobile-menu__profile-email{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-muted);word-break:break-word}.mobile-menu__profile--skeleton{pointer-events:none}.mobile-menu__profile-name-skeleton{display:block;width:8rem;height:1rem;margin-bottom:var(--space-2)}.mobile-menu__profile-email-skeleton{display:block;width:12rem;height:.75rem}.mobile-menu__alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--mobile-menu-inline-padding);border-radius:var(--radius-sm);border:1px solid rgb(var(--color-primary-rgb)/35%);background:var(--color-primary-alpha-15);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:var(--hover-subtle-transition)}.mobile-menu__alert:hover{background:var(--color-primary-alpha-20);border-color:rgb(var(--color-primary-rgb)/45%)}.mobile-menu__alert:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-menu__alert .mobile-menu__chevron{flex-shrink:0;opacity:.65}.mobile-menu__write-shell{margin-inline:0;-webkit-padding-before:var(--space-3);padding-block-start:var(--space-3)}.mobile-menu__logout-shell{display:flex;flex-direction:column;gap:0;margin-inline:0;-webkit-padding-before:var(--space-5);padding-block-start:var(--space-5)}.mobile-menu__divider{height:1px;flex-shrink:0;margin:0 0 var(--space-4);background:var(--color-border)}.mobile-menu__cta-block .write-recipe-btn--menu.mobile-menu__write-cta{position:relative;box-sizing:border-box;width:100%;min-height:var(--touch-target-min);margin-inline:0;padding:var(--space-3) var(--mobile-menu-inline-padding);border-radius:var(--radius-subtle);font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center;text-align:center}.mobile-menu__cta-block .mobile-menu__write-cta .write-recipe-btn__icon{position:absolute;top:50%;left:var(--mobile-menu-inline-padding);display:inline-flex;align-items:center;line-height:1;transform:translateY(-50%)}.mobile-menu__cta-block .mobile-menu__write-cta .write-recipe-btn__icon .app-icon,.mobile-menu__cta-block .mobile-menu__write-cta .write-recipe-btn__icon i{display:block}.mobile-menu__cta-block .mobile-menu__write-cta .write-recipe-btn__label{display:inline-flex;align-items:center;justify-content:center;width:100%;line-height:1;text-align:center}.mobile-menu__section{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-menu__section-label{margin:0;font-size:.7rem;letter-spacing:.1em;color:var(--color-muted);text-transform:none}.mobile-menu__list{list-style:none;margin:0;padding:0}.mobile-menu__list--skeleton{padding:var(--space-4);pointer-events:none}.mobile-menu__list li:not(:last-child)>.mobile-menu__row,.mobile-menu__list li:not(:last-child)>.mobile-menu__unit-preference{border-bottom:1px solid rgba(0,0,0,.12)}.mobile-menu__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:var(--touch-target-min);padding:var(--space-4) var(--mobile-menu-inline-padding);box-sizing:border-box;border:none;margin:0;background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-decoration:none;text-align:left;cursor:pointer;touch-action:manipulation;transition:var(--hover-subtle-transition)}.mobile-menu__row,a.mobile-menu__row{color:var(--color-text)}.mobile-menu__row:hover,a.mobile-menu__row:hover{background:var(--hover-subtle-bg);text-decoration:none}.mobile-menu__row:focus-visible{outline:none;background:var(--color-primary-alpha-10);box-shadow:inset 0 0 0 2px var(--color-primary)}.mobile-menu__row-label{line-height:var(--line-height-tight)}.mobile-menu__unit-preference{padding:var(--space-4) var(--mobile-menu-inline-padding)}.mobile-menu__unit-preference .unit-system-toggle{width:100%;box-sizing:border-box;justify-content:center}.mobile-menu__unit-preference .unit-system-toggle__button--active,.mobile-menu__unit-preference .unit-system-toggle__button--active:focus-visible,.mobile-menu__unit-preference .unit-system-toggle__button--active:hover:not(:disabled){background:var(--color-sage-subdued);border-color:transparent;color:#ffffff}.mobile-menu__unit-preference .unit-system-toggle__button--active .unit-system-toggle__label{color:#ffffff}.mobile-menu__row--inspiration,.mobile-menu__row--whats-cooking{background:transparent;font-weight:var(--font-weight-bold)}.mobile-menu__row--lucky:hover{background:var(--hover-subtle-bg)}.mobile-menu__chevron{flex-shrink:0;opacity:.35;color:var(--color-text)}.mobile-menu__row:hover .mobile-menu__chevron{opacity:.55}.mobile-menu__section--guest .mobile-menu__auth{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-menu__auth-btn.icon-label-button{width:100%;min-height:var(--touch-target-min);box-sizing:border-box;letter-spacing:normal;text-transform:none}.mobile-menu__footer-lang{display:flex;justify-content:center;width:100%}.mobile-menu__footer{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);padding-bottom:0}.mobile-menu__footer-lang .lang-switch{display:flex;justify-content:center;width:100%;margin:0;font-size:.78rem;gap:var(--space-3);padding-block:var(--space-2)}.mobile-menu__footer-lang .lang-switch-link{padding:var(--space-3) var(--space-4);min-height:44px;display:inline-flex;align-items:center;opacity:.55;border-radius:var(--radius-subtle);border:1px solid transparent;transition:opacity var(--anim-fast),var(--hover-subtle-transition)}.mobile-menu__footer-lang .lang-switch-link:hover{opacity:1;background:var(--hover-subtle-bg)}.mobile-menu__footer-lang .lang-switch-link.is-active{opacity:1;background:var(--color-surface-subtle);border-color:var(--color-border)}.mobile-menu__signout{width:100%;margin:0;padding:var(--space-4) var(--mobile-menu-inline-padding);border:none;border-radius:var(--radius-subtle);background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);cursor:pointer;touch-action:manipulation;transition:var(--hover-subtle-transition)}.mobile-menu__signout:hover:not(:disabled){background:var(--hover-subtle-bg)}.mobile-menu__signout:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-menu__signout:disabled{opacity:.55;cursor:not-allowed}.mobile-menu .mobile-menu__alert,.mobile-menu .mobile-menu__back,.mobile-menu .mobile-menu__footer-lang .lang-switch-link,.mobile-menu .mobile-menu__row,.mobile-menu .mobile-menu__signout,.mobile-menu .mobile-menu__write-cta.write-recipe-btn,.mobile-menu a.mobile-menu__row{letter-spacing:normal}@media (max-width:991px){body.menu-open .site-nav{z-index:470}body.menu-open .site-nav .site-nav__my-recipes-btn,body.menu-open .site-nav__mobile-trailing .notification-bell,body.menu-open .site-nav__search{display:none!important}body.menu-open .site-nav__logo{z-index:480}body.menu-open .site-nav__logo-img{filter:none}}.mobile-menu__body{transition:transform var(--anim-duration-normal) var(--anim-timing-ease)}.mobile-menu.is-categories-view .mobile-menu__body{transform:translateX(-12%)}.mobile-menu__subpanel{position:absolute;inset:0;z-index:2;background:var(--color-bg);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;transition:transform var(--anim-duration-normal) var(--anim-timing-ease),visibility var(--anim-duration-normal) var(--anim-timing-ease);padding-inline:max(var(--space-6),var(--gutter));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.mobile-menu.is-categories-view .mobile-menu__subpanel{transform:translateX(0);visibility:visible}.mobile-menu__subpanel-body{padding-block:calc(var(--logo-h) + var(--space-4)) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.mobile-menu__back{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;padding:var(--space-2) var(--space-3) var(--space-2) 0;background:transparent;border:none;cursor:pointer;touch-action:manipulation;font-family:var(--font-sans);font-size:.7rem;font-weight:var(--font-weight-bold);color:var(--color-muted);transition:color var(--anim-fast)}.mobile-menu__back:hover{color:var(--color-text)}.mobile-menu__back:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-subtle)}.mobile-menu__back-chevron{flex-shrink:0;opacity:.65}@media (max-width:991px){body.menu-open{overflow:hidden}.menu-overlay{display:block}.mobile-menu{display:flex}}.mobile-menu__close{display:none;position:fixed;top:calc(var(--safe-top, 0px) + (var(--logo-h) / 2) - 9.5px);right:calc(max(var(--gutter), env(safe-area-inset-right, 0px)) + var(--space-4) - 3px);z-index:491;pointer-events:auto;margin:0;transition:opacity var(--anim-fast)}.mobile-menu__close:hover{opacity:.65;background:none}.mobile-menu__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-subtle);background:none}@media (max-width:991px){body.menu-open .mobile-menu__close{display:inline-flex}}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:28px;height:18px;cursor:pointer;box-sizing:content-box;padding:16px 11px;margin:-16px -11px;touch-action:manipulation}.hamburger-line{width:100%;height:1.5px;background:var(--nav-ink,#ffffff);border-radius:1px;transition:background var(--anim-duration-fast) var(--anim-timing-ease),transform var(--anim-duration-fast) var(--anim-timing-ease),opacity var(--anim-duration-fast) var(--anim-timing-ease)}.hamburger-menu.active .hamburger-line:first-child{transform:translateY(8.25px) rotate(45deg)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:translateY(-8.25px) rotate(-45deg)}@media (max-width:991px){body.menu-open .hamburger-menu{visibility:hidden;pointer-events:none}.hamburger-menu{display:flex}body.menu-open{overflow:hidden}}.lang-switch{display:inline-flex;align-items:center;gap:.35rem;margin-left:var(--space-3);font-size:.78rem;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-widest)}.lang-switch-sep{opacity:.35;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lang-switch-link{color:inherit;text-decoration:none;opacity:.65;transition:opacity var(--anim-fast)}.lang-switch-link:hover{opacity:1}.lang-switch-link.is-active{opacity:1;text-decoration:underline;text-underline-offset:3px}:root{--color-primary:#f4b33c;--color-primary-rgb:244,179,60;--color-accent:#d23a32;--color-white:#ffffff;--color-bg:#faf9f8;--color-text:#2a2a2a;--color-text-on-primary:#1a1a1a;--color-muted:#666666;--color-border:rgb(var(--color-primary-rgb)/15%);--color-remove-border:var(--color-accent);--color-remove-bg:var(--color-white);--color-remove-ink:var(--color-accent);--color-remove-hover-bg:color-mix(in srgb,var(--color-accent) 12%,var(--color-white));--color-remove-hover-border:color-mix(in srgb,var(--color-accent) 72%,var(--color-text-on-primary));--color-remove-solid-bg:var(--color-accent);--color-remove-solid-ink:var(--color-remove-bg);--color-remove-solid-hover:color-mix(in srgb,#000000 12%,var(--color-accent));--color-sage-subdued:rgb(83,102,77);--color-sage-subdued-rgb:83,102,77;--color-recipe-owner-bar:var(--color-sage-subdued);--color-recipe-owner-bar-rgb:var(--color-sage-subdued-rgb);--color-surface-subtle:rgb(var(--color-primary-rgb)/6%);--color-surface-blue-subtle:#e8eaf6;--color-surface-blue-subtle-ink:#283593;--color-surface-sage-subtle:rgb(var(--color-sage-subdued-rgb)/11%);--color-announcement-bg-default:#e1f0ec;--color-subtle-teal:rgb(242 246 247);--color-subtle-teal-rgb:242,246,247;--category-badge-bg:var(--color-sage-subdued);--category-badge-text:var(--color-white);--category-badge-focus-ring:rgb(255 255 255/55%);--color-code-bg:rgb(var(--color-primary-rgb)/8%);--color-pre-bg:#f0ede9;--color-blockquote-bg:var(--color-code-bg);--color-primary-alpha-10:rgb(var(--color-primary-rgb)/10%);--color-primary-alpha-12:rgb(var(--color-primary-rgb)/12%);--color-primary-alpha-15:rgb(var(--color-primary-rgb)/15%);--color-primary-alpha-20:rgb(var(--color-primary-rgb)/20%);--color-primary-alpha-25:rgb(var(--color-primary-rgb)/25%);--color-primary-alpha-40:rgb(var(--color-primary-rgb)/40%);--font-sans:var(--font-body),system-ui,sans-serif;--font-display:var(--font-zilla-slab),serif;--font-heading:var(--font-display);--font-heading-narrow:var(--font-sans);--font-mono:"Courier New",Courier,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--title-h1-size:clamp(2rem,1.375rem + 2vw,var(--text-4xl));--title-h2-size:clamp(1.625rem,1.125rem + 1.5vw,var(--text-3xl));--title-hero-size:clamp(2.375rem,1.625rem + 3vw,3.25rem);--title-h1-line-height:1.04;--title-h2-line-height:1.06;--title-hero-line-height:1;--text-display:var(--title-hero-size);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--title-display-weight:var(--font-weight-normal);--title-h1-h2-weight:var(--font-weight-semibold);--title-h3-size:var(--text-xl);--title-h3-weight:var(--font-weight-extrabold);--title-h3-tracking:0.05em;--title-h4-size:var(--text-lg);--title-h4-weight:var(--font-weight-bold);--title-h4-tracking:0.06em;--title-h5-size:var(--text-base);--title-h5-weight:var(--font-weight-bold);--title-h5-tracking:0.07em;--title-h6-size:var(--text-xs);--title-h6-weight:var(--font-weight-bold);--title-h6-tracking:0.08em;--letter-spacing-normal:0.02em;--letter-spacing-tight:0;--letter-spacing-wide:0.05em;--letter-spacing-wider:0.06em;--letter-spacing-widest:0.08em;--line-height-tight:1.15;--line-height-normal:1.3;--line-height-relaxed:1.7;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--max-width:1300px;--content-width:720px;--gutter:var(--space-6);--panel-width:calc(var(--max-width) + 2 * var(--space-8));--home-promo-banner-extend:clamp(2rem,5.5vw,4.25rem);--touch-target-min:2.75rem;--recipe-chrome-action-size:var(--touch-target-min);--icon-size-sm:18px;--icon-size-md:20px;--radius:12px;--radius-sm:6px;--radius-subtle:0.4rem;--radius-pill:100px;--radius-chip:20px;--border-width-default:1.5px;--border-width-thin:1px;--color-input-border:rgb(42 42 42/9%);--color-input-border-hover:var(--color-primary-alpha-40);--color-input-border-focus:var(--color-primary);--color-input-border-hover-light:rgb(255 255 255/38%);--color-card-border:var(--color-input-border);--border-subtle:var(--border-width-thin) solid var(--color-card-border);--color-border-muted:rgb(42 42 42/20%);--border-muted:var(--border-width-thin) solid var(--color-border-muted);--shadow-sm:0 2px 8px rgba(0,0,0,0.35);--shadow-md:0 4px 16px rgba(0,0,0,0.45);--shadow-elevated:0 12px 40px rgba(0,0,0,0.55);--shadow-inset-soft:inset 0 1px 2px rgba(255,255,255,0.06);--shadow-subtle:0 2px 10px rgba(0,0,0,0.035);--shadow-hover-subtle:0 3px 10px rgba(0,0,0,0.03);--shadow-nav-pill:0 4px 18px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);--shadow-float:0 3px 10px rgba(0,0,0,0.16),0 1px 3px rgba(0,0,0,0.1);--panel-menu-border-color:rgba(0,0,0,0.1);--panel-menu-border:1px solid var(--panel-menu-border-color);--panel-menu-shadow:var(--shadow-nav-pill);--divider-subtle:1px solid var(--color-border);--recipe-item-card-bg:rgb(255 255 255/90%);--recipe-item-card-border:none;--recipe-item-card-shadow:none;--recipe-item-list-gap:var(--space-2);--anim-duration-fast:0.2s;--anim-duration-normal:0.3s;--anim-duration-slow:0.5s;--anim-timing-ease:ease;--anim-timing-ease-in:ease-in;--anim-timing-ease-out:ease-out;--anim-timing-ease-in-out:ease-in-out;--anim-fast:var(--anim-duration-fast) var(--anim-timing-ease);--anim-nav-skin:0.32s var(--anim-timing-ease);--anim-nav-reveal:transform 0.34s var(--anim-timing-ease-in-out),opacity 0.26s var(--anim-timing-ease);--anim-reveal-quick:opacity var(--anim-duration-fast) var(--anim-timing-ease-out),transform var(--anim-duration-fast) var(--anim-timing-ease-out),max-width var(--anim-duration-fast) var(--anim-timing-ease-out),margin-left var(--anim-duration-fast) var(--anim-timing-ease-out);--hover-subtle-surface:#ffffff;--hover-subtle-bg:color-mix(in srgb,#000000 5%,var(--hover-subtle-surface));--hover-subtle-border:transparent;--hover-subtle-transition:background var(--anim-fast),color var(--anim-fast);--hover-subtle-on-dark-bg:rgba(255,255,255,0.15);--hover-subtle-on-dark-active-bg:rgba(255,255,255,0.22);--hover-subtle-on-dark-transition:background var(--anim-fast);--hover-aggressive-bg:var(--color-primary);--hover-aggressive-ink:var(--color-text-on-primary);--hover-aggressive-active-bg:color-mix(in srgb,#000000 12%,var(--hover-aggressive-bg));--hover-aggressive-transition:background var(--anim-fast),color var(--anim-fast),border-color var(--anim-fast);--hover-outline-primary-bg:var(--color-primary-alpha-15);--hover-btn-transition:background var(--anim-fast),color var(--anim-fast),border-color var(--anim-fast),filter var(--anim-fast);--hover-link-transition:color var(--anim-fast),text-decoration-color var(--anim-fast);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-toast:540;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--glass-bg:var(--color-bg);--glass-border:var(--border-width-default) solid var(--color-border);--input-bg:var(--color-white);--input-border:var(--border-width-thin) solid var(--color-input-border);--input-border-focus:var(--color-input-border-focus);--input-bg-focus:var(--color-white);--input-padding-block:var(--space-2);--input-padding-inline:var(--space-3);--input-min-height:2.35rem;--input-font-size:1rem;--input-shadow-focus:inset 0 1px 2px rgba(0,0,0,0.05),0 0 0 3px var(--color-primary-alpha-10);--badge-padding-lg:4px 8px;--badge-padding-sm:2px 7px;--badge-font-size-lg:0.7rem;--badge-font-size-sm:0.65rem;--badge-font-weight:700;--badge-letter-spacing:0.75px;--badge-text-transform:uppercase;--badge-border-radius:0;--chip-padding:5px 14px;--chip-border:var(--border-width-default) solid var(--color-border);--chip-font-size:var(--text-sm);--chip-font-weight:600;--chip-border-radius:var(--radius-pill);--btn-padding:var(--space-3) var(--space-6);--btn-font-size:var(--text-sm);--btn-font-weight:700;--btn-line-height:var(--line-height-tight);--btn-letter-spacing:var(--letter-spacing-wider);--btn-border-radius:var(--radius-subtle);--btn-border:var(--border-width-default) solid transparent}@media (min-width:481px) and (max-width:1024px){:root{--gutter:clamp(var(--space-4),2.8vw,var(--space-6))}}@media (max-width:480px){:root{--gutter:var(--space-4)}}.nav-search-shell{width:100%;min-width:0;position:relative}.nav-search-shell__inline{display:contents}.nav-search-shell--collapsed .nav-search-shell__inline,.nav-search-shell__icon-trigger{display:none}.nav-search-shell--collapsed .nav-search-shell__icon-trigger{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:none;background:transparent;border-radius:var(--radius-pill);color:var(--nav-ink,#ffffff);cursor:pointer;flex-shrink:0;transition:background var(--anim-fast),color var(--anim-nav-skin)}.nav-search-shell--collapsed .nav-search-shell__icon-trigger .app-icon{width:var(--icon-size-md);height:var(--icon-size-md)}.nav-search-shell--collapsed .nav-search-shell__icon-trigger:hover,.nav-search-shell--collapsed .nav-search-shell__icon-trigger[aria-expanded=true]{background:var(--nav-hover-bg,rgba(255,255,255,.12))}.nav-search-shell--collapsed .nav-search-shell__icon-trigger:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.nav-search-shell__backdrop{position:fixed;inset:0;z-index:396;background:rgba(0,0,0,.35);border:none;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;animation:nav-search-backdrop-in .15s ease forwards}@keyframes nav-search-backdrop-in{0%{opacity:0}to{opacity:1}}.nav-search-shell__panel{position:fixed;top:calc(var(--logo-h) + var(--safe-top, 0px));left:0;right:0;z-index:397;background:var(--color-bg);padding:var(--space-3) max(var(--space-4),var(--gutter)) var(--space-3);padding-left:max(var(--space-4),env(safe-area-inset-left,0px));padding-right:max(var(--space-4),env(safe-area-inset-right,0px));box-shadow:0 8px 24px rgba(0,0,0,.14);animation:nav-search-panel-in .15s ease forwards}@keyframes nav-search-panel-in{0%{opacity:0}to{opacity:1}}.nav-search-shell__panel .search-bar{margin:0;padding:0;background:transparent}.nav-bg~.site-nav .nav-search-shell--expanded .nav-search-shell__panel [data-search-variant=nav] .search-input,.nav-search-shell__panel [data-search-variant=nav] .search-input{background:#ffffff;border:1.5px solid rgba(42,42,42,.65);color:var(--color-text);border-radius:var(--radius-pill);padding-left:2.4rem}.nav-search-shell__panel [data-search-variant=nav] .search-input::placeholder{color:var(--color-muted)}.nav-bg~.site-nav .nav-search-shell--expanded .nav-search-shell__panel [data-search-variant=nav] .search-input:hover:not(:disabled),.nav-search-shell__panel [data-search-variant=nav] .search-input:hover:not(:disabled){border-color:var(--color-input-border-hover)}.nav-bg~.site-nav .nav-search-shell--expanded .nav-search-shell__panel [data-search-variant=nav] .search-input:focus,.nav-search-shell__panel [data-search-variant=nav] .search-input:focus{border-color:var(--color-input-border-focus);box-shadow:var(--input-shadow-focus)}.nav-bg~.site-nav .nav-search-shell--expanded .nav-search-shell__panel [data-search-variant=nav] .search-icon,.nav-search-shell__panel [data-search-variant=nav] .search-icon{color:var(--color-text);left:var(--space-3)}.nav-search-shell__panel [data-search-variant=nav] .search-clear{color:var(--color-muted)}.nav-search-shell__panel [data-search-variant=nav] .search-input-wrap:focus-within .search-icon{color:var(--color-text)}.search-bar{position:relative}.search-bar[data-search-variant=nav]{z-index:360}.search-bar[data-search-variant=home]{padding-block:var(--space-16);background:#fff;z-index:var(--z-sticky)}@media (max-width:640px){.search-bar[data-search-variant=home]{padding-block:var(--space-8) var(--space-12)}}.search-bar[data-search-variant=nav]{background:transparent;border-bottom:none;padding-block:0}.search-bar[data-search-variant=nav],.search-bar[data-search-variant=nav] .container,.search-bar[data-search-variant=nav] .search-outer{max-width:none;margin-inline:0;padding-inline:0}.search-outer{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.search-panel{background:transparent;border:0;border-radius:0;padding:0;position:relative}.search-heading{text-align:center;font-family:var(--font-heading);font-size:var(--title-h2-size);font-style:normal;font-weight:var(--font-weight-semibold)!important;color:var(--color-text);margin-bottom:var(--space-8);letter-spacing:.01em}@media (max-width:640px){[data-search-variant=home] .search-heading{font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}}.search-row{display:flex;align-items:center;gap:0}[data-search-variant=nav] .search-row{gap:var(--space-3);flex-wrap:wrap}[data-search-variant=nav] .search-row .family-filter-root{flex:0 1 auto;min-width:0;max-width:100%}.search-input-wrap{position:relative;flex:1 1;min-width:0;z-index:370}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-muted);pointer-events:none;z-index:1;border-radius:999px;padding:3px;box-sizing:content-box;transition:color var(--anim-fast),background-color var(--anim-fast)}[data-search-variant=home] .search-icon{background:rgba(139,90,60,.1)}[data-search-variant=nav] .search-icon{left:2px;padding:0;box-sizing:border-box;color:var(--nav-ink-soft,var(--color-muted))}.search-input{width:100%;border:2.5px solid rgb(var(--color-primary-rgb)/55%);border-radius:var(--radius-subtle);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:#fff;transition:border-color var(--anim-fast),box-shadow var(--anim-fast)}.search-input:hover:not(:disabled){border-color:var(--color-input-border-hover)}[data-search-variant=home] .search-input{padding:.9rem var(--space-8) .9rem 2.95rem;font-size:var(--text-base)}[data-search-variant=nav] .search-input{padding:.4rem var(--space-6) .4rem 1.75rem;font-size:var(--text-sm);background:transparent;border:1.5px solid var(--nav-border,rgba(255,255,255,.5));border-radius:var(--radius-pill);color:var(--nav-ink,var(--color-text));transition:border-color var(--anim-fast),color var(--anim-nav-skin)}[data-search-variant=nav] .search-input::placeholder{color:var(--nav-ink-soft,var(--color-muted))}[data-search-variant=nav] .search-input:hover:not(:disabled){border-color:var(--color-input-border-hover-light)}[data-search-variant=nav] .search-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:var(--input-shadow-focus)}[data-search-variant=nav] .search-clear{color:var(--nav-ink-soft,var(--color-muted))}[data-search-variant=nav] .search-input-wrap:focus-within .search-icon,[data-search-variant=nav] .search-input:focus+.search-clear{color:var(--nav-ink,var(--color-primary))}.search-input::placeholder{color:var(--color-muted)}.search-input:focus{outline:none;border-color:var(--color-input-border-focus)}[data-search-variant=home] .search-input:focus{box-shadow:var(--input-shadow-focus)}.search-input:focus+.search-clear{color:var(--color-primary)}[data-search-variant=home] .search-input-wrap:focus-within .search-icon{background:rgba(139,90,60,.14)}@media (max-width:640px){[data-search-variant=home] .search-input{padding:.75rem var(--space-6) .75rem 2.4rem}}@media (max-width:768px){[data-search-variant=home] .search-input,[data-search-variant=nav] .search-input{font-size:16px}}.search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;padding:0;cursor:pointer;color:var(--color-muted);border-radius:var(--radius-subtle);transition:color var(--anim-fast),background-color var(--anim-fast)}.search-clear:hover{transform:translateY(-50%);color:var(--color-text);background:rgba(0,0,0,.06)}.search-chips-row{margin-top:var(--space-6);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3) var(--space-4)}.search-chips-row .search-chips{flex:1 1 min(20rem,100%);min-width:0}.search-chips-row .search-family-filter.family-filter-root{margin-top:0;flex:0 1 auto;min-width:0;max-width:100%}@media (max-width:720px){.search-chips-row .search-family-filter.family-filter-root{flex-basis:100%}}.search-chips{margin-top:0;display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;min-width:0}.search-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font:inherit;cursor:pointer;flex-shrink:0;transition:filter var(--anim-fast),transform var(--anim-fast)}.search-chip:focus-visible,.search-chip:hover{filter:brightness(.95);outline:none}.search-backdrop{position:fixed;inset:0;background:rgba(21,30,38,0);opacity:0;pointer-events:none;transition:opacity .2s ease,background-color .2s ease}.search-backdrop[data-search-backdrop=home]{z-index:150}.search-backdrop[data-search-backdrop=nav]{z-index:299}.search-backdrop.is-active{opacity:1;pointer-events:auto}.search-backdrop.is-dimmed{background:rgba(21,30,38,.26)}