/* Shared question -> follow-up pattern. Explicit adapters only: never all forms or details.
   Reference: circuits-specialises, accepted 24 October 2026. */
:is(.o99-guided-question,.op-hub .cg-finder .cg-finder-step,.bases-electricite .energy-controls,.ta-mini-tool .ta-tool-controls,.o99-studio .o99-equipment-detail) {
 background:linear-gradient(135deg,#eaf4fb,#0060a126);border:1px solid #afd4eb;
 border-left:4px solid #0060a1;border-radius:8px;padding:16px;
 box-shadow:0 10px 20px #153e5626,inset 0 1px 0 #fff;
}
:is(.o99-guided-step,.op-hub .cg-finder .cg-finder-step,.op-hub .cg-finder .cg-finder-result,.bases-electricite .energy-controls .duration-fields,.bases-electricite .energy-controls .energy-period-price,.bases-electricite [id="custom-days-field"],.ta-mini-tool .ta-tool-result,.o99-studio .o99-equipment-fold,.o99-studio .o99-equipment-detail) {
 --question-indent:32px;position:relative;box-sizing:border-box;
 width:fit-content;max-width:calc(100% - var(--question-indent));min-width:0;
 margin:24px 0 20px var(--question-indent);overflow:visible;
}
:is(.o99-guided-step,.op-hub .cg-finder .cg-finder-step,.op-hub .cg-finder .cg-finder-result,.bases-electricite .energy-controls .duration-fields,.bases-electricite .energy-controls .energy-period-price,.bases-electricite [id="custom-days-field"],.ta-mini-tool .ta-tool-result,.o99-studio .o99-equipment-fold,.o99-studio .o99-equipment-detail)::before {
 content:"";position:absolute;left:-26px;top:-18px;width:16px;height:30px;
 border-left:2px solid #0060a1;border-bottom:2px solid #0060a1;
 border-bottom-left-radius:8px;pointer-events:none;
}
:is(.o99-guided-step,.op-hub .cg-finder .cg-finder-step,.op-hub .cg-finder .cg-finder-result,.bases-electricite .energy-controls .duration-fields,.bases-electricite .energy-controls .energy-period-price,.bases-electricite [id="custom-days-field"],.ta-mini-tool .ta-tool-result,.o99-studio .o99-equipment-fold,.o99-studio .o99-equipment-detail)::after {
 content:"";position:absolute;left:-10px;top:7px;
 border-top:6px solid transparent;border-bottom:6px solid transparent;
 border-left:6px solid #0060a1;pointer-events:none;
}
/* Native inputs keep their labels, keyboard behaviour and validation states. */
:is(.o99-guided-question,.op-hub .cg-finder .cg-finder-step,.bases-electricite .energy-controls,.ta-mini-tool .ta-tool-controls,.o99-studio .o99-equipment-detail) :is(select,input[type=text],input[type=number]):not([aria-invalid=true]) {
 box-sizing:border-box;max-width:100%;min-height:48px;border:2px solid #0075bd;
 border-radius:8px;background:#fff;color:#172b3a;
 box-shadow:0 3px 0 #0060a126,0 5px 12px #153e561a; font-weight:600;
}
.op-hub .cg-finder .cg-finder-step{max-width:min(640px,calc(100% - var(--question-indent)))}
.op-hub .cg-finder .cg-finder-step p{max-width:none}
.op-hub .cg-finder .cg-finder-result{
 margin-left:88px;max-width:calc(100% - 112px);padding:20px;
 background:#eaf4fb;color:#172b3a;border:1px solid #d3e1ec;border-left:4px solid #0060a1;
}
.op-hub .cg-finder .cg-finder-result h3{color:#0060a1}
.op-hub .cg-finder .cg-finder-result p{max-width:none}
.bases-electricite .energy-controls .duration-fields{
 background:#fff;border:1px solid #afd4eb;border-left:4px solid #0060a1;border-radius:8px;padding:16px;
}
.bases-electricite .energy-controls .energy-period-price{--question-indent:48px}
.bases-electricite [id="custom-days-field"]{--question-indent:48px}
.bases-electricite .energy-controls .energy-field-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.ta-mini-tool .ta-tool-result{background:#eaf4fb;box-shadow:0 5px 12px #153e561a}
.o99-studio .o99-equipment-fold{border:1px solid #afd4eb;border-left:4px solid #0060a1;border-radius:8px;box-shadow:0 6px 14px #153e5626}
.o99-studio .o99-equipment-fold>summary{background:linear-gradient(135deg,#eaf4fb,#0060a126);border-radius:6px}
/* Hidden follow-ups must remain absent; narrow displays use a small visual offset. */
:is(.o99-guided-step,.op-hub .cg-finder .cg-finder-step,.op-hub .cg-finder .cg-finder-result,.bases-electricite .energy-controls .duration-fields,.bases-electricite .energy-controls .energy-period-price,.bases-electricite [id="custom-days-field"],.ta-mini-tool .ta-tool-result,.o99-studio .o99-equipment-fold,.o99-studio .o99-equipment-detail)[hidden]{display:none}
@media(max-width:700px){
 :is(.o99-guided-step,.op-hub .cg-finder .cg-finder-step,.op-hub .cg-finder .cg-finder-result,.bases-electricite .energy-controls .duration-fields,.bases-electricite .energy-controls .energy-period-price,.bases-electricite [id="custom-days-field"],.ta-mini-tool .ta-tool-result,.o99-studio .o99-equipment-fold,.o99-studio .o99-equipment-detail){--question-indent:8px}
 .bases-electricite .energy-controls .energy-period-price,.bases-electricite [id="custom-days-field"]{--question-indent:16px}
 .op-hub .cg-finder .cg-finder-result{margin-left:28px;max-width:calc(100% - 40px)}
 :is(.o99-guided-step,.op-hub .cg-finder .cg-finder-step,.op-hub .cg-finder .cg-finder-result,.bases-electricite .energy-controls .duration-fields,.bases-electricite .energy-controls .energy-period-price,.bases-electricite [id="custom-days-field"],.ta-mini-tool .ta-tool-result,.o99-studio .o99-equipment-fold,.o99-studio .o99-equipment-detail)::before{left:-10px;width:3px;height:26px;border-bottom-left-radius:3px}
 :is(.o99-guided-step,.op-hub .cg-finder .cg-finder-step,.op-hub .cg-finder .cg-finder-result,.bases-electricite .energy-controls .duration-fields,.bases-electricite .energy-controls .energy-period-price,.bases-electricite [id="custom-days-field"],.ta-mini-tool .ta-tool-result,.o99-studio .o99-equipment-fold,.o99-studio .o99-equipment-detail)::after{left:-6px;top:5px;border-top-width:4px;border-bottom-width:4px;border-left-width:4px}
}
@media(max-width:420px){
 .bases-electricite .energy-controls .energy-period-price{grid-template-columns:1fr}
}

/* The consumption cards use the same result relief, with no motion requirement. */
.bases-electricite .energy-cards .energy-card{
 background:linear-gradient(135deg,#fff,#eaf4fb);border:1px solid #afd4eb;
 border-top:4px solid #0060a1;box-shadow:0 5px 0 #0060a126,0 10px 20px #153e5626;
 transition:transform .2s ease,box-shadow .2s ease;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .bases-electricite .energy-cards .energy-card:hover{transform:translateY(-4px);box-shadow:0 7px 0 #0060a11a,0 16px 26px #153e5633}
}
@media(prefers-reduced-motion:reduce){.bases-electricite .energy-cards .energy-card{transition:none}}