/* Keep the existing type, colors and component styling; enlarge hit areas. */
.atelier-screen :is(button, .primary, .secondary, .quiet),
.timer-panel .timer-actions > :is(button, a),
.timer-panel.timer-panel--compact .timer-actions > :is(button, a),
.instruction-controls > button {
  min-height: 48px;
  min-width: 44px;
}
.resource-source-references a,
.resource-source-links a,
.cycle-sources a,
.atelier-footer a,
.footer a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  min-width: 24px;
  padding-inline: .25rem;
}
.resource-source-references { gap: .25rem .5rem; vertical-align: middle; }
.atelier-footer, .footer { align-items: center; flex-wrap: wrap; }
.atelier-footer a:first-child, .footer a:first-child { padding-inline-start: 0; }
.check { min-height: 48px; cursor: pointer; }
.check input,
.atelier-screen-setup .check input {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-top: .15rem;
}
.check span { min-width: 0; }
.atelier-screen :is(summary, .record-link) { min-height: 44px; }
.atelier-screen summary { align-content: center; }
.atelier-screen :is(.panel, .field, .timer-copy, .timer-workspace) { min-width: 0; }
.atelier-screen :is(button, input, select, textarea) { max-width: 100%; }
.atelier-screen button { overflow-wrap: anywhere; }
.atelier-screen :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 4px;
}
@media (max-width: 380px) {
  .atelier-screen .filters label { min-width: 0; flex-basis: 100%; }
  .atelier-screen .sticky-bottom { flex-wrap: wrap; }
  .atelier-screen .meta-grid { grid-template-columns: 1fr; }
}

/* Legal access uses the same colors in both appearances, without motion. */
.legal-access-main{max-width:70rem;margin-inline:auto;padding:clamp(1rem,4vw,3rem);min-width:0}
.legal-agreement{max-width:44rem;margin-inline:auto}
.legal-agreement h1{font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.2}
.legal-agreement .primary{min-height:48px;min-width:9rem;margin-block:.5rem 1rem}
.legal-access-links{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin-block:1.5rem;line-height:1.6}
.legal-access-links a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.legal-access-main p,.legal-access-main h1,.legal-access-main h2{overflow-wrap:anywhere}
.legal-access-main .information-page{min-width:0}
.account-page>.legal-access-links,.account-page>.account-service-note{max-width:42rem;margin-inline:auto;padding-inline:1rem}