:root{--paper:#fbf7ef;--surface:#fffdf8;--ink:#22211e;--muted:#6d655b;--line:#dfd6c8;--green:#2f7758;--deep:#1f563f;--soft:#e5ede2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:4px}img{display:block;max-width:100%}.preview{padding:6px 16px;text-align:center;background:var(--soft);color:var(--deep);font-size:12px}header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{max-width:1180px;margin:auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;font-weight:850;color:var(--deep);font-size:20px}.brand img{width:32px;height:32px;border-radius:8px}.navlinks{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}.active{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;padding:11px 20px;border-radius:99px;background:var(--green);color:var(--surface);font-weight:700;font-size:14px;border:0}.button:hover{background:var(--deep)}.button.light{background:var(--surface);color:var(--deep)}.textlink{font-size:14px;color:var(--green);font-weight:750}.wrap{max-width:1180px;margin:auto;padding:0 24px}.intro{padding:46px 0 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;color:var(--green);text-transform:uppercase;margin:0 0 12px}h1{font-size:clamp(36px,4.2vw,54px);line-height:1.06;letter-spacing:-.045em;margin:0 0 16px;font-weight:780}h2{font-size:29px;letter-spacing:-.035em;line-height:1.15;margin:0 0 12px}h3{font-size:20px;letter-spacing:-.025em;line-height:1.25;margin:0 0 10px}p{margin:0 0 16px}.muted,.intro p:not(.eyebrow){color:var(--muted)}.intro p{max-width:565px;margin-bottom:0}.source-note{font-size:12px;text-align:right;max-width:200px;color:var(--muted)}.featured{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:10px 0 40px}.feature{position:relative;overflow:hidden;border-radius:13px;background:var(--surface)}.feature img{width:100%;height:310px;object-fit:cover}.feature:first-child img{height:310px}.feature-copy{padding:20px 23px}.feature h2{font-size:25px;max-width:470px}.meta{font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.feature .eyebrow{margin-bottom:9px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:28px;margin-bottom:20px}.catalog-heading h2{font-size:26px;margin:0}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 160px 160px 175px;gap:12px;margin:0 0 14px}.field{display:grid;gap:5px;font-size:11px;font-weight:650;color:var(--muted)}input,select{width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px}input::placeholder{color:var(--muted)}.countline{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:24px}.reset{border:0;background:none;color:var(--green);text-decoration:underline;padding:7px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.recipe-card img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:10px;transition:filter .15s}.recipe-card:hover img{filter:brightness(.95)}.recipe-card h3{font-size:18px;margin:13px 0 9px}.app-cell{background:var(--soft);padding:27px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.app-cell img{width:42px;height:42px;border-radius:10px}.app-cell h3{font-size:27px;margin:0}.app-cell p{font-size:14px;color:var(--deep);margin:0}.app-cell .eyebrow{margin:0}.bottom-app{margin-top:66px;padding:48px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.bottom-app p{color:var(--muted);max-width:560px;margin-bottom:0}footer{margin-top:35px;border-top:1px solid var(--line);padding:24px 0 35px;color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px}.breadcrumbs{padding:30px 0 20px;font-size:13px;color:var(--green)}.detail-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-bottom:45px}.detail-hero>img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:14px}.detail-hero h1{font-size:clamp(32px,4vw,48px)}.detail-hero p{color:var(--muted)}.detail-hero .meta{margin:24px 0}.recipe-body{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:35px 0;border-top:1px solid var(--line)}.ingredients{list-style:none;padding:0}.ingredients li{padding:12px 0;border-bottom:1px solid var(--line)}.steps{list-style:none;counter-reset:step;padding:0}.steps li{position:relative;padding:0 0 25px 45px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;background:var(--soft);color:var(--deep);border-radius:99px;text-align:center;font-weight:700}.related{padding-top:40px;border-top:1px solid var(--line);margin-top:25px}.related .grid{margin-top:25px}.apphero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding:65px 0}.apphero>img{max-height:540px;margin:auto;object-fit:contain}.apphero p{max-width:500px;color:var(--muted)}.apphero .eyebrow{color:var(--green)}.appfeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:40px 0;border-top:1px solid var(--line)}.appfeatures p{color:var(--muted);font-size:15px}.empty{padding:40px 0;grid-column:1/-1}.small{font-size:12px;color:var(--muted)}
@media(min-width:1450px){.wrap,.nav{max-width:1250px}.feature img,.feature:first-child img{height:350px}}@media(max-width:800px){.toolbar{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{grid-template-columns:1fr 1fr;gap:16px}.feature img,.feature:first-child img{height:235px}.feature h2{font-size:21px}.detail-hero{gap:25px}.recipe-body{gap:35px}.apphero{gap:25px}.navlinks{gap:17px}.source-note{display:none}}@media(max-width:540px){.nav{padding:14px 18px;gap:8px}.navlinks{gap:12px;font-size:12px}.navlinks .about-link{display:none}.brand{font-size:17px;gap:6px}.brand img{width:27px;height:27px}.nav .button{padding:9px 13px;font-size:12px}.wrap{padding:0 18px}.intro{padding:32px 0 22px}h1{font-size:39px}.intro p{font-size:14px}.featured{grid-template-columns:1fr;padding-bottom:28px}.feature img,.feature:first-child img{height:250px}.feature:nth-child(2){display:none}.feature-copy{padding:18px}.grid{gap:24px 15px}.recipe-card h3{font-size:16px}.recipe-card img{aspect-ratio:1}.meta{font-size:11px;gap:7px}.app-cell{grid-column:1/-1;padding:25px;min-height:240px}.app-cell h3{max-width:290px}.toolbar{gap:10px}.toolbar .field:first-child{grid-column:1/-1}.toolbar .field:last-child{grid-column:1/-1}.catalog-heading h2{font-size:24px}.bottom-app{align-items:flex-start;flex-direction:column;margin-top:40px;padding-top:35px}.detail-hero{grid-template-columns:1fr;gap:25px}.detail-hero>img{grid-row:1;aspect-ratio:1.25}.detail-hero h1{font-size:36px}.recipe-body{grid-template-columns:1fr;gap:20px}.apphero{grid-template-columns:1fr;padding:40px 0}.apphero>img{max-height:390px}.appfeatures{grid-template-columns:1fr;gap:20px}.foot{flex-wrap:wrap}}
.navlinks a{white-space:nowrap}@media(max-width:650px){.navlinks .about-link{display:none}.navlinks{gap:18px}.intro{padding-top:35px}}
@media(max-width:680px){.detail-hero{grid-template-columns:1fr;gap:25px}.detail-hero>img{grid-row:1;aspect-ratio:1.3}.recipe-body{grid-template-columns:1fr;gap:20px}.apphero{grid-template-columns:1fr;padding-top:35px}.apphero>img{max-height:420px}.appfeatures{grid-template-columns:1fr;gap:20px}}
/* Keep the recipe library in the same visual family as /r/<slug>. */
:root{--paper:#f8f6f0;--surface:#fff;--ink:#22211e;--muted:#6b655b;--line:#ddd5c8;--green:#2d6a4f;--deep:#1f553d;--soft:#d9eadf}.brand{color:var(--ink)}.brand i{color:var(--deep);font-style:normal}.toolbar{gap:14px;align-items:end;margin-bottom:18px}.field{position:relative;color:var(--deep);font-size:12px;font-weight:700;gap:8px}.field input,.field select{border-radius:999px;border:1px solid var(--line);min-height:50px;font-size:14px;font-weight:550;background-color:var(--surface);transition:border-color .15s,background-color .15s}.field input:hover,.field select:hover{border-color:var(--green)}.field input:focus,.field select:focus{border-color:var(--green);outline:2px solid var(--soft);outline-offset:2px}.field select{appearance:none;-webkit-appearance:none;padding:12px 36px 12px 17px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%232d6a4f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.field input{padding-left:44px}.search-field:after{content:'';position:absolute;bottom:18px;left:19px;width:11px;height:11px;border:1.7px solid var(--green);border-radius:50%;pointer-events:none}.search-field:before{content:'';position:absolute;bottom:15px;left:30px;width:6px;height:1.7px;background:var(--green);transform:rotate(45deg);pointer-events:none}.load-more{margin:36px auto 0;text-align:center;display:grid;justify-items:center;gap:10px}.load-more[hidden]{display:none}.load-more .button{min-width:180px;min-height:48px;cursor:pointer}.load-more p{margin:0}.filter-state{color:var(--deep)}.features-heading{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:750;margin:0 0 13px}.featured{padding-bottom:35px}.grid[aria-busy=true]{opacity:.65}.recipe-card{min-width:0}.recipe-card h3{overflow-wrap:anywhere}.catalog-status{padding:35px 0;color:var(--muted)}.catalog-status[hidden]{display:none}.reset{font-size:13px;cursor:pointer}.app-cell .textlink{margin-top:5px}.nojs-links a{display:block;margin:10px 0;color:var(--green)}.home-nav-browse{white-space:nowrap}.footer-links a{margin-right:12px}@media(max-width:540px){.toolbar .field:first-child{grid-column:1/-1}.toolbar .field:last-child{grid-column:auto}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar .search-field{grid-column:1/-1}.field input,.field select{font-size:14px;padding-right:30px}.field select{padding-left:13px;background-position:right 10px center}.toolbar .field:nth-child(2){grid-column:1/-1}.app-cell{min-height:220px}.intro h1{font-size:38px}.featured{grid-template-columns:1fr 1fr;gap:12px}.feature:nth-child(2){display:block}.feature img,.feature:first-child img{height:auto;aspect-ratio:1}.feature-copy{padding:14px}.feature h2{font-size:17px}.feature .eyebrow{font-size:9px;letter-spacing:.08em}.feature .meta{font-size:11px}.intro p{font-size:15px}.nav .button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}