.recipe-comparison{max-width:1240px;padding:20px 40px 30px;margin:auto;color:#353b37;font-family:Avenir,'Helvetica Neue',Arial,'PingFang TC',sans-serif}.recipe-options{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#f2f4f1;border:1px solid #e3e8df;border-radius:4px}.recipe-options strong{display:block;font-size:15px;font-weight:500}.recipe-options>div>span{display:block;font-size:12px;color:#717870;margin-top:4px}.recipe-layout-tabs{display:flex;position:static;padding:0;gap:6px;background:none;box-shadow:none;margin:0;flex-wrap:wrap}.recipe-layout-tabs a{padding:10px 15px;font-size:13px;border:1px solid transparent;white-space:nowrap}.recipe-layout-tabs .selected{background:white;border-color:#cad3c5;color:#40553b}.recipe-layout-tabs a:hover{background:white}.recipe-heading{text-align:center;padding:43px 0 35px}.recipe-heading>p{font-size:10px;letter-spacing:.23em;color:#77846d;margin:0 0 10px}.recipe-heading h1{font-family:Cinzel,Georgia,serif;font-weight:400;font-size:48px;color:#333;margin:0 0 12px}.recipe-intro{color:#7a8079;font-size:15px;letter-spacing:.08em}.recipe-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 19px;border-bottom:1px solid #e2e6df;margin-bottom:28px;font-size:14px}.recipe-toolbar small{color:#8a9186;margin-left:12px;font-size:12px}.recipe-search{display:flex;align-items:center;gap:10px;color:#66705f;border:1px solid #e0e5dc;padding:8px 14px}.recipe-search>span{font-size:24px;line-height:1}.recipe-search input{border:0;background:none;outline-offset:5px;min-width:0;width:190px;font:inherit;font-size:13px}.recipe-item{min-width:0}.recipe-item[hidden]{display:none!important}.recipe-photo{display:block;overflow:hidden;background:#e9ece4}.recipe-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.recipe-photo:hover img{transform:scale(1.025)}.recipe-category{color:#6e7e62;font-size:10px;letter-spacing:.15em;margin:0 0 12px}.recipe-text h2{font-family:Cochin,Georgia,serif;font-weight:400;color:#333;font-size:31px;line-height:1.2;margin:0 0 10px;overflow-wrap:anywhere}.recipe-text h2 a:hover{color:#67785f}.recipe-text h3{font-weight:400;color:#656d61;font-size:15px;margin:0 0 14px;line-height:1.6}.recipe-summary{font-size:15px;line-height:1.85;color:#757b71;margin:0 0 22px;max-width:46ch}.recipe-read{display:inline-flex;align-items:center;gap:25px;font-size:14px;color:#526347;padding:8px 0;border-bottom:1px solid #adb7a5}.recipe-read:hover{color:#263821;border-color:#526347}.recipe-preview-note{font-size:12px;color:#798273;border-top:1px solid #e6e9e2;margin:38px 0 0;padding-top:20px;line-height:1.7}.recipe-empty{padding:45px 10px;text-align:center;color:#78816f}.layout-cards{display:grid;grid-template-columns:1fr 1fr;gap:34px}.layout-cards .recipe-photo{aspect-ratio:4/3}.layout-cards .recipe-text{padding:24px 0 15px}.layout-list{display:flex;flex-direction:column;gap:26px}.layout-list .recipe-item{display:grid;grid-template-columns:34% 1fr;gap:36px;padding:0 0 26px;border-bottom:1px solid #e6e9e1;align-items:center}.layout-list .recipe-photo{aspect-ratio:4/3}.layout-list .recipe-summary{max-width:60ch}.layout-list .recipe-text h2{font-size:32px}.layout-magazine .recipe-item:first-child{display:grid;grid-template-columns:58% 42%;align-items:stretch;background:#f2f4ef}.layout-magazine .recipe-item:first-child .recipe-photo{min-height:420px}.layout-magazine .recipe-item:first-child .recipe-text{padding:44px 38px;align-self:center}.layout-magazine .recipe-item:first-child h2{font-size:39px}.layout-magazine .recipe-item:not(:first-child){display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center;margin-top:32px;padding-top:30px;border-top:1px solid #e3e7dc}.layout-magazine .recipe-item:not(:first-child) .recipe-photo{aspect-ratio:4/3}.layout-magazine .recipe-item:not(:first-child) .recipe-summary{margin-bottom:14px}.recipe-layout-tabs a:focus-visible,.recipe-photo:focus-visible,.recipe-read:focus-visible{outline:2px solid #59694f;outline-offset:4px}
@media(max-width:760px){.recipe-comparison{padding:14px 20px 25px}.recipe-options{flex-direction:column;align-items:flex-start;padding:16px;gap:12px}.recipe-layout-tabs{display:flex;flex-direction:row;gap:4px}.recipe-layout-tabs a{padding:8px;font-size:12px}.recipe-heading{padding:32px 0 26px}.recipe-heading h1{font-size:35px}.recipe-toolbar{align-items:flex-start;gap:14px;flex-direction:column}.recipe-search{width:100%}.recipe-search input{flex:1}.layout-cards{grid-template-columns:1fr;gap:30px}.recipe-text h2,.layout-list .recipe-text h2{font-size:27px}.layout-list .recipe-item{grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:start}.layout-list .recipe-photo{aspect-ratio:1}.layout-list .recipe-summary{display:none}.layout-list .recipe-category{font-size:9px;margin-bottom:8px}.layout-list .recipe-text h2{font-size:23px}.layout-list .recipe-text h3{font-size:13px;margin-bottom:10px}.layout-magazine .recipe-item:first-child{grid-template-columns:1fr}.layout-magazine .recipe-item:first-child .recipe-photo{min-height:0;aspect-ratio:4/3}.layout-magazine .recipe-item:first-child .recipe-text{padding:26px}.layout-magazine .recipe-item:first-child h2{font-size:32px}.layout-magazine .recipe-item:not(:first-child){grid-template-columns:1fr;gap:20px}.layout-magazine .recipe-item:not(:first-child) .recipe-photo{aspect-ratio:16/9}}

.recipe-no-photo{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;background:#eff2eb;font-family:Cochin,Georgia,serif;font-size:28px;color:#7b8872}.recipe-search button{font-size:24px;color:#66705f;line-height:1;padding:0 4px}