/*! Astray Recipes: project-owned CSS. */
*,*:before,*:after{box-sizing:border-box}body{margin:0;overflow-wrap:anywhere}input,button{font:inherit}:root{color-scheme:light;font-size:100%;--background: #fff;--surface: #f7f7f5;--text: #252923;--muted: #5c625d;--border: #777d77;--table-border: rgb(231 234 239.5);--accent: #bd3c13;--accent-hover: #942d0d;--accent-fill: #d24317;--accent-fill-hover: #bd3c13;--on-accent: #fff;--on-accent-hover: var(--on-accent);--highlight: #ffe0b2;--highlight-text: #252923;--space: 1rem;--gap: 2rem;--radius: .3rem;--page-width: 78rem;--prose-width: 66ch}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--background: #171a18;--surface: #222723;--text: #eef1ec;--muted: #b5bdb5;--border: #7e897f;--table-border: #202632;--accent: #f56b3d;--accent-hover: #f8a283;--accent-fill-hover: #e74b1a;--on-accent-hover: #171a18;--highlight: #694125;--highlight-text: #fff3e5}}@media(min-width:576px){:root{font-size:106.25%}}@media(min-width:768px){:root{font-size:112.5%}}@media(min-width:1024px){:root{font-size:118.75%}}@media(min-width:1280px){:root{font-size:125%}}@media(min-width:1536px){:root{font-size:131.25%}}body{background:var(--background);color:var(--text);font-family:system-ui,sans-serif;line-height:1.5}h1,h2{line-height:1.2;margin-block:0 1rem;text-wrap:balance}h1{color:var(--accent);font-size:clamp(2rem,1.5rem + 2vw,3rem)}h2{font-size:1.5rem}p,ul,ol,table{margin-block:0 1.5rem}ul,ol{padding-inline-start:1.5rem}li+li{margin-block-start:.35rem}p+h2{margin-block-start:var(--gap)}a{color:var(--accent);text-underline-offset:.15em}a:hover{color:var(--accent-hover)}mark{background:var(--highlight);color:var(--highlight-text)}table{inline-size:100%;border-collapse:collapse;font-size:1rem}th,td{padding:.45rem .3rem;border-block-end:1px solid var(--table-border);text-align:start;vertical-align:top}th{font-weight:600}input,button{min-block-size:2.75rem;padding:.6rem .9rem;border:1px solid var(--border);border-radius:var(--radius)}input{background:var(--surface);color:var(--text)}input::placeholder{color:var(--muted);opacity:1}button{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);cursor:pointer}button:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover);color:var(--on-accent-hover)}body>header,body>main,body>footer{inline-size:min(100% - 2 * var(--space),var(--page-width));margin-inline:auto}body>header{padding-block:var(--space) var(--gap)}main{padding-block:var(--space) var(--gap)}.home-layout,.directory-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--gap)}.recipe-layout{display:grid;gap:var(--gap)}:where(.home-layout,.directory-layout,.recipe-layout)>*{min-inline-size:0}.search-results,.recipe-layout>section+section{max-inline-size:var(--prose-width)}main>:last-child,.search-results>:last-child,.recipe-layout>aside>:last-child{margin-block-end:0}body>footer{margin-block-start:0;padding-block:var(--gap);border-block-start:1px solid var(--border);color:var(--muted)}@media(min-width:52rem){.recipe-layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.recipe-layout>aside{grid-column:1 / -1}}nav[aria-label=breadcrumb] ul{display:flex;flex-wrap:wrap;gap:.5rem .75rem;padding:0;list-style:none}nav[aria-label=breadcrumb] li{min-inline-size:0;margin:0}nav[aria-label=breadcrumb] li+li:before{content:"/";margin-inline-end:.75rem;color:var(--muted)}form[role=search]{--radius: 5rem;display:flex;max-inline-size:52rem}form[role=search] input{flex:1 1 14rem;min-inline-size:0;border-start-end-radius:0;border-end-end-radius:0}form[role=search] button{flex:0 0 auto;margin-inline-start:-1px;border-start-start-radius:0;border-end-start-radius:0}form[role=search] :focus-visible{position:relative;z-index:1}main>hgroup{margin-block-end:var(--gap)}main>hgroup p{color:var(--muted);margin-block-end:0}.recipe-layout>section:first-child td:first-child{inline-size:1%}.recipe-layout>section:first-child td:nth-child(2){inline-size:6.5rem}@media(max-width:24rem){.recipe-layout>section:first-child td:nth-child(2){inline-size:36%}}.recipe-layout>section:first-child td:first-child{padding-inline:0;white-space:nowrap;text-align:end;font-variant-numeric:lining-nums tabular-nums}.recipe-layout>aside{border-block-start:1px solid var(--border);padding-block-start:var(--gap)}@media screen and (max-width:575px){:root{--gap: 1.5rem}body>header{padding-block-end:var(--space)}:where(.home-layout,.directory-layout,.recipe-layout)>*>:last-child,body>footer p{margin-block-end:0}body>footer{padding-block:var(--space)}}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;inset-block-start:.5rem;inset-inline-start:var(--space);z-index:1;max-inline-size:calc(100% - 2 * var(--space));padding:.5rem 1rem;background:var(--background);transform:translateY(calc(-100% - 1rem))}.skip-link:focus{transform:none}@media print{@page{margin:15mm}:root{color-scheme:light;--background: #fff;--surface: #fff;--text: #000;--muted: #000;--accent: #000;--border: #777;--table-border: #777}body>header,body>footer,.skip-link,nav,form[role=search],.recipe-layout>aside{display:none}body>header,body>main,body>footer{inline-size:100%;max-inline-size:none;margin:0;padding:0}.recipe-layout{display:block}.recipe-layout>section+section{max-inline-size:none}h1,h2{break-after:avoid}tr{break-inside:avoid}a{color:#000}mark{background:none;color:#000}}