/*! 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)}.page-shell{inline-size:min(100% - 2 * var(--space),var(--page-width));margin-inline:auto}.site-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-directions{max-inline-size:var(--prose-width)}main>:last-child,.search-results>:last-child,.related-recipes>:last-child{margin-block-end:0}.site-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)}.related-recipes{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)}.search-form{--radius: 5rem;display:flex;max-inline-size:52rem}.search-form input{flex:1 1 14rem;min-inline-size:0;border-start-end-radius:0;border-end-end-radius:0}.search-form button{flex:0 0 auto;margin-inline-start:-1px;border-start-start-radius:0;border-end-start-radius:0}.search-form :focus-visible{position:relative;z-index:1}.recipe-heading{margin-block-end:var(--gap)}.recipe-heading p{color:var(--muted);margin-block-end:0}.recipe-ingredients table{table-layout:auto}.recipe-ingredients th{block-size:0;padding:0;border:0;line-height:0}.quantity-column{inline-size:1%}.measure-column{inline-size:6.5rem}@media(max-width:24rem){.measure-column{inline-size:36%}}.quantity{padding-inline:0;white-space:nowrap;text-align:end;font-variant-numeric:lining-nums tabular-nums}.related-recipes{border-block-start:1px solid var(--border);padding-block-start:var(--gap)}@media screen and (max-width:575px){:root{--gap: 1.5rem}.site-header{padding-block-end:var(--space)}:where(.home-layout,.directory-layout,.recipe-layout)>*>:last-child,.recipe-directions>div>:last-child,.site-footer p{margin-block-end:0}.site-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}.site-header,.site-footer,.skip-link,nav,form[role=search],.related-recipes{display:none}.page-shell{inline-size:100%;max-inline-size:none;margin:0;padding:0}.recipe-layout{display:block}.recipe-directions{max-inline-size:none}h1,h2{break-after:avoid}tr{break-inside:avoid}a{color:#000}mark{background:none;color:#000}}