/* EAT-26 online questionnaire. Every class and id in this file starts with eat26-.
   Layout uses logical properties only, so the Arabic page mirrors without extra rules. */
.eat26-app{--eat26-primary:var(--tj-color-theme-primary,#7E7ECF);--eat26-navy:var(--tj-color-heading-primary,#051229);--eat26-text:var(--tj-color-text-body,#364052);--eat26-muted:var(--tj-color-text-body-2,#7e8590);--eat26-surface:var(--tj-color-theme-bg,#e1e8f0);--eat26-border:var(--tj-color-border-2,#ced7e0);--eat26-error:#b3261e;--eat26-error-bg:#fdf2f1;
  container-type:inline-size;display:block;inline-size:100%;max-inline-size:48rem;color:var(--eat26-text);font-size:1rem;line-height:1.6;text-align:start}
.eat26-app *,.eat26-app *::before,.eat26-app *::after{box-sizing:border-box}
.eat26-app [hidden]{display:none!important}

/* Headings, progress, intro */
.eat26-app .eat26-h{margin:0 0 1rem;font-family:var(--tj-ff-heading,'Libre Franklin',sans-serif);font-size:1.5rem;font-weight:600;line-height:1.25;letter-spacing:normal;color:var(--eat26-navy);transition:none;scroll-margin-block-start:6rem}
.eat26-app .eat26-h:focus,.eat26-app .eat26-h:focus-visible{outline:0}
.eat26-progress{margin:0 0 1.75rem}
.eat26-app .eat26-steptext{margin:0 0 .5rem;font-size:.9375rem;font-weight:600;color:var(--eat26-text)}
.eat26-bar{block-size:4px;background:var(--eat26-surface)}
.eat26-fill{display:block;block-size:100%;background:var(--eat26-primary)}
.eat26-app .eat26-intro,.eat26-app .eat26-lead{margin:0 0 1.5rem}

/* Error summary and invalid states */
.eat26-errbox{margin:0 0 1.5rem;padding:1rem 1.25rem;border:1px solid var(--eat26-error);background:var(--eat26-error-bg)}
.eat26-app .eat26-errtitle{margin:0 0 .5rem;font-weight:700;color:var(--eat26-error)}
.eat26-app .eat26-errlist{margin:0;padding-inline-start:1.25rem}
.eat26-app .eat26-errlist a{color:var(--eat26-error);text-decoration:underline;cursor:pointer}
.eat26-app .eat26-errlist a:hover{color:var(--eat26-navy)}
.eat26-app .eat26-errlist a.eat26-fixed{color:var(--eat26-text);text-decoration:line-through;cursor:default}

/* Part A fields */
.eat26-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1.5rem;align-items:start;margin:0 0 2rem}
.eat26-app .eat26-field{margin:0;padding:0;border:0;min-inline-size:0;scroll-margin-block-start:6rem}
.eat26-app .eat26-label{display:block;float:none;inline-size:100%;margin:0 0 .5rem;padding:0;font-size:1rem;font-weight:700;line-height:1.4;color:var(--eat26-navy)}
.eat26-fieldhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;margin:0 0 .5rem}
.eat26-app .eat26-fieldhead .eat26-label{inline-size:auto;margin:0}
.eat26-inrow{display:flex;gap:.75rem}
.eat26-unit{display:flex;flex:1 1 0;align-items:center;gap:.5rem;min-inline-size:0}
.eat26-app .eat26-sfx{margin:0;font-size:.9375rem;line-height:1.3;white-space:nowrap;color:var(--eat26-text)}
.eat26-app input.eat26-input[type=text]{display:block;inline-size:100%;min-inline-size:0;min-block-size:3rem;margin:0;padding:.6rem .8rem;border:1px solid var(--eat26-muted);border-radius:0;background:#fff;box-shadow:none;color:var(--eat26-navy);font:inherit;font-size:1rem;line-height:1.4;text-align:start;-webkit-appearance:none;appearance:none}
.eat26-app input.eat26-input[type=text]:hover{border-color:var(--eat26-navy)}
.eat26-app input.eat26-input[type=text]:focus-visible{outline:2px solid var(--eat26-primary);outline-offset:2px;border-color:var(--eat26-navy)}
.eat26-app input.eat26-input[type=text][aria-invalid=true]{border-color:var(--eat26-error);box-shadow:inset 0 0 0 1px var(--eat26-error)}

/* Radio pills: the real input stays focusable but is visually hidden */
.eat26-pill{position:relative;display:block;min-inline-size:0}
.eat26-app .eat26-radio{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.eat26-app .eat26-pill label{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;min-block-size:2.75rem;margin:0;padding:.4rem .35rem;border:1px solid var(--eat26-border);background:#fff;color:var(--eat26-navy);font-size:.9375rem;line-height:1.25;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere}
.eat26-app .eat26-pill input:checked+label{position:relative;z-index:1;border-color:var(--eat26-navy);background:var(--eat26-primary);box-shadow:inset 0 0 0 1px var(--eat26-navy);color:var(--eat26-navy)}
.eat26-app .eat26-pill input:focus-visible+label{outline:2px solid var(--eat26-primary);outline-offset:2px}
@media (hover:hover){.eat26-app .eat26-pill label:hover{border-color:var(--eat26-muted)}}
.eat26-app [aria-invalid=true] .eat26-pill input:not(:checked)+label{border-color:var(--eat26-error)}
.eat26-seg{display:flex}
.eat26-seg .eat26-pill+.eat26-pill{margin-inline-start:-1px}
.eat26-app .eat26-seg .eat26-pill label{min-block-size:2.5rem;padding-inline:.9rem}
.eat26-opts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.375rem}
.eat26-cols2,.eat26-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}

/* Statements and behaviours */
.eat26-items{margin:0 0 1.5rem}
.eat26-app .eat26-q{margin:0 0 1.75rem;padding:0 0 1.5rem;border:0;border-block-end:1px solid var(--eat26-border);min-inline-size:0;scroll-margin-block-start:6rem}
.eat26-app .eat26-q:last-of-type{margin-block-end:0;padding-block-end:0;border-block-end:0}
.eat26-app .eat26-legend{display:block;float:none;inline-size:100%;margin:0 0 .75rem;padding:0;font-size:1.0625rem;font-weight:600;line-height:1.45;color:var(--eat26-navy)}
.eat26-qn{margin-inline-end:.1rem;font-weight:700}
.eat26-app .eat26-q.eat26-invalid{background:var(--eat26-error-bg);box-shadow:0 0 0 .5rem var(--eat26-error-bg);outline:2px solid var(--eat26-error);outline-offset:.5rem}
.eat26-app .eat26-count{margin:0 0 1.75rem;font-weight:600;color:var(--eat26-navy)}
.eat26-app .eat26-count-end{margin:0;font-size:.9375rem;font-weight:600;color:var(--eat26-navy)}
.eat26-app .eat26-note{margin:.75rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--eat26-text)}

/* Buttons */
.eat26-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:2rem 0 0}
.eat26-nav .eat26-next{margin-inline-start:auto}
.eat26-app .eat26-nav .eat26-count-end{flex:1 0 100%}
.eat26-app .eat26-btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:3rem;margin:0;padding:.7rem 1.75rem;border:1px solid var(--eat26-navy);border-radius:0;box-shadow:none;font:inherit;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}
.eat26-app .eat26-btn-primary,.eat26-app .eat26-btn-primary:visited{background:var(--eat26-navy);color:#fff}
.eat26-app .eat26-btn-primary:hover,.eat26-app .eat26-btn-primary:active{background:var(--eat26-primary);color:var(--eat26-navy)}
.eat26-app .eat26-btn-secondary,.eat26-app .eat26-btn-secondary:visited{background:#fff;color:var(--eat26-navy)}
.eat26-app .eat26-btn-secondary:hover,.eat26-app .eat26-btn-secondary:active{background:var(--eat26-surface);color:var(--eat26-navy)}
.eat26-app .eat26-btn:focus-visible{outline:2px solid var(--eat26-primary);outline-offset:2px}

/* Result */
.eat26-result{padding:1.75rem 1.5rem;background:var(--eat26-surface)}
.eat26-app .eat26-msg{margin:0 0 1rem;font-size:1.125rem;line-height:1.6;color:var(--eat26-navy)}
.eat26-app .eat26-disclaimer{margin:0 0 1.5rem;font-weight:600;color:var(--eat26-navy)}
.eat26-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.eat26-app .eat26-cite{margin:1.5rem 0 0;font-size:.8125rem;line-height:1.55;color:var(--eat26-text);text-align:start}
.eat26-app .eat26-cite+.eat26-cite{margin-block-start:.5rem}

/* Narrow containers: 3x2 statement grid, one column for the long Part C labels */
@container (max-width:575.98px){
  .eat26-grid{grid-template-columns:minmax(0,1fr)}
  .eat26-opts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eat26-cols2{grid-template-columns:minmax(0,1fr)}
  .eat26-nav .eat26-btn,.eat26-actions .eat26-btn{flex:1 1 auto}
  .eat26-result{padding:1.5rem 1.25rem}
}
@supports not (container-type:inline-size){
  @media (max-width:575.98px){
    .eat26-grid{grid-template-columns:minmax(0,1fr)}
    .eat26-opts{grid-template-columns:repeat(3,minmax(0,1fr))}
    .eat26-cols2{grid-template-columns:minmax(0,1fr)}
    .eat26-nav .eat26-btn,.eat26-actions .eat26-btn{flex:1 1 auto}
  }
}
@media (prefers-reduced-motion:no-preference){
  .eat26-app .eat26-pill label,.eat26-app .eat26-btn,.eat26-app input.eat26-input[type=text]{transition:border-color .15s,background-color .15s,color .15s}
}

/* "See a doctor soon" note, both outcomes (Carine, 16 Oct 2026) */
.eat26-doctor{margin:0 0 16px;line-height:1.6}
.eat26-doctor strong{color:var(--tj-color-heading-primary,#051229);font-weight:700}

/* SCOFF form (Carine, 19 Oct 2026). Reuses every EAT-26 style above; only the two scoring
   paragraphs between the question groups and the extra result line are new. */
.eat26-app .scoff-rule{margin:1.75rem 0 1.5rem;line-height:1.6;color:var(--eat26-text)}
.eat26-app .scoff-rule+.scoff-rule{margin-block-start:0}
.eat26-app .scoff-extra{margin:0 0 1rem;line-height:1.6;color:var(--eat26-navy)}