.practical-tags{margin:14px 0 20px;scroll-margin-top:260px}.practical-tags ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.practical-tags li{margin:0;padding:0;max-width:100%}.practical-tag{display:flex;align-items:center;gap:7px;max-width:100%;min-height:42px;border:1px solid #d9cdbd;border-radius:999px;background:#fffaf4;color:#355f4e;padding:5px 11px 5px 5px;font:inherit;font-size:14px;font-weight:650;line-height:1.25;text-align:left;cursor:pointer}.practical-tag img{width:30px;height:30px;flex:none;object-fit:contain;border-radius:50%}.practical-tag>span{min-width:0;overflow-wrap:anywhere}.practical-tag-info{color:#8a7764;font-size:12px;font-weight:400}.practical-tag:hover{border-color:#7f9a7a;background:#eef3e9}.practical-tag:focus-visible{outline:3px solid #a97a45;outline-offset:3px}.practical-detail{position:fixed;inset:0;box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:0;border:1px solid #dfcdbd;border-radius:24px;background:#fffaf4;color:#39281e;box-shadow:0 20px 80px #37261e2b;overflow:auto;font:inherit}.practical-detail::backdrop{background:#30271d55;backdrop-filter:blur(7px)}.practical-detail-body{padding:24px}.practical-detail-body>img{display:block;object-fit:contain;border-radius:50%;margin-bottom:12px}.practical-detail h2{font-size:24px;margin:0 0 12px;line-height:1.25}.practical-detail p{font-size:16px;line-height:1.6;margin:0;overflow-wrap:anywhere}.practical-detail form{margin:0;padding:16px 24px;border-top:1px solid #e4d5c6}.practical-detail button{width:100%;padding:12px;border:1px solid #e6bcb6;border-radius:12px;color:#a65f56;background:#f9e9e5;font:inherit;font-weight:700;cursor:pointer}.practical-detail button:focus-visible{outline:3px solid #a97a45;outline-offset:3px}
.practical-preview-bar{padding:18px 22px;background:#eef3e9;border-bottom:1px solid #cbd8c1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#355f4e;font-size:15px}.practical-preview-bar strong{font-size:16px}.practical-preview-bar form{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.practical-preview-bar select{max-width:480px;min-width:0;width:100%;padding:10px 34px 10px 12px;border:1px solid #d5c5b3;border-radius:10px;background:#fffaf4;color:#39281e;font:inherit}.practical-preview-bar button{padding:10px 18px;background:#355f4e;color:white;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.practical-preview-bar button:focus-visible,.practical-preview-bar select:focus-visible{outline:3px solid #a97a45;outline-offset:3px}.practical-icon-gallery{max-width:1250px;margin:30px auto;padding:24px;color:#39281e}.practical-icon-gallery h2{font-size:26px;margin:0 0 8px}.practical-icon-gallery p{color:#776354}.practical-icon-gallery ul{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;list-style:none;padding:0}.practical-icon-gallery li{border:1px solid #e2d3c3;border-radius:16px;padding:12px;background:#fffaf4;display:grid;justify-items:center;align-content:start;gap:8px;text-align:center;font-size:14px}.practical-icon-gallery img{width:80px;height:80px;object-fit:contain;border-radius:50%}

.practical-preview-bar a{color:inherit;text-underline-offset:3px}#icons-title{scroll-margin-top:100px}@media(max-width:1100px){.practical-icon-gallery ul{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:560px){.practical-tags{scroll-margin-top:200px}.practical-tag{font-size:12px;gap:5px;padding-right:9px;min-height:37px}.practical-tag img{width:26px;height:26px}.practical-tags ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.practical-tags li{min-width:0}.practical-tag{width:100%;height:100%;border-radius:16px;min-height:44px}.practical-tag-info{margin-left:auto}.practical-preview-bar{padding:12px;gap:8px}.practical-preview-bar form{flex-basis:100%}.practical-preview-bar select{font-size:14px}.practical-preview-bar label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.practical-icon-gallery{padding:14px}.practical-icon-gallery ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* A single cooking label opens the complete practical information. */
.recipe-badge-cooking{position:relative;scroll-margin-top:220px}.cooking-summary-button{display:flex;flex-direction:inherit;align-items:inherit;gap:inherit;box-sizing:border-box;width:100%;min-width:0;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.cooking-summary-button>div{min-width:0}.cooking-summary-button:focus-visible{outline:3px solid #8e6d45;outline-offset:4px;border-radius:8px}.recipe-badge-cooking:hover{border-color:#88a582!important;background:#eef3e9!important}
.practical-detail{width:min(620px,calc(100vw - 28px));max-height:min(780px,calc(100dvh - 28px));overflow:hidden}.practical-detail[open]{display:flex;flex-direction:column}.cooking-dialog-heading{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #e4d5c6;flex:none}.cooking-dialog-heading img{object-fit:contain;flex:none}.practical-detail .cooking-dialog-heading h2{margin:0;font-size:24px}.practical-detail-content{overflow:auto;min-height:0;padding:0 24px 18px}.cooking-info-rows{margin:0;display:block}.cooking-info-rows>div{padding:15px 0;border-bottom:1px solid #eadfce}.cooking-info-rows dt{display:flex;align-items:center;gap:10px;font-size:14px;color:#766252;font-weight:650}.cooking-info-rows dt img{object-fit:contain;flex:none}.cooking-info-rows dd{margin:6px 0 0 46px;font-size:15px}.cooking-info-rows dd strong{color:#355f4e}.practical-detail .cooking-info-rows p{font-size:14px;line-height:1.5;margin:5px 0 0}.practical-detail .cooking-estimate-note{font-size:12px;color:#79685a;margin-top:16px}.practical-detail form{flex:none}.practical-detail form button{min-height:44px}@media(max-width:560px){.cooking-dialog-heading{padding:16px}.practical-detail-content{padding:0 16px 16px}.practical-detail .cooking-dialog-heading h2{font-size:22px}.cooking-info-rows dd{margin-left:0}.practical-detail form{padding:12px 16px}}
/* Concise cooking sheet: one equipment row and no repeated descriptions. */
.practical-detail.cooking-compact{width:min(520px,calc(100vw - 28px))}.cooking-compact .cooking-dialog-heading{padding:18px 22px;gap:12px}.cooking-compact .cooking-dialog-heading p{font-size:14px;color:#776252;margin:3px 0 0}.cooking-compact .practical-detail-content{padding:0 22px 14px}.cooking-compact-rows{margin:0}.cooking-compact-rows>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #eadfce}.cooking-compact-rows dt{display:flex;align-items:center;gap:9px;color:#756151;font-size:14px}.cooking-compact-rows dt img{flex:none;object-fit:contain}.cooking-compact-rows dd{margin:0;font-size:15px;line-height:1.4;color:#355f4e;min-width:0}.practical-detail .cooking-compact-rows dd p{font-size:13px;line-height:1.4;color:#786658;margin:3px 0 0}.cooking-compact .cooking-estimate-note{font-size:11px;margin-top:12px}.cooking-compact form{padding:12px 22px}.cooking-compact form button{padding:10px}@media(max-width:560px){.cooking-compact .cooking-dialog-heading{padding:16px}.cooking-compact .practical-detail-content{padding:0 16px 12px}.cooking-compact-rows>div{grid-template-columns:115px minmax(0,1fr);gap:9px;padding:11px 0}.cooking-compact-rows dt{font-size:12px;gap:6px}.cooking-compact-rows dt img{width:27px;height:27px}.cooking-compact-rows dd{font-size:13px}.practical-detail .cooking-compact-rows dd p{font-size:12px}.cooking-compact form{padding:12px 16px}}

/* Keep the chevron centred beside the summary at every badge layout. */
.cooking-summary-button>div{box-sizing:border-box;max-width:100%;min-width:0}
.cooking-summary-value{display:flex;align-items:center;gap:8px;min-width:0}
.cooking-summary-value strong{min-width:0}
.cooking-summary-arrow{display:block;position:static;flex:0 0 14px;width:14px;height:14px;color:#79614e}

.cooking-estimate-note a{color:#355f4e;text-underline-offset:2px}