.enotipo-form {
  --enotipo-ink: var(--e-global-color-primary, #111111);
  --enotipo-accent: var(--e-global-color-accent, #cb0028);
  box-sizing: border-box; width: 100%; max-width: 760px; margin: 24px auto;
  padding: clamp(22px, 5vw, 48px); background: #fff; color: var(--e-global-color-text, #444444);
  border: 1px solid #e5e5e5; border-radius: 12px;
  font-family: var(--e-global-typography-text-font-family, system-ui), sans-serif; line-height: 1.6;
}
.enotipo-form * { box-sizing: border-box; }
.enotipo-form [hidden] { display: none !important; }
.enotipo-form h2, .enotipo-form h3 { color: var(--enotipo-ink); line-height: 1.25; text-wrap: pretty; }
.enotipo-form h2 { margin: 0 0 24px; font-size: clamp(27px, 4vw, 36px); }
.enotipo-form h3 { margin: 26px 0 12px; font-size: clamp(21px, 3vw, 26px); }
.enotipo-form p { margin: 0 0 16px; }
.enotipo-form .enotipo-notice { font-size: 12px; font-weight: 700; letter-spacing: .07em; color: #7a1830; background: #fff0f3; border-radius: 4px; padding: 10px 12px; }
.enotipo-form .enotipo-help { font-size: 14px; color: #555; }
.enotipo-form .enotipo-progress { height: 5px; background: #eee; border-radius: 5px; overflow: hidden; }
.enotipo-form .enotipo-progress span { display: block; height: 100%; background: var(--enotipo-accent); transition: width .2s ease; }
.enotipo-form .enotipo-field { display: grid; gap: 8px; font-weight: 600; margin: 22px 0; }
.enotipo-form input:not([type=radio]):not([type=checkbox]), .enotipo-form select { width: 100%; min-height: 48px; color: var(--enotipo-ink); background: white; border: 1px solid #aaa; border-radius: 6px; padding: 10px 12px; font: inherit; font-weight: 400; }
.enotipo-form input[readonly] { background: #f6f6f6 !important; }
.enotipo-form .enotipo-types { border: 0; padding: 0; margin: 22px 0; }
.enotipo-form .enotipo-types legend { font-weight: 600; padding: 0 0 8px; }
.enotipo-form .enotipo-types label { display: flex; align-items: baseline; gap: 10px; padding: 10px 0; cursor: pointer; }
.enotipo-form .enotipo-privacy-notice a { text-decoration: underline; }
.enotipo-form input[type=radio], .enotipo-form input[type=checkbox] { accent-color: var(--enotipo-accent); width: 18px; height: 18px; flex: 0 0 auto; }
.enotipo-form .enotipo-choices { display: grid; gap: 12px; margin-top: 24px; }
.enotipo-form .enotipo-choice { width: 100%; min-height: 60px; background: #fff; color: var(--enotipo-ink); border: 1px solid #bcbcbc; border-radius: 6px; padding: 16px 18px; font: inherit; text-align: left; white-space: normal; line-height: 1.5; cursor: pointer; }
.enotipo-form .enotipo-choice:hover, .enotipo-form .enotipo-choice[aria-pressed=true] { border-color: var(--enotipo-accent); background: #fff5f7; color: var(--enotipo-ink); }
.enotipo-form .enotipo-choice:disabled { cursor: default; opacity: .65; }
.enotipo-form .enotipo-choice[aria-pressed=true] { opacity: 1; }
.enotipo-form .enotipo-primary { margin-top: 12px; border: 1px solid var(--enotipo-ink); background: var(--enotipo-ink); color: white; border-radius: 6px; padding: 13px 24px; min-height: 48px; font: inherit; font-weight: 600; cursor: pointer; }
.enotipo-form .enotipo-primary:disabled { opacity: .65; cursor: wait; }
.enotipo-form :focus-visible { outline: 3px solid var(--enotipo-accent); outline-offset: 4px; }
.enotipo-form h3:focus, .enotipo-form p[tabindex]:focus { outline: none; }
.enotipo-form .enotipo-score { font-size: 80px; line-height: 1.1; font-weight: 700; letter-spacing: -.05em; color: var(--enotipo-ink); margin: 24px 0 4px; }
.enotipo-form .enotipo-category { color: var(--enotipo-accent); font-size: 28px; font-weight: 600; margin-bottom: 24px; }
.enotipo-form .enotipo-calibration-label { margin: 26px 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .025em; color: var(--enotipo-ink); }
.enotipo-form .enotipo-calibration-label + h3 { margin-top: 8px; }
.enotipo-form .enotipo-scale { margin: 40px 0 32px; padding: 0 14px; color: var(--enotipo-ink); }
.enotipo-form .enotipo-scale-track { position: relative; height: 36px; border-bottom: 2px solid currentColor; }
.enotipo-form .enotipo-scale-tick { position: absolute; bottom: -6px; height: 10px; border-left: 1px solid currentColor; }
.enotipo-form .enotipo-scale-marker { position: absolute; bottom: -1px; width: 0; height: 0; color: var(--enotipo-accent); }
.enotipo-form .enotipo-scale-value { position: absolute; bottom: 14px; left: 0; transform: translateX(-50%); font-size: 18px; line-height: 1; font-weight: 700; }
.enotipo-form .enotipo-scale-dot { position: absolute; width: 16px; height: 16px; left: 0; top: 0; transform: translate(-50%, -50%); border: 3px solid currentColor; border-radius: 50%; background: #fff; }
.enotipo-form .enotipo-scale-ends { display: flex; justify-content: space-between; margin: 8px -4px 0; font-size: 11px; }
.enotipo-form .enotipo-scale-labels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; text-align: center; font-size: clamp(10px, 2.7vw, 15px); line-height: 1.4; }
.enotipo-form .enotipo-scale-labels .is-current { font-weight: 700; color: var(--enotipo-accent); }
.enotipo-form .enotipo-description { margin-top: 28px; }
.enotipo-form .enotipo-status { border-top: 1px solid #ddd; padding-top: 18px; margin-top: 24px; font-size: 14px; }
@media (prefers-reduced-motion: reduce) { .enotipo-form .enotipo-progress span { transition: none; } }