.wh-scene{overflow:hidden;border-radius:24px;background:#fff;border:1px solid #e6e1d9;box-shadow:0 12px 35px #46331d0b;color:#26313d;margin-block:18px}
.wh-scene-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;font-size:.87rem;font-weight:750;color:#705740}
.wh-picture{position:relative;overflow:hidden;isolation:isolate;background:#efe9df;aspect-ratio:3/2}
.wh-picture img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:var(--wh-x,50%) var(--wh-y,50%);transition:transform .4s ease}
.wh-scene.is-zoomed .wh-picture img{transform:scale(1.7)}
.wh-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wh-overlay[hidden]{display:none}
.wh-spotlight{fill:#fff6cf18;stroke:#fff4c7;stroke-width:3;filter:drop-shadow(0 0 12px #ffebaa);pointer-events:none}
.wh-point{width:44px;height:44px;padding:0;border-radius:50%;background:#fffdf5;color:#60452e;border:2px solid #fff;font-weight:850;font-size:18px;box-shadow:0 3px 16px #24190c70;cursor:pointer}
.wh-point.is-active{background:#74502d;color:white;border-color:#ffe9b0}
.wh-point:focus-visible,.wh-scene button:focus-visible,.wh-evidence summary:focus-visible{outline:3px solid #396b88;outline-offset:3px}
.wh-static-point circle{fill:#fffaf0;stroke:#8b633d;stroke-width:2}.wh-static-point text{fill:#61462b;font-size:22px;font-weight:750}.wh-static-point.is-active circle{fill:#ffe3a2}
.wh-detail-buttons{display:flex;flex-wrap:wrap;gap:8px;padding:16px 18px 0}.wh-detail-buttons button{min-height:44px;flex:1 1 150px}.wh-detail-buttons button[aria-pressed=true]{background:#f4e7cc;border-color:#b3925d;color:#5d4527}
.wh-observation{padding:18px 22px;background:#fffcf6}.wh-observation strong{font-size:1.15rem}.wh-observation p{margin:8px 0 0;line-height:1.65}
.wh-process-path{fill:none;stroke:#fff6be;stroke-width:5;stroke-linecap:round;stroke-dasharray:10 10;filter:drop-shadow(0 1px 3px #3c290d);pointer-events:none;animation:wh-flow 2s linear infinite;animation-play-state:paused}
.year-figure[data-playback=running] .wh-process-path{animation-play-state:running}@keyframes wh-flow{to{stroke-dashoffset:-40}}
.wh-timeline{padding:18px 22px;border-top:1px solid #eee8de}.wh-timeline p{margin:0}.wh-timeline svg{width:100%;display:block;max-height:64px}.wh-time-line{stroke:#d2c5ae;stroke-width:4;stroke-linecap:round}.wh-time-dot{fill:#e8ddc8;stroke:#a78a5b;stroke-width:2}.wh-time-dot.is-active{fill:#8b6237;stroke:#f6dfaf;stroke-width:5}
.wh-timeline ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}.wh-timeline li{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:12px;background:#f7f5f0}.wh-timeline li.is-active{background:#f3e6cd}.wh-timeline li span{font-size:.84rem;line-height:1.4}.wh-timeline small{display:block;margin-top:12px;line-height:1.5;color:#69717a}
.wh-evidence{margin:0 22px 20px;padding:14px 16px;border-radius:14px;background:#eff5f4}.wh-evidence summary{cursor:pointer;font-weight:700;min-height:30px}.wh-evidence p{line-height:1.6;font-size:.92rem}
.wh-harvest{padding:18px 22px;background:#fffaf0}.wh-harvest svg{width:100%;max-height:100px}.wh-harvest text{fill:#2d392d;font-size:23px;font-weight:800}.wh-empty-grain{fill:#eee7da}.wh-grain-seed{fill:#bdcf9d}.wh-grain-dues{fill:#dba58c}.wh-grain-remaining{fill:#f4d273}.wh-harvest dl,.wh-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wh-harvest dt{font-size:.85rem}.wh-harvest dd{margin:5px 0;font-weight:800}.wh-harvest p{font-size:.87rem;line-height:1.6}.wh-comparison{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;margin:0;background:#f5f8f7}.wh-comparison dd{margin:8px 0 0;line-height:1.6}.wh-comparison dt{font-weight:800}
@media(max-width:540px){.wh-scene{border-radius:16px}.wh-scene-heading,.wh-observation,.wh-timeline,.wh-harvest{padding:14px}.wh-detail-buttons{padding:12px 14px 0}.wh-evidence{margin:0 14px 16px}.wh-timeline ol{grid-template-columns:1fr}.wh-timeline li{flex-direction:row;gap:12px;align-items:baseline}.wh-timeline li strong{min-width:42px}.wh-comparison{grid-template-columns:1fr}.wh-harvest dl{gap:7px}.wh-harvest dt{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.wh-picture img{transition:none}.wh-process-path{animation:none}}

.wh-water {padding:18px;border-radius:20px;background:#f0faf9;border:1px solid #c8e5e2}.wh-water h4{margin:0 0 8px}.wh-water svg{width:100%;height:auto}.wh-empty-water{fill:#d4eae7}.wh-water-fill{fill:#128c9a}.wh-water text{fill:#194c59;font-size:20px;font-weight:700}.wh-balance{font-size:1.3rem;color:#155a67}.wh-water p:last-child{font-size:.88rem;line-height:1.55}

.wh-printing{padding:18px;border-radius:20px;background:#faf5ea;border:1px solid #edddbd}.wh-printing dl{display:flex;flex-wrap:wrap;gap:12px}.wh-printing dl div{flex:1;min-width:110px}.wh-printing dt{font-size:.8rem}.wh-printing dd{margin:4px 0;font-size:1.8rem;font-weight:800;color:#705126}.wh-printing svg{width:100%;height:auto}.wh-print-empty{fill:#eee5d3}.wh-print-setup{fill:#74552c}.wh-print-copies{fill:#dcae55}.wh-printing p{line-height:1.5;font-size:.88rem}