/* Shared live/result-report illustration layer; all instructional text stays HTML. */
.ov-icon{display:block;box-sizing:border-box;width:64px;height:64px;max-width:100%;flex:none;color:var(--clay,#b86e4b)}
.ov-icon .ov-icon-secondary{stroke:var(--ov-sage,var(--sage-deep,#587360))}
.ov-spice-list,.ov-tea-blend{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;margin:20px 0;padding:0;list-style:none}
.ov-spice-list>li.ov-spice-item,.ov-tea-blend>li.ov-tea-ingredient{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-width:0;max-width:100%;margin:0;padding:20px 16px;border:1px solid var(--line,#d6ddd3);border-radius:18px;background:var(--tile,#f0f2ea);text-align:center;color:var(--ink,#253a2e);overflow-wrap:anywhere}
.ov-spice-list>li.ov-spice-item{flex:1 1 125px;font-size:.95rem;font-weight:700;line-height:1.4}
.ov-spice-item>svg.ov-icon{width:94px;height:94px;padding:6px;border-radius:50%;background:var(--surface,#fafaf4)}
.ov-tea-blend>li.ov-tea-ingredient{position:relative;flex:1 1 165px;gap:14px;font-size:1rem;line-height:1.5}
.ov-tea-ingredient>svg.ov-icon{width:106px;height:106px;padding:8px;border-radius:50%;background:var(--surface,#fafaf4)}
.ov-tea-ingredient>span,.ov-spice-item>span{min-width:0;max-width:100%}
.ov-tea-water{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;margin:14px 0;padding:12px 16px;border:1px solid var(--line,#d6ddd3);border-radius:12px;background:var(--surface,#fafaf4);color:var(--ink,#253a2e);overflow-wrap:anywhere}
.ov-tea-water>.ov-icon{width:42px;height:42px}
.ov-tea-water>span{min-width:0}
.ov-tea-water strong{margin-right:8px}
.ov-tea-method>h4{margin:20px 0 6px;font-size:1rem;line-height:1.4}
.ov-tea-method>.ov-proposal-label{margin:4px 0 10px;color:var(--muted,#596a5d);font-size:.84rem;font-style:italic;line-height:1.5}
ol.ov-steps{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 24px;padding:0;list-style:none}
ol.ov-steps>li.ov-step{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;max-width:100%;margin:0;padding:0;border:1px solid var(--line,#d6ddd3);border-radius:18px;background:var(--tile,#f0f2ea);break-inside:avoid;page-break-inside:avoid}
.ov-step-visual{position:relative;box-sizing:border-box;display:grid;place-items:center;width:100%;max-width:100%;padding:16px 16px 8px;border-bottom:1px solid var(--line,#d6ddd3);border-radius:18px 18px 0 0;background:var(--surface,#fafaf4)}
.ov-step-number{position:absolute;top:12px;left:12px;display:grid;place-items:center;box-sizing:border-box;width:30px;height:30px;border:1px solid var(--line,#d6ddd3);border-radius:50%;background:var(--tile,#f0f2ea);color:var(--ink,#253a2e);font:750 .85rem/1 system-ui,sans-serif}
.ov-step-visual>svg.ov-icon.ov-cooking-scene{width:100%;height:auto;max-width:320px;aspect-ratio:12/7}
.ov-cooking-scene .ov-scene-wash{fill:var(--tile,#f0f2ea);stroke:none}
.ov-cooking-scene .ov-scene-counter{stroke:var(--ov-sage,var(--sage-deep,#587360));stroke-opacity:.55}
.ov-cooking-scene .ov-scene-vessel{fill:var(--surface,#fafaf4)}
.ov-cooking-scene .ov-scene-water{fill:var(--ov-sage,#a6c5b3);fill-opacity:.28;stroke:var(--ov-sage,var(--sage-deep,#587360))}
.ov-cooking-scene .ov-scene-utensil{fill:var(--clay,#b86e4b);fill-opacity:.25}
.ov-cooking-scene .ov-scene-oil{stroke:var(--clay,#b86e4b);fill:var(--clay,#b86e4b);fill-opacity:.3}
.ov-cooking-scene .ov-scene-board{fill:var(--clay,#b86e4b);fill-opacity:.12}
.ov-cooking-scene .ov-scene-heat{stroke:var(--clay,#b86e4b);fill:var(--clay,#b86e4b);fill-opacity:.4}
.ov-step>.ov-step-copy{box-sizing:border-box;min-width:0;max-width:100%;margin:0;padding:18px 20px 20px;align-self:stretch;color:var(--ink,#253a2e);font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
.ov-tea-guide,.ov-tea-method{min-width:0;max-width:100%}
@media(prefers-color-scheme:dark){.ov-icon .ov-icon-secondary{stroke:var(--ov-sage,#a6c5b3)}}
@media(max-width:640px){ol.ov-steps{grid-template-columns:minmax(0,1fr);gap:16px}.ov-step-visual{padding:14px 18px 8px}.ov-step>.ov-step-copy{padding:16px 18px 18px}.ov-spice-list{gap:10px}.ov-spice-list>li.ov-spice-item{flex-basis:calc(50% - 5px);padding:16px 10px}.ov-tea-blend>li.ov-tea-ingredient{flex-basis:100%;flex-direction:row;align-items:center;text-align:left;padding:16px}.ov-tea-ingredient>svg.ov-icon{width:90px;height:90px}}
@media print{.ov-icon{color:#9e603f!important}.ov-icon .ov-icon-secondary{stroke:#587360!important}.ov-tea-blend,.ov-spice-list{break-inside:avoid;page-break-inside:avoid}.ov-spice-list>li.ov-spice-item,.ov-tea-blend>li.ov-tea-ingredient,ol.ov-steps>li.ov-step{background:#fafbf7!important;border-color:#d6ddd3!important;color:#253a2e!important}.ov-step>.ov-step-copy,.ov-tea-water{color:#253a2e!important}.ov-step-visual,.ov-tea-water,.ov-step-number{background:#fff!important}.ov-cooking-scene .ov-scene-wash{fill:#f0f2ea!important}.ov-cooking-scene .ov-scene-vessel{fill:#fff!important}.ov-tea-method>.ov-proposal-label{color:#596a5d!important}ol.ov-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10pt}ol.ov-steps>li.ov-step{padding:0;gap:0}.ov-step-visual{padding:10px 12px 4px}.ov-step-visual>svg.ov-icon.ov-cooking-scene{max-width:220px}.ov-step-number{width:23px;height:23px;top:7px;left:7px;font-size:9pt}.ov-step>.ov-step-copy{font-size:10pt;line-height:1.45;padding:10pt}.ov-spice-item>svg.ov-icon{width:70px;height:70px}.ov-tea-ingredient>svg.ov-icon{width:76px;height:76px}}