.useful-menu{position:relative}.useful-menu summary{display:flex;align-items:center;gap:3px;list-style:none}.useful-menu summary::-webkit-details-marker{display:none}.useful-menu summary button{padding:3px;border:0;background:none;color:inherit;cursor:pointer}.useful-menu>div{position:absolute;top:calc(100% + 14px);left:50%;width:210px;padding:8px;display:none;transform:translateX(-50%);border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:var(--shadow)}.useful-menu[open]>div,.useful-menu:focus-within>div,.useful-menu:hover>div{display:grid}.useful-menu>div a{padding:10px 12px;border-radius:9px}.useful-menu>div a:hover,.useful-menu>div a:focus{background:var(--sage-light)}
.material-page{padding:54px clamp(20px,5vw,72px) 100px}.material-page>article,.materials-landing{max-width:1160px;margin:auto}.material-hero{display:grid;grid-template-columns:1fr minmax(320px,520px);align-items:center;gap:clamp(28px,5vw,70px);padding-bottom:55px}.material-hero h1{font-size:clamp(46px,6vw,76px)}.material-hero p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:17px;line-height:1.7}.material-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px}.material-content{max-width:800px;margin:auto}.material-content h2{margin:55px 0 20px;font-size:clamp(31px,4vw,46px)}.material-content h3{margin:34px 0 12px;font:700 25px "Playfair Display",serif}.material-content p,.material-content li{line-height:1.75}.material-content figure{margin:32px 0}.material-content figure img{width:100%;height:auto;border-radius:20px}.material-content figcaption{margin-top:8px;color:var(--muted);font-size:13px}.material-callout{margin:28px 0;padding:22px 24px;border-left:4px solid var(--sage);border-radius:0 16px 16px 0;background:var(--sage-light);line-height:1.65}.material-table{overflow:auto}.material-table table{width:100%;border-collapse:collapse}.material-table td{padding:12px;border-bottom:1px solid var(--line)}.reference-divider{margin-top:70px;padding:44px 0 0;border-top:3px solid var(--sage)}.reference-section dl>div{padding:13px 0;display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--line)}.reference-section dt{font-weight:700}.reference-section dd{margin:0;color:var(--muted)}.pairings{display:flex;flex-wrap:wrap;gap:9px}.pairings span{padding:9px 13px;border-radius:999px;background:var(--sage-light)}.material-recipes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.material-recipes a{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--white);font-weight:700}.review-date{margin-top:50px;color:var(--muted);font-size:13px}.materials-landing{padding:75px clamp(20px,5vw,72px) 110px}.materials-landing>p{max-width:650px;color:var(--muted);line-height:1.65}.material-list{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.material-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--white)}.material-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.material-card div{padding:18px}.material-card h2{font-size:25px}.material-card p{color:var(--muted);font-size:14px}.useful-zones{margin-top:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.useful-zones a{padding:34px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
@media(max-width:920px){.site-header.menu-open .useful-menu{width:100%;text-align:center}.site-header.menu-open .useful-menu summary{justify-content:center}.useful-menu>div{position:static;width:100%;margin-top:8px;transform:none;box-shadow:none}.material-hero{grid-template-columns:1fr}.material-hero img{max-height:480px}.material-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.material-page{padding-top:38px}.material-list,.useful-zones,.material-recipes{grid-template-columns:1fr}.reference-section dl>div{grid-template-columns:1fr;gap:5px}.material-hero img{border-radius:18px}}

.material-toc{margin:28px 0;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.material-toc ol{margin:12px 0 0;padding-left:22px}.material-toc a{text-decoration:underline;text-underline-offset:3px}.pairings a{padding:9px 13px;border-radius:999px;background:var(--sage-light)}
.useful-menu summary{gap:6px;cursor:pointer}.useful-menu summary a{white-space:nowrap}.useful-chevron{color:var(--muted);transition:transform .2s}.useful-menu[open] .useful-chevron{transform:rotate(180deg)}.useful-menu::before{content:"";position:absolute;top:100%;left:0;right:0;height:15px;display:none}.useful-menu:hover::before,.useful-menu:focus-within::before,.useful-menu[open]::before{display:block}.useful-menu>.useful-dropdown{top:calc(100% + 10px);right:36px;left:auto;width:280px;padding:8px;transform:none;border-radius:14px;background:#fcfaf5;box-shadow:0 8px 22px rgba(33,46,37,.09)}.useful-dropdown a{display:grid;gap:3px}.useful-dropdown strong{font-size:13px;font-weight:700}.useful-dropdown small{font-size:11px;color:var(--muted);line-height:1.35}.useful-mobile-overview{display:none!important}
.material-page>article{display:grid;grid-template-columns:minmax(0,800px) minmax(280px,300px);column-gap:clamp(32px,5vw,60px);max-width:1180px}.material-hero{grid-column:1/-1}.material-content{grid-column:1;max-width:none;margin:0}.material-sidebar{grid-column:2;align-self:start;min-height:1px}.material-sidebar-slot{height:0}.sidebar-recipes{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fcfaf5}.sidebar-recipes h2{font-size:22px;margin:0 0 12px}.sidebar-recipe{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.sidebar-recipe img{width:72px;height:62px;object-fit:cover;border-radius:8px}.sidebar-recipe-copy{display:grid;gap:3px;min-width:0}.sidebar-recipe-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.35}.sidebar-recipe-copy small{font-size:11px;color:var(--muted)}.sidebar-more{display:inline-block;margin-top:15px;font-size:12px;font-weight:700}.ingredient-page{padding-top:40px}.ingredient-page .material-hero{grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:35px;padding-bottom:32px}.ingredient-page .material-hero h1{font-size:clamp(38px,4.8vw,62px);line-height:1.08}.ingredient-page .material-hero img{border-radius:20px}.ingredient-page .material-content h2:first-child{margin-top:25px}
@media(max-width:920px){.useful-menu>.useful-dropdown{position:static;width:100%;margin-top:6px;transform:none;box-shadow:none}.useful-menu::before{display:none}.useful-mobile-overview{display:grid!important}.site-header.menu-open .useful-menu summary{width:100%;padding:9px;justify-content:center}.site-header.menu-open .useful-menu summary a{pointer-events:none}.material-page>article{display:block}.material-sidebar{display:none}.material-content{max-width:820px;margin:auto}.ingredient-page .material-hero{grid-template-columns:1fr}.ingredient-page .material-hero img{max-width:520px}}

.sidebar-recipe span small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:500}

@media(min-width:921px){.material-sidebar{position:sticky;top:96px}}