.vp-reader,.vp-hub{border:1px solid #d0dfc3;border-radius:20px;padding:16px;background:#f7faf2;margin:14px 0;color:#163d32}.vp-stage{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr);gap:18px;align-items:center;perspective:1000px}.vp-photo{margin:0;overflow:hidden;border-radius:17px;background:#173e34}.vp-photo img{display:block;width:100%;height:auto;object-fit:contain}.vp-photo figcaption{font-size:10px;padding:5px 10px;color:#fff;background:#173e34}.vp-bubble{position:relative;background:white;border:1px solid #bed3af;border-radius:20px 20px 20px 3px;padding:20px;box-shadow:5px 6px 0 #d6e5c2;animation:vp-arrive .38s ease-out}.vp-bubble p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.6}.vp-bubble small{font-size:12px;font-weight:750;color:#386744}.vp-bubble h3{font-size:24px;margin:0 0 12px}.vp-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.vp-controls button,.vp-guide-button,#vp-motion,#vp-gallery-close,.vp-topic-list button{font:inherit;padding:10px 16px;border:1px solid #bfd3af;border-radius:13px;cursor:pointer;background:#f1f7e9;color:#184a35;min-height:44px}.vp-controls button:disabled{opacity:.45;cursor:default}.vp-note{display:block;font-size:12px;line-height:1.5;color:#49604e;margin-top:14px}.vp-original{margin:15px 0}.vp-original summary{cursor:pointer;padding:12px;border:1px solid #d0dfc4;border-radius:10px;font-weight:600}.vp-symbol{font-size:70px;display:grid;place-items:center;min-height:140px;border-radius:22px;background:linear-gradient(135deg,#eef7d6,#c9e2c6);text-shadow:0 6px 0 #93b59444;box-shadow:inset 0 -8px 0 #a8c49155;animation:vp-arrive .38s ease-out}.vp-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0!important;margin:18px 0 26px!important}.vp-flow li{position:relative;border-radius:16px;padding:15px;background:#e9f2dd;border:1px solid #cbdcbb;color:#184b37;box-shadow:0 4px 0 #c3d7ac}.vp-flow li:not(:last-child)::after{content:'→';position:absolute;right:-17px;top:35%;font-weight:800;color:#386845}.vp-flow b,.vp-flow small{display:block}.vp-flow small{font-size:12px;margin-top:6px}.vp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vp-tiles>button{padding:0 0 16px;background:white;border:1px solid #cdddbf;border-radius:18px;overflow:hidden;color:#194e39;text-align:left;cursor:pointer;box-shadow:0 7px 0 #d0dfbc;transition:transform .18s}.vp-tiles>button:hover{transform:translateY(-4px) rotateX(2deg)}.vp-tiles b{display:block;padding:12px 14px 0;font-size:15px}.vp-tiles .vp-photo{border-radius:0}.vp-short{font-size:15px}.vp-guide-button{margin:8px 0;font-weight:650}#vp-gallery{width:min(900px,94vw);max-height:92vh;overflow:auto;border:0;border-radius:25px;padding:24px;background:#f5f9ef;color:#163d32;box-shadow:0 25px 100px #10271a77}#vp-gallery::backdrop{background:#061f17bf}.vp-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.vp-dialog-head h2{font-size:24px;margin:0}.vp-topic-list{display:flex;gap:8px;overflow:auto;margin:20px 0;padding-bottom:6px}.vp-topic-list button{white-space:nowrap;font-size:13px}.vp-topic-list button[aria-pressed=true]{background:#d6efae;border-color:#577f36}.vp-reader button:focus-visible,#vp-gallery button:focus-visible,.vp-guide-button:focus-visible,.vp-tiles button:focus-visible{outline:3px solid #b58000;outline-offset:3px}@keyframes vp-arrive{from{opacity:.7;transform:perspective(1000px) rotateY(-7deg) translateY(7px)}to{opacity:1;transform:none}}html[data-vp-motion=off] .vp-bubble,html[data-vp-motion=off] .vp-symbol,html[data-vx-motion=off] .vp-bubble,html[data-vx-motion=off] .vp-symbol{animation:none}html[data-vp-motion=off] .vp-tiles>button,html[data-vx-motion=off] .vp-tiles>button{transition:none;transform:none}@media(max-width:650px){.vp-stage{grid-template-columns:1fr}.vp-photo img{max-height:300px}.vp-tiles{grid-template-columns:repeat(2,1fr)}.vp-flow{gap:12px}.vp-flow li{padding:12px 9px}.vp-flow b{font-size:13px}.vp-flow li:not(:last-child)::after{right:-12px;font-size:13px}.vp-bubble{padding:16px}.vp-bubble p{font-size:16px}.vp-reader{padding:12px}#vp-gallery{padding:18px}.vp-symbol{min-height:90px;font-size:55px}}@media(prefers-reduced-motion:reduce){.vp-bubble,.vp-symbol{animation:none}.vp-tiles>button{transition:none;transform:none}}

/* Override the farmer shell's generic dialog width. */
#vp-gallery{max-width:min(900px,94vw);box-sizing:border-box}