/* Match the app without affecting printable documents. */
@media screen{
body{background:radial-gradient(ellipse at 15% 0,rgba(53,91,170,.16),transparent 45%),radial-gradient(ellipse at 95% 25%,rgba(211,40,53,.09),transparent 45%),#0b0b0f}
.wrap{max-width:680px}.card{border-radius:26px;background:linear-gradient(135deg,rgba(40,41,49,.82),rgba(21,21,27,.94));border-color:rgba(255,255,255,.1);box-shadow:0 18px 60px rgba(0,0,0,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
h1{letter-spacing:-.04em;line-height:1.12}.brand{letter-spacing:.035em}.hero-logo{display:none}
input,select,textarea{min-width:0;max-width:100%;font-size:16px!important;border-radius:14px!important;background-color:rgba(255,255,255,.055)!important;color:#f4f4f6!important}input[type=tel]{width:100%;font-family:var(--f);border:1px solid var(--line);padding:12px 13px}select option{background:#202128;color:#fff}
button{min-height:48px;border-radius:16px!important;transition:background .2s,transform .2s,box-shadow .2s}button:active{transform:scale(.985)}button.primary{background:linear-gradient(135deg,#227bff,#2859d8);box-shadow:0 7px 24px rgba(30,100,255,.18)}
.self-disclaimer{font-size:12px!important;line-height:1.5;color:#b3b6c2!important}.self-reference,.self-details{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;margin:18px 0;background:rgba(255,255,255,.035)}
.self-reference summary,.self-details summary{cursor:pointer;min-height:32px;align-content:center;color:#a8c9ff;font-weight:600;font-size:14px}.self-reference-body{padding-top:12px}.self-reference-body p,.self-reference-body span,.self-reference-body .legal{font-size:12px!important;line-height:1.6;color:#aeb2be}.self-reference .norma{background:none;border:0;padding:0}
.card input:focus-visible,.card select:focus-visible,.card button:focus-visible,summary:focus-visible{outline:2px solid #71acff;outline-offset:3px}.self-details[open],.self-reference[open]{animation:selfReveal .25s ease-out}
@keyframes selfReveal{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:480px){.wrap{padding:16px 14px 32px}.card{padding:22px 18px;border-radius:24px}h1{font-size:30px}.card label{line-height:1.45} .ac-x{min-width:0}.ac-x b,.ac-x i{overflow-wrap:anywhere}.rec-in{flex-wrap:wrap}.rec-in input{min-width:140px}.self-reference{margin-inline:2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}

/* A92: visual hierarchy only; the native questionnaire and documents are unchanged. */
@media screen {.self-intro-eyebrow,.self-form-heading{display:none}}
@layer eco-mobile-material {
 @media screen {
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-evaluation-brand {gap:12px!important;margin-bottom:24px!important;align-items:center!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-evaluation-brand .logo {
   width:56px!important;height:56px!important;border-radius:50%!important;background:transparent!important;
   box-shadow:0 5px 12px rgba(39,56,80,.12)!important;overflow:hidden!important;
  }
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-evaluation-brand .logo img {width:100%!important;height:100%!important;padding:0!important;object-fit:contain!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-evaluation-brand .brand {font-size:16px!important;line-height:1.3!important;letter-spacing:0!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-brand-names {font-weight:700!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-evaluation-brand .brand span {font-size:12px!important;letter-spacing:.025em!important;text-transform:none!important;margin-top:5px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-intro-eyebrow {display:block!important;font-size:11px!important;font-weight:700!important;letter-spacing:.11em!important;color:var(--eco-vision-blue,#215a99)!important;margin-bottom:10px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) #s0 h1 {font-size:clamp(27px,4.5vw,34px)!important;line-height:1.13!important;letter-spacing:-.035em!important;max-width:20ch!important;margin-bottom:12px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) #s0>h1+p {font-size:15px!important;line-height:1.6!important;max-width:48ch!important;margin-bottom:16px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) #s0>p.tight {font-size:12px!important;line-height:1.5!important;margin-bottom:4px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-form-heading {display:flex!important;flex-direction:column!important;gap:3px!important;margin:0 0 16px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-form-heading b {font-size:17px!important;font-weight:700!important;line-height:1.3!important;color:var(--eco-vision-ink,#172033)!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-form-heading span {font-size:12px!important;line-height:1.5!important;color:var(--eco-vision-muted,#526075)!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-contact-heading {margin-top:18px!important;padding-top:20px!important;border-top:1px solid rgba(79,99,127,.16)!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) #s0 label {font-size:11px!important;line-height:1.4!important;letter-spacing:.055em!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) #sQ h2 {font-size:clamp(22px,4vw,27px)!important;line-height:1.25!important;margin-bottom:12px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) #sQ .step-n {font-size:12px!important;margin-bottom:10px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) #sQ .opts {gap:10px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) #sQ .opts button {line-height:1.45!important;min-height:54px!important;padding:13px 15px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-reference-body {font-size:12px!important;line-height:1.65!important}
 }
 @media screen and (max-width:640px) {
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-evaluation-brand {display:grid!important;grid-template-columns:repeat(2,56px)!important;justify-content:center!important;gap:10px 16px!important;margin-bottom:20px!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-evaluation-brand .brand {grid-column:1/-1!important;justify-self:center!important;text-align:center!important;white-space:nowrap!important}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-brand-names {display:none}
  html[data-eco-vision="light"] body.eco-vision-theme:has(>.wrap>#s0) .self-evaluation-brand .brand span {font-size:13px!important;margin:0!important}
 }
}