/* Phone review keeps the deal intact, with one readable scrolling surface. */
@media (max-width:720px) {
  .il-answer-page .il-answer-heading {padding-bottom:20px}
  .il-answer-page .il-answer-heading>p:not(.eyebrow) {font-size:16px;line-height:1.5}
  .il-answer-page .il-topline>button {min-height:44px;font-size:14px}
  .il-case .il-answer-page .il-topline {display:flex;justify-content:space-between;gap:12px;flex-wrap:nowrap}
  .il-answer-page .il-topline>span {font-size:13px;padding-left:0}
  .il-answer-page .il-review-stage {gap:24px}
  .il-review-stage .il-theory-label {font-size:12px!important;letter-spacing:.04em}
  .il-review-stage .il-answer-explanation p {max-height:none;overflow:visible;font-size:19px;padding-right:0}
  .il-answer-review-details>summary {min-height:52px;font-size:16px;line-height:1.4;padding-top:15px;padding-bottom:15px}
  .il-answer-review-content {max-height:none;overflow:visible;padding-right:0}
  .il-review-stage .il-answer-details {grid-template-columns:1fr}
  .il-review-stage .il-answer-details dt {font-size:13px;letter-spacing:0;text-transform:none;margin-bottom:5px}
  .il-review-stage .il-answer-details dd {font-size:19px}
  .il-review-stage .il-answer-evidence>div {grid-template-columns:1fr;gap:20px}
  .il-review-stage .il-answer-evidence strong {font-size:19px;line-height:1.4}
  .il-review-stage .il-answer-evidence p {font-size:15px!important;line-height:1.5}
  .il-review-stage .il-answer-evidence .il-seal {font-size:11px;min-width:44px;min-height:44px}
  .il-answer-page .il-review-side {padding:22px 19px}
  .il-review-side .il-answer-notice {margin-bottom:20px;padding:14px}
  .il-review-side .il-answer-notice strong,.il-review-side .il-answer-notice p {font-size:15px;line-height:1.5}
  .il-review-side .il-table-form>h2 {margin-top:0;margin-bottom:18px}
  .il-review-side .il-table-form.is-reviewing>h2,
  .il-review-side .il-table-form.is-reviewing>.il-table-fields {display:none}
  .il-review-side .il-table-form.is-reviewing>.il-submit-confirmation {margin:0;padding:0;border:0}
  .il-review-side .il-table-fields>label {font-size:15px;gap:8px}
  .il-review-side .il-table-fields :is(input,select) {font-size:16px;min-height:48px}
  .il-review-side .il-table-connected {font-size:14px;padding:12px 0}
  .il-review-side .il-actions>button,.il-review-side-actions>button,
  .il-review-side .il-submit-confirmation>button {min-height:48px;font-size:16px;line-height:1.4;padding:12px 14px}
  .il-review-side .il-submit-confirmation {margin-top:22px;padding-top:20px}
  .il-review-side .il-submit-confirmation h2 {font-size:27px;line-height:1.2}
  .il-review-side .il-submit-confirmation p,.il-review-side .il-feedback {font-size:16px;line-height:1.55}
  .il-review-side .il-submit-confirmation>.quiet {margin-left:0}
  .il-review-side .il-receipt>p:not(.eyebrow) {font-size:16px;line-height:1.55}
  .il-review-side .il-receipt dl {gap:20px 16px}
  .il-review-side .il-receipt dt {font-size:12px;letter-spacing:.03em}
  .il-review-side .il-receipt dd {font-size:15px;line-height:1.5}
  .il-review-side .il-receipt-id {font-family:var(--sans);overflow-wrap:anywhere}
  .il-review-side .il-receipt h1 {scroll-margin-top:24px}
  .il-review-side .il-receipt h1:focus {outline:none}
  .il-review-side [data-confirm] {scroll-margin:24px}
}

/* Preserve the illustrated reveal and let the explanation breathe on phones. */
@media (max-width:600px) {
  body[data-taxical-view="reveal"] .il-case:has(.il-canonical-reveal) .il-meta-heading>div>p:not(.eyebrow) {font-size:17px;line-height:1.6}
  body[data-taxical-view="reveal"] .il-case .il-canonical-reveal {grid-template-columns:minmax(0,1fr) auto;padding:16px 13px;gap:10px}
  body[data-taxical-view="reveal"] .il-canonical-reveal>.eyebrow {font-size:12px;line-height:1.4;letter-spacing:.04em}
  body[data-taxical-view="reveal"] .il-canonical-reveal>#il-replay-deal {min-height:44px;font-size:14px;padding:10px 12px}
  body[data-taxical-view="reveal"] .il-case:has(.il-canonical-reveal)>button.primary {min-height:48px;font-size:16px;width:100%}
  body[data-taxical-view="reveal"] .il-sealed p:not(.eyebrow) {font-size:17px;line-height:1.6}
  body[data-taxical-view="reveal"] .il-sealed .text-link {min-height:44px;display:flex;align-items:center;font-size:15px}
}

/* Host controls remain legible when a facilitator checks the room by phone. */
@media (max-width:600px) {
  body .taxical-host .host-tabs {display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:8px}
  body .taxical-host .host-tabs button {min-height:48px;font-size:15px;padding:10px;white-space:normal}
  body .taxical-host .host-event-summary {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}
  body .taxical-host .host-count>span {font-size:13px;max-width:100px;line-height:1.4}
  body .taxical-host .host-count>strong {font-size:32px}
  body .taxical-host .host-event-summary p,
  body .taxical-host .host-small,
  body .taxical-host .host-table-card p,
  body .taxical-host .host-timeline li,
  body .taxical-host .host-room-status p,
  body .taxical-host .host-answer-evidence {font-size:15px;line-height:1.55}
  body .taxical-host .host-mode {font-size:12px;line-height:1.4}
  body .taxical-host .host-table-cards {grid-template-columns:1fr}
  body .taxical-host .host-table-card {padding:20px;gap:14px}
  body .taxical-host .host-link-input {font-size:16px!important}
  body .taxical-host .host-grade-form {grid-template-columns:1fr;gap:17px}
  body .taxical-host .host-grade-form button {justify-self:stretch;width:100%}
  body .taxical-host .host-answer-top {flex-wrap:wrap;gap:8px}
  body .taxical-host .host-revision {font-size:13px}
  body .taxical-host .host-deal-summary {grid-template-columns:1fr;gap:4px;padding:15px 0;font-size:15px}
  body .taxical-host .host-deal-summary dd {margin-bottom:14px;font:18px/1.45 Georgia,serif}
  body .taxical-host .host-deal-summary dd:last-child {margin-bottom:0}
  body .taxical-host .host-paper-records {grid-template-columns:1fr}
  body .taxical-host .host-actions button {min-height:48px;font-size:15px;white-space:normal}
  body .taxical-host .host-game-link {font-size:15px;min-height:44px}
  body .taxical-host .host-rubric summary,
  body .taxical-host .host-private-detail summary,
  body .taxical-host .host-history summary {font-size:15px;min-height:48px}
  body .taxical-host .host-rubric-body,
  body .taxical-host .host-history,
  body .taxical-host .host-private-detail {font-size:16px;line-height:1.6}
}