/* Hepaly v5 ateliers: isolated, framework-free, progressive enhancement. */
.hp5-widget{--hp5-ink:#163B35;--hp5-green:#2D6A4F;--hp5-cream:#FFF9EF;color:var(--hp5-ink);background:#fffdf7;border:1px solid #d5dfd4;border-radius:26px;margin:38px 0;overflow:clip;box-shadow:0 12px 35px #163b3508;font:inherit;line-height:1.6;max-width:100%;box-sizing:border-box}
.hp5-widget *{box-sizing:border-box;min-width:0}
.hp5-header{padding:26px 28px 20px;background:linear-gradient(120deg,#eef3e7,#fff9ef);border-bottom:1px solid #dde5d7}
.hp5-kicker{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:#376049;margin-bottom:8px}
.hp5-header h3{font-family:Georgia,serif;font-size:clamp(1.45rem,4vw,2rem);line-height:1.18;letter-spacing:-.025em;margin:0 0 12px}
.hp5-header p,.hp5-body p{margin:0 0 16px}
.hp5-body{padding:25px 28px}
.hp5-widget .hp5-diagram{display:block;width:100%;height:auto;max-height:410px;margin:0 auto 22px;overflow:visible}
.hp5-diagram text{font-family:inherit;font-size:24px;fill:#163B35;stroke:none}
.hp5-ruler-lab .hp5-diagram text{font-size:21px}
.hp5-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hp5-field{display:flex;flex-direction:column;font-weight:700;gap:7px;margin:0 0 18px;max-width:100%}
.hp5-field input,.hp5-field select,.hp5-field textarea{font:inherit;color:#163B35;background:#fffefb;border:1px solid #8caa94;border-radius:12px;width:100%;max-width:100%;min-height:46px;padding:9px 12px}
.hp5-field input[type=range]{accent-color:#2D6A4F;padding:5px 0;border:0;background:transparent;cursor:pointer}
.hp5-field output{display:inline;color:#2D6A4F}
.hp5-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.hp5-widget .hp5-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:13px;border:1px solid #8ba891;background:#fff9ef;color:#163B35;font:inherit;font-weight:700;line-height:1.25;cursor:pointer;white-space:normal;text-align:center;max-width:100%;transition:background .18s,border-color .18s}
.hp5-button:hover{background:#e7eedc;border-color:#2D6A4F}
.hp5-button[aria-pressed=true],.hp5-button[data-v5-action$="-check"]{color:#fff9ef;background:#2D6A4F;border-color:#2D6A4F}
.hp5-button:disabled{opacity:.5;cursor:default}
.hp5-widget :focus-visible{outline:3px solid #815CC8;outline-offset:4px}
.hp5-feedback{padding:17px 19px;border-radius:15px;background:#edf3e8;border-left:4px solid #2D6A4F;font-weight:600;line-height:1.6;min-height:58px}
.hp5-body .hp5-note,.hp5-noscript{font-size:.88rem;line-height:1.65;color:#456359}
.hp5-body .hp5-note{margin:20px 0 0}
.hp5-noscript{margin:0;padding:20px 28px;background:#FFF3D4}
.hp5-question{border:0;border-bottom:1px solid #dfe5d9;margin:0 0 23px;padding:0 0 22px;min-inline-size:0}
.hp5-question legend{font-weight:750;font-size:1.04rem;line-height:1.5;margin-bottom:13px;max-width:100%;padding:0}
.hp5-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#F4C95D;margin-right:5px;font-size:.85rem}
.hp5-options{display:grid;gap:9px}
.hp5-option{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border:1px solid #cedacd;border-radius:12px;min-height:47px;cursor:pointer;background:#fffefa;line-height:1.5}
.hp5-option input{accent-color:#2D6A4F;flex:0 0 19px;width:19px;height:19px;margin:3px 0 0}
.hp5-option:has(input:checked){background:#edf3e8;border-color:#2D6A4F}
.hp5-answer{padding:12px 14px;background:#f5f0df;border-radius:10px;font-size:.93rem;margin:12px 0 0!important}
.hp5-binary{grid-template-columns:1fr 1fr}
.hp5-widget [hidden]{display:none!important}
.hp5-solid-picture{background:#f0f3e9;border-radius:20px;padding:15px}
.hp5-face{fill:#C7B9EF;stroke:none;opacity:.48}
.hp5-face:nth-child(2){fill:#F4C95D}.hp5-face:nth-child(3){fill:#EB8F76}
.hp5-face.hp5-rear{fill:none;stroke:#2D6A4F;stroke-dasharray:6 7;stroke-width:2;opacity:.17}
.hp5-edge{stroke:#163B35;stroke-width:3;stroke-linecap:round}
.hp5-hidden-edge{stroke-dasharray:8 8}
.hp5-vertex{fill:#2D6A4F;stroke:#fff9ef;stroke-width:2;opacity:0}
[data-v5-solid-picture][data-v5-mode=edges] .hp5-edge{stroke:#2D6A4F;stroke-width:6}
[data-v5-solid-picture][data-v5-mode=edges] .hp5-face,[data-v5-solid-picture][data-v5-mode=vertices] .hp5-face{opacity:.1}
[data-v5-solid-picture][data-v5-mode=vertices] .hp5-vertex{opacity:1}
.hp5-pots{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}
.hp5-pots>div{position:relative;padding:22px 17px 14px;border-radius:8px 8px 30px 30px;background:#f4ddcb;border-top:8px solid #b78a68;text-align:center}
.hp5-pots>div:nth-child(2){background:#e6dff6;border-color:#a394c0}
.hp5-pot-label{font-size:1.3rem;font-family:Georgia,serif;font-weight:700}
.hp5-pots p{margin:9px 0 0}
.hp5-callout{padding:15px 18px;background:#f3f4e9;border-radius:12px}
.hp5-static-stages{padding:16px;background:#f1f4e8;border-radius:15px;margin:0 0 20px}
.hp5-widget[data-v5-ready] .hp5-static-stages{display:none}
.hp5-magnet-poles .hp5-diagram [data-v5-left-outer],.hp5-magnet-poles .hp5-diagram [data-v5-left-inner],.hp5-magnet-poles .hp5-diagram [data-v5-right-outer],.hp5-magnet-poles .hp5-diagram [data-v5-right-inner]{font-size:32px;font-weight:800}
@media(max-width:520px){.hp5-widget{border-radius:20px;margin:28px 0}.hp5-header{padding:22px 18px 17px}.hp5-body{padding:21px 16px}.hp5-fields{grid-template-columns:1fr;gap:0}.hp5-actions{gap:8px}.hp5-widget .hp5-button{padding:10px 13px;font-size:.92rem}.hp5-solid-picture{padding:4px}.hp5-question legend{font-size:1rem}.hp5-option{padding:11px 10px}.hp5-pots{gap:9px}.hp5-pots>div{padding:16px 11px 12px}.hp5-feedback{padding:14px}.hp5-binary{grid-template-columns:1fr}.hp5-diagram{margin-bottom:15px!important}.hp5-noscript{padding:18px}}
@media(prefers-reduced-motion:reduce){.hp5-widget *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}