/* Atlas-Private application · Brand 2.5.0
   Extends issuer-form.css (the .tbf shell, fields, choice cards and pills), which
   the page loads first. Values come from tblocks-brand-tokens.css; no colour,
   size or spacing is hard-coded here. */

/* One question: a fieldset, so a screen reader hears its label with every option. */
.atl-q{border:0;margin:0;padding:0 0 var(--sp-8);min-width:0}
.atl-q + .atl-q{border-top:1px solid var(--rule);padding-top:var(--sp-8)}
.atl-q > legend:not(.tbf-sr){padding:0;margin:0 0 var(--sp-4);width:100%}
/* The step heading takes focus when a step opens, for screen readers; it is not a control, so no ring. */
.tbf-step > h2:focus,.atl-state-card:focus{outline:none}
.atl-qn{display:block;font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--sp-1)}
.atl-ql{display:block;font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--fg)}
.atl-help{font-size:var(--fs-sm);color:var(--fg-2);margin:calc(-1 * var(--sp-2)) 0 var(--sp-4);max-width:62ch}

/* A follow-up belongs to the answer above it. */
.atl-follow{margin-top:var(--sp-5);padding-left:var(--sp-4);border-left:2px solid var(--rule)}
.atl-follow + .atl-follow{margin-top:var(--sp-4)}
.atl-fl{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg);margin-bottom:var(--sp-2)}
.atl-follow .tbf-pills{margin-top:0}
.atl-inline{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.atl-inline input{max-width:220px}
.atl-inline .tbf-affix input{max-width:140px}
.atl-count{font-size:var(--fs-xs);color:var(--fg-3);margin-top:var(--sp-1)}

/* Errors, one per question, announced and linked from the controls. */
.atl-err{display:none;font-size:var(--fs-xs);color:var(--bad);margin:var(--sp-3) 0 0}
.atl-q.has-err .atl-err{display:block}
.atl-q.has-err .tbf-choice span,.atl-q.has-err .tbf-pill span{border-color:var(--bad)}

/* Documents: three slots, the first required. */
.atl-slot{border:1px solid var(--rule-strong);border-radius:var(--r-md);padding:var(--sp-5);margin-bottom:var(--sp-4)}
.atl-slot.is-ok{border-color:var(--ok)}
.atl-slot.is-bad{border-color:var(--bad)}
.atl-slot h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0 0 var(--sp-1)}
.atl-slot p{font-size:var(--fs-sm);color:var(--fg-2);margin:0 0 var(--sp-4)}
.atl-slot .atl-file{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.atl-slot input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;min-height:0;padding:0;border:0}
.atl-slot label.tbf-btn{display:inline-flex;align-items:center}
.atl-slot input[type=file]:focus-visible + label{outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.atl-state{font-size:var(--fs-sm);color:var(--fg-2)}
.atl-state b{color:var(--fg)}
.atl-tag{display:inline-block;font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase;border-radius:var(--r-pill);padding:2px 8px;margin-right:var(--sp-2);background:var(--info-bg);color:var(--accent)}
.atl-tag.ok{background:var(--ok-bg);color:var(--ok)}
.atl-tag.bad{background:var(--bad-bg);color:var(--bad)}
.atl-slot .atl-labels{margin-top:var(--sp-4)}
.atl-linkbtn{font:inherit;font-size:var(--fs-sm);background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer}

/* Who will invest, and the confirmation, beside the submit button. */
.atl-perimeter{margin-top:var(--sp-8);padding:var(--sp-5);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--bg-sunk)}
.atl-perimeter .atl-fl{margin-bottom:var(--sp-3)}
.atl-perimeter .atl-help{margin:var(--sp-3) 0 0}
.atl-meaning{font-size:var(--fs-xs);color:var(--fg-3);margin:var(--sp-5) 0 0;max-width:70ch}

/* After submit, and the verify page. */
.atl-state-card{padding:var(--sp-16) var(--sp-10)}
.atl-state-card .tbf-eyebrow{margin-bottom:var(--sp-2)}
.atl-state-card h2,.atl-state-card h1{font-size:var(--fs-h2);letter-spacing:var(--ls-h2);line-height:var(--lh-snug);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4)}
.atl-state-card p{color:var(--fg-2);max-width:58ch;margin:0 0 var(--sp-4)}
.atl-state-card .atl-ref{font-size:var(--fs-xs);color:var(--fg-3)}
.atl-acts{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin-top:var(--sp-6)}
.atl-note{font-size:var(--fs-sm);margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--info-bg);color:var(--fg)}
.atl-note.bad{background:var(--bad-bg);color:var(--bad)}
.atl-note.ok{background:var(--ok-bg);color:var(--ok)}
.atl-preview{margin-top:var(--sp-6);padding:var(--sp-4);border:1px dashed var(--warn);border-radius:var(--r-sm);background:var(--warn-bg);font-size:var(--fs-sm)}
.atl-preview a{color:var(--fg)}
.atl-solo{max-width:720px;margin:0 auto}

@media (max-width:680px){
  .atl-state-card{padding:var(--sp-10) var(--sp-5)}
  .atl-follow{padding-left:var(--sp-3)}
}

/* ── The application page (R19) ──────────────────────────────────────────
   No page scale: this page is at 100% and takes its density from the spacing
   and type tokens. It does not load tblocks-brand.css, so the marketing site's
   zoom .85 does not reach it either. */
.atl-page .tbf-wrap{max-width:var(--container)}
.atl-page .tbf-grid{grid-template-columns:minmax(0,1fr) calc(var(--sp-20) * 4);gap:var(--sp-8)}
.atl-page .tbf-main{padding-top:var(--sp-6)}
.atl-page .tbf-panel{padding:var(--sp-5)}
.atl-page .tbf-panel h3{margin-bottom:var(--sp-3)}
.atl-panel-note{font-size:var(--fs-xs);color:var(--fg-3);margin:var(--sp-3) 0 0}
.atl-page .tbf-next li{font-size:var(--fs-sm)}
.atl-page .tbf-aside{position:static}
@media (min-width:1021px) and (min-height:900px){ .atl-page .tbf-aside{position:sticky} }

/* The progress rail: four groups and Review. Each is a button; the number sits inside it. */
.atl-page .tbf-steps{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:var(--sp-5);counter-reset:none}
.atl-page .tbf-steps li{padding-top:0}
.atl-page .tbf-steps li::before{content:none}
.tbf-steps .tbf-step-btn{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--sp-1);width:100%;min-height:var(--btn-h-md);padding-top:var(--sp-2);cursor:pointer;color:inherit;font:inherit;border-radius:var(--r-xs)}
.tbf-steps .tbf-step-btn:disabled{cursor:default}
.tbf-steps .tbf-step-btn:not(:disabled):hover{color:var(--fg)}
.tbf-steps .tbf-step-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.atl-rail-n{font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label)}
.atl-rail-t{font-size:var(--fs-sm);line-height:var(--lh-snug)}

/* A section of the form. */
.atl-page .tbf-step{padding:var(--sp-8)}
.atl-page .tbf-step > h2{font-size:var(--fs-h3);letter-spacing:var(--ls-h3);margin-bottom:var(--sp-5)}
.atl-page .tbf-step > h2:focus,.atl-errsum:focus{outline:none}
.atl-qgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.atl-qgrid > *{padding:var(--sp-6) 0;min-width:0}
.atl-qgrid > :first-child{padding-top:0}
.atl-qgrid > :last-child{padding-bottom:0}
.atl-qgrid > * + *{border-top:1px solid var(--rule)}
.atl-qgrid > .tbf-intro,.atl-qgrid > .atl-meaning{margin:0}
.atl-qgrid > .tbf-intro{color:var(--fg-2);border-top:0;padding:0 0 var(--sp-4)}
.atl-qgrid > .tbf-intro + *{border-top:0;padding-top:0}
.atl-phone-note{display:none;font-size:var(--fs-sm);color:var(--fg-2);margin:0 0 var(--sp-5)}

/* One question pattern: heading, optional short description, control, error. */
.atl-page .atl-q{border-left:0;border-right:0;border-bottom:0;margin:0}
.atl-page .atl-qgrid > .atl-q > legend:not(.tbf-sr){float:left;width:100%;padding:0;margin:0 0 var(--sp-3)}
.atl-page .atl-qgrid > .atl-q > legend ~ *{clear:both}
.atl-page .atl-ql{font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.atl-page .atl-help{margin:0 0 var(--sp-3);color:var(--fg-2)}
.atl-page .tbf-field > label{font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--sp-1)}
.atl-page .tbf-field > .atl-help{margin-bottom:var(--sp-2)}
.atl-page .atl-q > .tbf-field > label{font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.atl-page .atl-q select,.atl-page .atl-q .atl-inline input{max-width:100%}
.atl-page .atl-inline{display:block}
.atl-page .atl-inline select,.atl-page .atl-inline input,.atl-page .atl-inline .tbf-affix{width:min(100%,calc(var(--sp-20) * 4))}
.atl-page .atl-q textarea{min-height:calc(var(--sp-16) + var(--sp-6));max-width:100%}
.atl-count{margin-bottom:0}

/* Choices: radio rows for short answers, cards for explanatory ones. Equal within
   a row through the grid's stretch; no fixed height, so long text grows the row. */
.atl-page .tbf-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);align-items:stretch}
.atl-page .tbf-choices.atl-tiny{grid-template-columns:repeat(auto-fit,minmax(calc(var(--sp-20) + var(--sp-10)),1fr))}
.atl-page .tbf-choice{position:relative;display:flex;min-width:0}
.atl-page .tbf-choice input{position:absolute;inset:auto;left:var(--sp-3);top:calc(var(--sp-3) + 1px);width:var(--sp-4);height:var(--sp-4);min-height:0;margin:0;padding:0;opacity:1;appearance:auto;accent-color:var(--accent);cursor:pointer;border:0;box-shadow:none}
.atl-page .tbf-choice input:focus{box-shadow:none}
.atl-page .tbf-choice input:focus-visible{outline:none}
.atl-page .tbf-choice > span{flex:1;display:block;min-width:0;height:auto;min-height:var(--btn-h-md);padding:var(--sp-3) var(--sp-3) var(--sp-3) calc(var(--sp-3) + var(--sp-4) + var(--sp-2));border:1px solid var(--rule-strong);border-radius:var(--r-sm);background:var(--bg);font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--fg);cursor:pointer;overflow-wrap:anywhere;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.atl-page .tbf-choice:hover > span{border-color:var(--rule-emphatic);background:var(--bg-sunk)}
.atl-page .tbf-choice input:hover + span{border-color:var(--rule-emphatic)}
.atl-page .tbf-choice input:checked + span{border-color:var(--accent);background:var(--info-bg);box-shadow:inset 0 0 0 1px var(--accent)}
.atl-page .tbf-choice input:focus-visible + span{outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.atl-page .atl-cards .tbf-choice input{top:calc(var(--sp-4) + 1px);left:var(--sp-4)}
.atl-page .atl-cards .tbf-choice > span{padding:var(--sp-4) var(--sp-4) var(--sp-4) calc(var(--sp-4) + var(--sp-4) + var(--sp-2))}
.atl-page .atl-cards .tbf-choice > span b{display:block;margin:0;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg);line-height:var(--lh-snug)}
.atl-cd{display:block;margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--fg-2);line-height:var(--lh-snug)}
.atl-cd::first-letter{text-transform:uppercase}
.atl-page .atl-q.has-err .tbf-choice > span{border-color:var(--rule-strong)}
.atl-page .atl-q.has-err input[aria-invalid="true"] + span{border-color:var(--bad)}
.atl-page .atl-q.has-err .tbf-field input[aria-invalid="true"],.atl-page .atl-q.has-err .atl-inline [aria-invalid="true"],.atl-page .atl-q.has-err textarea[aria-invalid="true"],.atl-page .atl-q.has-err select[aria-invalid="true"],.atl-page .atl-q.has-err .atl-follow input[aria-invalid="true"]:not([type=radio]):not([type=checkbox]){border-color:var(--bad)}
.atl-err{font-size:var(--fs-sm)}

/* A follow-up belongs to the answer above it. */
.atl-page .atl-follow{margin-top:var(--sp-4);padding-left:var(--sp-4);border-left:2px solid var(--rule)}
.atl-page .atl-follow + .atl-follow{margin-top:var(--sp-4)}

/* The error summary: focused after a refusal, each line linked to its field. */
.atl-errsum{scroll-margin-top:var(--sp-4);margin:var(--sp-5) var(--sp-8) 0;padding:var(--sp-4) var(--sp-5);border:1px solid var(--bad);border-radius:var(--r-sm);background:var(--bad-bg);color:var(--fg);font-size:var(--fs-sm)}
.atl-errsum:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.atl-errsum-t{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin:0 0 var(--sp-2);color:var(--bad)}
.atl-errsum ul{margin:0;padding-left:var(--sp-4)}
.atl-errsum li + li{margin-top:var(--sp-1)}
.atl-page .atl-errsum a{color:var(--fg);overflow-wrap:anywhere}

/* Documents: three slots stacked, so the guidance has the width to be read. */
.atl-slots{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}
.atl-slots .atl-slot{margin:0;padding:var(--sp-5);border-radius:var(--r-sm)}
.atl-slot h3{font-size:var(--fs-md)}
.atl-slot h3 .opt{font-weight:var(--fw-regular);color:var(--fg-3);font-size:var(--fs-sm)}
.atl-slot .atl-slot-help{margin:0 0 var(--sp-3)}
.atl-slot .atl-state{min-width:0;overflow-wrap:anywhere}
.atl-incl{margin:0 0 var(--sp-4);font-size:var(--fs-sm);color:var(--fg-2)}
.atl-incl summary{cursor:pointer;color:var(--accent);font-weight:var(--fw-semibold);min-height:var(--sp-6)}
.atl-incl ul{margin:var(--sp-2) 0 0;padding-left:var(--sp-5)}
.atl-incl li{margin-bottom:var(--sp-1)}

/* The issuing company and the issuance preferences. */
.atl-page .atl-issuer,.atl-page .atl-issue-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4) var(--sp-5);align-items:end}
.atl-page .atl-issuer .span2{grid-column:1 / -1}
.atl-page .atl-issuance .tbf-choices{margin:0 0 var(--sp-5)}
.atl-page .atl-fl{margin-bottom:var(--sp-2)}
.atl-page .atl-perimeter{margin:0;background:none;border-radius:0}
.atl-page .atl-perimeter .atl-help{margin:0 0 var(--sp-3)}
.atl-page .tbf-check{margin-top:0;font-size:var(--fs-sm);color:var(--fg);cursor:pointer}
.atl-page .tbf-check input{width:var(--sp-5);height:var(--sp-5);margin:0}
.atl-meaning{font-size:var(--fs-sm);color:var(--fg-2)}
.atl-allowance{font-size:var(--fs-sm);color:var(--fg-2);margin:0;border-top:0;padding-top:0}
.atl-qgrid > .atl-allowance + .atl-meaning,.atl-qgrid > .atl-q + .atl-meaning{border-top:0;padding-top:0}
.atl-qgrid > .atl-allowance:not(.tbf-hidden){padding:0 0 var(--sp-3)}

/* Review: compact groups with Edit, read from the same answers as the payload. */
.atl-page .tbf-step > p.tbf-intro{margin:calc(-1 * var(--sp-2)) 0 var(--sp-5)}
.atl-summary{display:grid;gap:var(--sp-3);margin-bottom:var(--sp-6)}
.atl-sum{border:1px solid var(--rule);border-radius:var(--r-sm);padding:var(--sp-4) var(--sp-5)}
.atl-sum header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-3)}
.atl-sum h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}
.atl-sum dl{margin:0;display:grid;gap:var(--sp-2)}
.atl-sum dl > div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--sp-4);font-size:var(--fs-sm);line-height:var(--lh-snug)}
.atl-sum dt{color:var(--fg-2);margin:0}
.atl-sum dd{margin:0;color:var(--fg);overflow-wrap:anywhere;white-space:pre-line}
.atl-sum .is-skipped dd{color:var(--fg-3)}
.atl-sum .is-needs dd{color:var(--bad);font-weight:var(--fw-semibold)}
.atl-note.tbf-hidden{display:none}

/* Back and the primary action, at the end of the task. */
.atl-page .tbf-nav{padding:var(--sp-5) var(--sp-8);gap:var(--sp-4);justify-content:flex-start;border-radius:0}
.atl-page .tbf-nav #atl-next{margin-left:auto;min-height:var(--btn-h-md)}
.atl-page .tbf-nav #atl-back{min-height:var(--btn-h-md)}
.atl-action-help{margin:0 0 0 auto;font-size:var(--fs-sm);color:var(--fg-2);max-width:32ch;text-align:right}
.atl-action-help:not(.tbf-hidden) + #atl-next{margin-left:0}
.atl-page .tbf-alert{margin:var(--sp-5) var(--sp-8) 0}
.atl-page .tbf-alert:not(.tbf-hidden) + .tbf-nav{margin-top:var(--sp-5)}
.atl-page .tbf-privacy{margin:var(--sp-4) var(--sp-8) var(--sp-5);font-size:var(--fs-sm)}
.atl-draft{font-size:var(--fs-xs);color:var(--fg-3);margin:0;padding:var(--sp-3) var(--sp-8) 0}
/* The line keeps its place before it appears: autosave must not move the buttons under a pointer. */
.atl-draft[hidden]{display:block;visibility:hidden}
.atl-draft{min-height:var(--sp-8)}
.atl-draft .atl-linkbtn{font-size:var(--fs-xs)}
.atl-draft .atl-linkbtn.armed{color:var(--bad)}

/* The header note, tinted through --s-info. */
.atl-page .tbf-lede.atl-annot{display:flex;gap:var(--sp-3);align-items:flex-start;max-width:min(calc(var(--sp-20) * 8),100%);
  background:color-mix(in srgb, var(--s-info) 9%, transparent);border:1px solid color-mix(in srgb, var(--s-info) 28%, transparent);
  border-left:3px solid var(--s-info);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);color:var(--fg-2)}
.atl-annot-i{flex:0 0 auto;width:var(--sp-4);height:var(--sp-4);margin-top:var(--sp-1);color:var(--s-info)}

/* F05 and F06: a centered task panel, with no competing rail. */
.atl-task{max-width:var(--container-narrow);margin:0 auto;padding:var(--sp-10)}
.atl-task h1{font-size:var(--fs-h2);letter-spacing:var(--ls-h2);line-height:var(--lh-snug);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4)}
.atl-task h1:focus{outline:none}
.atl-task > p:not(.tbf-eyebrow){color:var(--fg-2);margin:0 0 var(--sp-3)}
.atl-task form{margin-top:var(--sp-6)}
.atl-task .tbf-field label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--sp-2)}
.atl-code{max-width:calc(var(--sp-20) * 3);font-size:var(--fs-h3);letter-spacing:var(--ls-eyebrow);font-variant-numeric:tabular-nums}
.atl-page .atl-task .atl-code{font-size:var(--fs-h3)}
.atl-task-exp{font-size:var(--fs-sm);color:var(--fg-2);margin:var(--sp-2) 0 0}
.atl-task-msg{font-size:var(--fs-sm);margin:var(--sp-3) 0 0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--info-bg);color:var(--fg)}
.atl-task-msg.bad{background:var(--bad-bg);color:var(--bad)}
.atl-task-msg.ok{background:var(--ok-bg);color:var(--ok)}
.atl-task-primary{margin-top:var(--sp-5)}
.atl-task-links{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);margin:var(--sp-5) 0}
.atl-task-links .atl-linkbtn{min-height:var(--btn-h-sm)}
.atl-linkbtn:disabled{color:var(--fg-3);cursor:default;text-decoration:none}
.atl-task .atl-meaning{margin:var(--sp-5) 0 0;padding-top:var(--sp-4);border-top:1px solid var(--rule);max-width:none}
.atl-task-facts{margin:var(--sp-5) 0 0;display:grid;gap:var(--sp-3)}
.atl-task-facts dt{font-size:var(--fs-sm);color:var(--fg-2)}
.atl-task-facts dd{margin:0;font-weight:var(--fw-semibold);overflow-wrap:anywhere}
.atl-task-mode .tbf-head,.atl-task-mode .tbf-aside,.atl-task-mode #tbf-steps,.atl-task-mode #atl-form{display:none}
.atl-page.atl-task-mode .tbf-grid{grid-template-columns:minmax(0,1fr)}

@media (max-width:1020px){
  .atl-page .tbf-grid{grid-template-columns:minmax(0,1fr)}
  .atl-page .tbf-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .atl-phone-note{display:block}
}
@media (max-width:680px){
  .atl-page .tbf-aside{grid-template-columns:minmax(0,1fr)}
  .atl-page .tbf-step{padding:var(--sp-6) var(--sp-4)}
  .atl-page .tbf-choices,.atl-page .atl-issuer,.atl-page .atl-issue-row{grid-template-columns:minmax(0,1fr)}
  .atl-page .tbf-choices.atl-tiny{grid-template-columns:repeat(auto-fit,minmax(calc(var(--sp-20) + var(--sp-4)),1fr))}
  .atl-page .atl-follow{padding-left:var(--sp-3)}
  .atl-page .tbf-steps{gap:var(--sp-1)}
  .tbf-steps li:not(.is-current) .atl-rail-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .atl-page .tbf-steps li.is-current{grid-column:span 2}
  .atl-page .tbf-steps{grid-template-columns:repeat(6,minmax(0,1fr))}
  .atl-sum{padding:var(--sp-4)}
  .atl-sum dl > div{grid-template-columns:minmax(0,1fr);gap:0}
  .atl-errsum{margin:var(--sp-4) var(--sp-4) 0}
  /* Static, full width, never over a field, an error or the keyboard. */
  .atl-page .tbf-nav{flex-direction:column;align-items:stretch;padding:var(--sp-4)}
  .atl-page .tbf-nav #atl-next{margin-left:0;width:100%}
  .atl-page .tbf-nav #atl-back{align-self:flex-start}
  .atl-action-help{margin:0;text-align:left;max-width:none}
  .atl-page .tbf-alert{margin:var(--sp-4) var(--sp-4) 0}
  .atl-page .tbf-privacy{margin:var(--sp-4)}
  .atl-draft{padding:var(--sp-3) var(--sp-4) 0;min-height:calc(var(--sp-12) + var(--sp-1))}
  .atl-task{padding:var(--sp-6) var(--sp-4)}
  .atl-task-primary{width:100%}
  .atl-code{max-width:100%}
}
@media (pointer:coarse){
  .atl-page .atl-linkbtn{min-height:var(--btn-h-md)}
  .atl-page .tbf-field input,.atl-page .tbf-field select,.atl-page textarea{font-size:var(--fs-md)}
}
@media (prefers-reduced-motion:reduce){
  .atl-page *{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}