.badge.practical{background:#e2efe5;color:#2f6246}
.practical-block{background:linear-gradient(180deg,#f7fbf7 0%,#fffdf8 100%);border:1px solid #cfe0d3;border-radius:16px;padding:16px;margin-top:18px}
.practical-block.detail-block{border-top:1px solid #cfe0d3}
.practical-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.practical-heading h3{margin:0;color:#2f6246}.practical-label{display:inline-flex;border-radius:999px;padding:4px 8px;background:#e2efe5;color:#2f6246;font-size:.72rem;font-weight:900;white-space:nowrap}
.practical-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.practical-meta span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #d7e5da;color:#53675a;font-size:.8rem;font-weight:700}.practical-meta span:empty{display:none}
.ratio-callout{display:grid;gap:3px;margin:0 0 12px;padding:11px 13px;border-left:4px solid #4e7b5c;border-radius:10px;background:#edf6ef}.ratio-callout strong{color:#2f6246;font-size:.82rem}.ratio-callout span{color:#405448;font-size:.9rem;line-height:1.55}
.practical-block .source-part{background:#fff;border-color:#dbe8de}.practical-block .ingredient-list li,.practical-block .method-list li{background:#fbfefb;border-color:#deeadf}.practical-block .method-list li::before{background:#3d694b}.practical-tip{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff7df;border:1px solid #edddb2;color:#66542c;font-size:.88rem;line-height:1.6}.practical-tip[hidden]{display:none}.practical-disclaimer{margin:10px 2px 0;color:#7a746b;font-size:.76rem;line-height:1.55}
@media(max-width:520px){.practical-block{padding:13px}.practical-heading{align-items:flex-start;flex-direction:column}.practical-meta{gap:5px}.ratio-callout{padding:10px 11px}}