.recipes-head{margin-bottom:clamp(2rem,5vw,3rem)}.recipes-head .front-head{margin-bottom:clamp(1.75rem,4vw,2.5rem)}.finder-field{border-bottom:1px solid var(--line);align-items:center;gap:.85rem;max-width:52rem;padding:.35rem 0 .75rem;transition:border-color .15s;display:flex}.finder-field:focus-within{border-bottom-color:var(--sec);box-shadow:0 1px 0 0 var(--sec)}.finder-glass{width:1.5rem;height:1.5rem;color:var(--muted);flex:none}.finder-field:focus-within .finder-glass{color:var(--sec-ink)}.finder-field input{min-width:0;color:var(--text);font:500 clamp(1.25rem, 3vw, 1.6rem) / 1.3 var(--font);letter-spacing:-.02em;background:0 0;border:0;outline:none;flex:1;padding:0}.finder-field input::placeholder{color:var(--muted);opacity:1}.finder-field input::-webkit-search-cancel-button{appearance:none;background:var(--muted);cursor:pointer;width:1rem;height:1rem;margin-left:.5rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 3.5l9 9M12.5 3.5l-9 9' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.finder-field input::-webkit-search-cancel-button:hover{background:var(--text)}.finder-count{color:var(--muted);white-space:nowrap;flex:none}.chips{flex-wrap:wrap;gap:.4rem;max-width:52rem;margin:1rem 0 0;display:flex}.chips button{border:1px solid var(--line);color:var(--soft);font:500 .88rem/1.3 var(--font);cursor:pointer;background:0 0;border-radius:999px;align-items:baseline;gap:.35rem;padding:.3rem .7rem;display:inline-flex}.chips button .mono{color:var(--muted);font-size:.7rem}.chips button:hover{border-color:var(--sec);color:var(--text)}.chips button[aria-pressed=true]{background:color-mix(in oklab, var(--sec) 16%, var(--surface));border-color:color-mix(in oklab, var(--sec) 60%, var(--line));color:var(--sec-ink)}.chips button[aria-pressed=true] .mono{color:var(--sec-ink)}.hits{border-top:1px solid var(--line);max-width:52rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.hit a{border-bottom:1px solid var(--line);grid-template-columns:6.5rem minmax(0,1fr);align-items:start;gap:1.25rem;padding:1.1rem 0;text-decoration:none;display:grid}.hit-media{aspect-ratio:4/3;background:var(--surface-2);border-radius:8px;display:block;overflow:hidden}.hit-media img{object-fit:cover;width:100%;height:100%}.hit-body{flex-direction:column;gap:.3rem;display:flex}.hit-title{letter-spacing:-.015em;font-size:1.15rem;font-weight:600}.hit a:hover .hit-title{color:var(--sec-ink)}.hit-excerpt{color:var(--soft);font-size:.95rem;line-height:1.55}.hit-excerpt mark{background:color-mix(in oklab, var(--sec) 28%, transparent);color:inherit;border-radius:3px;padding:0 .1em}.hit-meta{color:var(--muted);font-size:.72rem}.finder-empty{max-width:52rem;color:var(--muted);margin:2rem 0 0}@media (width<=520px){.finder-field{flex-wrap:wrap}.finder-field input{font-size:1.1rem}.finder-count{order:3;width:100%;padding-left:2.35rem}.hit a{grid-template-columns:4.5rem minmax(0,1fr);gap:.9rem}}.recipes{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.recipe a{flex-direction:column;height:100%;text-decoration:none;display:flex}.recipe--lead{grid-area:span 2/span 2}.recipes.is-filtered .recipe--lead{grid-area:auto}.recipe-media{aspect-ratio:4/3;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);display:block;overflow:hidden}.recipe--lead .recipe-media{aspect-ratio:auto;flex:1;min-height:18rem}.recipes.is-filtered .recipe--lead .recipe-media{aspect-ratio:4/3;flex:none;min-height:0}.recipe-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.recipe a:hover .recipe-media img{transform:scale(1.025)}.recipe-tile{background:color-mix(in oklab, var(--sec) 9%, var(--surface));width:100%;height:100%;color:var(--sec-ink);place-items:center;display:grid;position:relative}.recipe-tile .recipe-icon{width:clamp(3rem,26%,5.25rem);height:auto}.recipe-tile-label{color:var(--muted);font-size:.7rem;position:absolute;bottom:.7rem;left:.9rem}.recipe--lead .recipe-tile .recipe-icon{width:clamp(4rem,18%,6.5rem)}.recipe-tile--small .recipe-icon{width:42%}.recipe-body{flex-direction:column;gap:.3rem;padding-top:.85rem;display:flex}.recipe-title{letter-spacing:-.015em;font-size:1.15rem;font-weight:600;line-height:1.3}.recipe--lead .recipe-title{letter-spacing:-.03em;font-size:clamp(1.4rem,3vw,1.9rem)}.recipes.is-filtered .recipe--lead .recipe-title{font-size:1.15rem}.recipe a:hover .recipe-title{color:var(--sec-ink)}.recipe-excerpt{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:.93rem;line-height:1.5;display:-webkit-box;overflow:hidden}.recipe-meta{color:var(--muted);flex-wrap:wrap;gap:.2rem .75rem;margin-top:.2rem;font-size:.72rem;display:flex}.recipe-empty{color:var(--muted)}@media (width<=900px){.recipes{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe--lead{grid-area:auto/span 2}.recipe--lead .recipe-media{aspect-ratio:16/9;flex:none;min-height:0}}@media (width<=640px){.recipes{grid-template-columns:minmax(0,1fr)}.recipe--lead{grid-column:auto}}.recipe-page{--panel:19rem;margin-top:clamp(2rem,5vw,3.5rem)}.recipe-topline{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.recipe-head h1{max-width:calc(var(--panel) + 2.5rem + var(--measure));letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,6vw,4rem);font-weight:650;line-height:1.02}.recipe-lead{max-width:var(--measure);color:var(--soft);letter-spacing:-.01em;margin:1rem 0 0;font-size:1.25rem;line-height:1.5}.recipe-meta{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;margin-top:1.25rem;display:flex}.recipe-meta p{color:var(--muted);gap:1.25rem;margin:0;display:flex}.recipe-meta .hashtags{justify-content:flex-start}.recipe-photo{margin:2rem 0 0}.recipe-photo img{aspect-ratio:16/6;object-fit:cover;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;width:100%}.recipe-layout{grid-template-columns:var(--panel) minmax(0, var(--measure));align-items:start;gap:2.5rem;margin-top:2.5rem;display:grid}.recipe-layout--single{grid-template-columns:minmax(0, var(--measure))}.ingredients-panel{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--sec);border-radius:var(--radius);scrollbar-width:thin;max-height:calc(100vh - 7rem);padding:1.25rem 1.25rem 1rem;position:sticky;top:5.5rem;overflow-y:auto}.panel-head{letter-spacing:-.02em;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.15rem;font-weight:650;display:flex}.panel-head .mono{color:var(--muted);margin-left:auto}.panel-facts{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin:0 0 1.1rem;padding:0 0 1rem;display:grid}.panel-facts dt{color:var(--muted);font-size:.7rem}.panel-facts dd{margin:.1rem 0 0;font-size:.92rem;font-weight:500;line-height:1.35}.panel-group+.panel-group{margin-top:1.1rem}.panel-group h2{color:var(--sec-ink);margin:0 0 .35rem;font-size:.72rem;font-weight:500}.panel-group ul{margin:0;padding:0;list-style:none}.panel-group li{border-top:1px solid var(--line);position:relative}.panel-group li:first-child{border-top:0}.panel-group input{z-index:1;appearance:none;border:1.5px solid var(--line);background:var(--bg);cursor:pointer;border-radius:4px;width:1rem;height:1rem;margin:0;position:absolute;top:.62rem;left:0}.panel-group input:hover{border-color:var(--sec)}.panel-group input:checked{border-color:var(--sec);background:var(--sec) no-repeat center / .7rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23101215' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.panel-group input:focus-visible{outline:2px solid var(--sec);outline-offset:2px}.panel-group .item{grid-template-columns:5.6rem minmax(0,1fr);gap:.6rem;padding:.5rem 0 .5rem 1.6rem;font-size:.95rem;line-height:1.4;display:grid}.panel-group .item-hit{cursor:pointer;position:absolute;inset:0}.panel-group .qty{color:var(--sec-ink);padding-top:.12rem;font-size:.78rem;font-weight:500}.panel-group .qty:empty{display:none}.panel-group .qty:empty+.name{grid-column:1/-1}.panel-group .name a{z-index:1;color:inherit;text-underline-offset:.2em;position:relative}.panel-group input:checked+.item .name{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line)}.panel-group--equipment .item{color:var(--soft);grid-template-columns:minmax(0,1fr);font-size:.9rem}.panel-hint{color:var(--muted);margin:1rem 0 0;font-size:.7rem}.method-title{letter-spacing:-.02em;align-items:center;gap:.6rem;margin:0;font-size:1.15rem;font-weight:650;display:flex}.method-title:before{content:"";background:var(--sec);border-radius:50%;width:.5rem;height:.5rem}.recipe-method .prose{margin-top:1rem}.recipe-method .prose strong.step-label{color:var(--sec-ink);letter-spacing:-.01em;margin-bottom:.35rem;font-size:1.05rem;font-weight:600;display:block}.recipe-method .prose strong.step-label+br{display:none}.recipe-method .prose ol{counter-reset:step;padding-left:0;list-style:none}.recipe-method .prose ol>li{counter-increment:step;padding-left:2.6rem;position:relative}.recipe-method .prose ol>li:before{content:counter(step, decimal-leading-zero);color:var(--sec-ink);font:600 .8rem/1.6 var(--mono);position:absolute;top:.2rem;left:0}.pager--recipe{max-width:calc(19rem + 2.5rem + var(--measure));padding-left:21.5rem}@media (width<=900px){.recipe-page{--panel:16rem}.recipe-layout{gap:1.75rem}.pager--recipe{padding-left:0}}@media (width<=720px){.recipe-layout{grid-template-columns:minmax(0,1fr);gap:2.25rem}.ingredients-panel{max-height:none;position:static;overflow:visible}.recipe-photo img{aspect-ratio:16/9}.recipe-topline .button{padding:.4rem .75rem}}@media print{@page{margin:1.6cm}:root[data-theme],:root{--bg:#fff;--surface:#fff;--text:#000;--soft:#000;--muted:#444;--line:#bbb;--sec:#000;--sec-ink:#000}body{color:#000;background:#fff;font-size:11pt}.topbar,.footer,.pager,.recipe-topline,.recipe-meta,.recipe-photo,.panel-hint{display:none!important}main.wrap{max-width:none;padding:0}.recipe-page{margin:0}.recipe-head h1{font-size:24pt}.recipe-lead{font-size:12pt}.recipe-layout{margin-top:.6cm;display:block}.ingredients-panel{break-inside:avoid;border:1px solid #000;border-radius:0;max-height:none;margin-bottom:.8cm;padding:.4cm .5cm;position:static;overflow:visible}.panel-group input{background:#fff;border:1px solid #000}.panel-group input:checked+.item .name{color:#000;text-decoration:none}.method-title:before,.panel-head .dot{display:none}.prose{hyphens:manual;font-size:11pt;line-height:1.5}.prose a{color:#000;text-decoration:none}.prose strong.step-label,.prose h2{color:#000;break-after:avoid}.prose ul,.prose ol,.prose p{break-inside:avoid}.prose figure{display:none}}
