/* Small visual marker, generous touch target. Never nested inside a choice or label. */
:is(.pool-configurator,.lamella-selector) .config-help-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:#304c81;cursor:pointer;flex:none;font:700 14px/1 system-ui,sans-serif}
:is(.pool-configurator,.lamella-selector) .config-help-button>span{display:grid;place-items:center;width:23px;height:23px;box-sizing:border-box;border:1px solid #93afd5;border-radius:50%;background:linear-gradient(135deg,#fff,#e5eefb);color:#304c81;font:700 14px/1 system-ui,sans-serif}
:is(.pool-configurator,.lamella-selector) .config-help-button:hover>span{color:white;background:#304c81;border-color:#304c81}
:is(.pool-configurator,.lamella-selector) .config-help-button:focus-visible{outline:3px solid #5284cc;outline-offset:1px}
.pool-configurator legend>.config-help-title{display:inline-flex;align-items:center;min-width:0;font:inherit;color:inherit;line-height:1.4}
.pool-configurator [data-config-help-slot]{display:inline-flex;vertical-align:middle;flex:none;width:44px;height:44px}
.pool-configurator .config-help-label{display:flex;align-items:center;gap:3px;min-width:0;margin-bottom:7px}
.pool-configurator .config-help-label>label{margin:0;font-size:13px;font-weight:650;min-width:0}
.pool-configurator .config-help-check{position:relative}
.pool-configurator .config-help-check>.config-help-button{position:absolute;right:5px;top:5px}
.pool-configurator .config-help-check>:is(.tech-check,.roof-check){padding-right:51px}
.pool-configurator .config-help-check>.roof-check{min-height:44px}
.pool-configurator .config-help-heading{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.pool-configurator .config-help-heading>h3{margin-bottom:0}
.pool-configurator .config-help-hint{color:#526987;font-size:12px;line-height:1.6}
.config-help-open{overflow:hidden}
.config-help-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #c4d5ec;border-radius:20px;background:#fff;color:#203752;box-shadow:0 22px 80px #152c4d40;overflow:hidden}
.config-help-dialog[open]{display:flex;flex-direction:column}
.config-help-dialog::backdrop{background:#152c4d99}
.config-help-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 15px;background:linear-gradient(120deg,#fff,#edf4ff);border-bottom:1px solid #d7e3f2;flex:none}
.config-help-header>div{min-width:0}
.config-help-header p{margin:0 0 7px;color:#526987;font:700 10px/1.4 system-ui,sans-serif;letter-spacing:.12em}
.config-help-header h2{margin:0;font-size:24px;line-height:1.25;font-weight:650;letter-spacing:-.025em;overflow-wrap:anywhere}
.config-help-header h2:focus{outline:none}
.config-help-close{display:grid;place-items:center;width:44px;min-width:44px;height:44px;border:1px solid #bdcfe8;border-radius:12px;background:white;color:#304c81;font-size:27px;line-height:1;cursor:pointer}
.config-help-content{padding:18px 22px;min-height:0;overflow-y:auto;overscroll-behavior:contain;font-size:14px;line-height:1.6}
.config-help-intro{margin:0 0 17px;color:#405672}
.config-help-items{display:grid;gap:16px}
.config-help-item{margin:0;padding:0;min-width:0}
.config-help-item.has-image{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:center}
.config-help-item img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:1px solid #e1e9f4;border-radius:10px;background:#fff}
.config-help-item h3{margin:0 0 4px;font-size:14px;line-height:1.5;font-weight:700;color:#203f70}
.config-help-item p{margin:0;color:#405672}
.config-help-tip{margin:20px 0 0;padding:13px 15px;border:1px solid #d0dff3;border-radius:12px;background:linear-gradient(120deg,#f5f9ff,#edf4ff);color:#304c81}
.config-help-tip strong{display:block;margin-bottom:4px;font-size:12px}
.config-help-footer{padding:12px 22px 16px;border-top:1px solid #d7e3f2;background:#fff;flex:none}
.config-help-done{width:100%;min-height:44px;padding:12px 18px;border:1px solid #304c81;border-radius:11px;background:linear-gradient(125deg,#4b70aa,#304c81);color:white;font:600 14px/1.4 system-ui,sans-serif;cursor:pointer}
.config-help-dialog button:focus-visible{outline:3px solid #5284cc;outline-offset:3px}
@media(max-width:480px){.config-help-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);border-radius:16px}.config-help-header{padding:16px 16px 12px}.config-help-header h2{font-size:21px}.config-help-content{padding:16px}.config-help-item.has-image{grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:start}.config-help-footer{padding:10px 16px max(12px,env(safe-area-inset-bottom))}}
@media(max-width:350px){.config-help-item.has-image{grid-template-columns:1fr}.config-help-item img{width:160px;max-width:100%}}
@media print{.config-help-button,[data-config-help-slot],.config-help-dialog,.config-help-hint{display:none!important}}