.guide-shell{max-width:1120px;margin:0 auto;padding:48px 24px 72px}.guide-shell h1{font-size:38px;letter-spacing:-1.5px;line-height:1.3;margin:0 0 14px}.guide-shell h2{font-size:23px;letter-spacing:-.6px;line-height:1.5}.guide-shell p{line-height:1.85}.guide-shell a{color:inherit;text-decoration:none}.guide-shell a:hover{color:#bd4718}.guide-shell a:focus-visible,.guide-shell button:focus-visible,.guide-shell input:focus-visible{outline:3px solid #bd4718;outline-offset:4px}.guide-intro{max-width:760px;color:#726b65;margin-bottom:28px}.guide-search{display:block;background:#f7f7f6;border:1px solid #e5e3df;border-radius:9px;padding:14px 18px;margin:25px 0 30px}.guide-search input{border:0;background:transparent;width:100%;font:inherit;color:#27231f}.guide-body{display:grid;grid-template-columns:135px minmax(0,1fr);gap:30px}.guide-filters{display:flex;flex-direction:column;gap:5px;align-self:start;position:sticky;top:20px}.guide-filters b{font-size:14px;margin-bottom:12px}.guide-filters button{border:0;background:none;text-align:left;padding:11px 14px;border-radius:5px;font:inherit;color:#625b55;cursor:pointer}.guide-filters button[aria-pressed=true]{background:#fff0e5;color:#b84416;box-shadow:inset 2px 0 #e76023}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.guide-grid .card{position:relative;border:0;border-radius:8px;overflow:hidden;background:#faf8f5;box-shadow:none}.guide-grid .copy{padding:12px 15px 16px}.guide-grid h3{font-size:18px;margin:0 0 4px}.guide-grid p{font-size:13px;color:#726b65;margin:0}.prep-photo{display:block;aspect-ratio:4/3;background-image:url('/assets/ingredient-prep.webp');background-size:300% 300%;background-repeat:no-repeat;border-radius:8px}.prep-0{background-position:0 0}.prep-1{background-position:50% 0}.prep-2{background-position:100% 0}.prep-3{background-position:0 50%}.prep-4{background-position:50% 50%}.prep-5{background-position:100% 50%}.prep-6{background-position:0 100%}.prep-7{background-position:50% 100%}.prep-8{background-position:100% 100%}.guide-shell .save{position:absolute;right:9px;top:9px;background:white;border:1px solid #eee;width:34px;height:36px;border-radius:6px;padding:8px;cursor:pointer}.guide-shell .save svg{width:17px;height:20px;fill:none;stroke:#544d45;stroke-width:1.7}.guide-shell .save[aria-pressed=true] svg{fill:#e76023;stroke:#e76023}.guide-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:0 0 20px}.guide-toolbar .status{margin:0;color:#777;font-size:14px}.guide-toolbar button{border:1px solid #e4ddd6;border-radius:7px;background:white;padding:7px 12px;cursor:pointer}.guide-toolbar button[aria-pressed=true]{color:#b84416;background:#fff0e5}.guide-beginner{background:#faf5ed;padding:24px 28px;border-radius:9px;margin:36px 0}.guide-beginner h2{margin:0 0 12px;font-size:19px}.guide-inline{display:flex;flex-wrap:wrap;gap:12px 30px}.guide-inline a{border-bottom:1px solid #d7c8b8;padding:4px 0}.guide-reads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-read{border:1px solid #ece7e0;border-radius:9px;padding:20px;display:block}.guide-read span{font-size:12px;color:#b84416}.guide-read h3{font-size:18px;margin:10px 0}.guide-read p{font-size:14px;color:#766e67;margin:0}.guide-section{margin-top:42px}.guide-section>p{max-width:800px}.guide-note{font-size:12px;color:#777}.guide-detail{max-width:930px}.guide-crumb{font-size:13px;color:#777;margin-bottom:26px}.guide-crumb a{text-decoration:underline}.guide-meta{color:#83786e;font-size:13px}.guide-tools{background:#f6f5f3;padding:14px 20px;border-radius:8px;margin:24px 0;line-height:1.7}.guide-toc{display:flex;flex-wrap:wrap;gap:10px 24px;padding:12px 0 22px;border-bottom:1px solid #eee;margin-bottom:25px}.guide-toc a{font-size:14px;color:#b84416}.guide-step{scroll-margin-top:20px;border-bottom:1px solid #eee;padding:18px 0 26px;margin-bottom:12px}.guide-step h2{margin:18px 0 8px}.guide-step h2 span{color:#e76023;margin-right:12px}.guide-step p{max-width:740px}.guide-step .prep-photo{max-width:740px;aspect-ratio:4/3}.guide-step:not(:first-child) .prep-photo{max-width:440px}.guide-table{width:100%;border-collapse:collapse;font-size:15px}.guide-table th,.guide-table td{padding:15px 12px;text-align:left;border-bottom:1px solid #e7e1db;vertical-align:top}.guide-table th{background:#faf6f1}.guide-table-wrap{overflow-x:auto}.guide-faq details{border-bottom:1px solid #e7e1db;padding:17px 0}.guide-faq summary{font-weight:700;cursor:pointer}.guide-faq p{color:#625b55}.guide-related{padding:24px;background:#fff8f0;border-radius:9px;margin-top:30px}.guide-related h2{margin:0 0 10px}.guide-footer{border-top:1px solid #eee;padding:22px 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:13px;color:#756c63}.guide-footer a{color:inherit}.guide-shell [hidden]{display:none!important}.guide-shell .legacy-photo{height:auto;aspect-ratio:4/3}.guide-shell .tabs{margin-bottom:26px}.guide-shell .tabs button{font-size:15px}.guide-detail .save-button{margin:12px 0}.guide-skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:10}.guide-skip:focus{top:10px}
@media(max-width:750px){.guide-shell{padding:28px 18px 48px}.guide-shell h1{font-size:29px}.guide-body{display:block}.guide-filters{position:static;flex-direction:row;overflow-x:auto;gap:4px;margin-bottom:22px}.guide-filters b{display:none}.guide-filters button{white-space:nowrap;padding:9px 13px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.guide-reads{grid-template-columns:1fr}.guide-beginner{padding:20px}.guide-inline{gap:12px 20px}.guide-shell h2{font-size:21px}.guide-grid h3{font-size:17px}.guide-grid .copy{padding:10px}.guide-step .prep-photo{width:100%}.guide-table th,.guide-table td{padding:10px 6px;font-size:13px}.guide-toc{gap:10px 16px}}
.guide-filters{margin:0;width:100%;align-items:stretch}.guide-crumb{display:block;margin:0 0 26px}.guide-shell .guide-toc{margin:0 0 25px;overflow:visible}.guide-shell .guide-toc a{white-space:normal}

.guide-letter{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;background:#eef2e9;color:#3e5136;text-align:center;border-radius:8px}.guide-letter small{font-size:12px;letter-spacing:1px}.guide-letter strong{font-size:32px;letter-spacing:-1px}.guide-letter span{font-size:12px;line-height:1.6}.guide-detail .guide-letter{aspect-ratio:auto;min-height:180px}.guide-tip-box{background:#f6f8f1;border-left:3px solid #7b8d5c;padding:20px 24px;border-radius:6px}.guide-tip-box h2{margin-top:0}.guide-tip-box h3{font-size:18px}.guide-tips-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.guide-tip{border:1px solid #e4e8df;border-radius:8px;padding:18px 20px}.guide-tip summary{cursor:pointer;font-weight:600;line-height:1.7}.guide-tip summary span{display:block;font-size:12px;color:#69804d;margin-bottom:5px}.guide-tip p{font-size:15px;color:#625b55}.guide-tip a{font-size:14px;color:#b84416}.guide-shell .tabs{flex-wrap:wrap}.guide-grid .guide-letter{box-sizing:border-box}@media(max-width:750px){.guide-tips-list{grid-template-columns:1fr}.guide-letter{padding:14px;gap:6px}.guide-letter strong{font-size:25px}.guide-letter span{font-size:11px}}