/* Corrections (teach it once). Page-only rules, tokens only, .pg-to- prefix. */

/* The sentence a person types into the correction dialog: their voice, so UI size at
   semibold in ink (as research-organisations.css sets a member's question). */
.pg-to-said { margin: 0; font-size: var(--fs-ui); font-weight: var(--fw-semibold); line-height: var(--lh-snug); color: var(--fg-1); }

/* Typed proposals: the directive name in monospace, its explanation under it. */
.pg-to-proposals { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-3); }
.pg-to-proposals li { display: flex; flex-direction: column; gap: 2px; }
.pg-to-proposals code { font: var(--fw-semibold) var(--fs-sm)/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--fg-1); }
.pg-to-proposals span { font-size: var(--fs-sm); color: var(--fg-2); line-height: 1.45; overflow-wrap: anywhere; }

/* Two figures side by side on the panel; flat.css sets four columns for a stats row. */
.pg-to-stats { grid-template-columns: 1fr 1fr; }
@media (max-width: 600px) { .pg-to-stats { grid-template-columns: 1fr; } }

/* Four steps, not the five flat.css lays out; the 800px rule in flat.css still stacks them. */
@media (min-width: 801px) { .pg-to-steps { grid-template-columns: repeat(4, 1fr); } }

/* The unanswered questions: paper rows, the question in ink and the reason under it. */
.pg-to-gaps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-1); }
.pg-to-gaps li { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; border-radius: var(--r-control); background: var(--paper); }
.pg-to-gaps b { font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--fg-1); }
.pg-to-gaps span { font-size: var(--fs-micro); color: var(--fg-2); }

/* The where-it-applies split puts rows beside a two-column spec grid; on a phone the spec
   grid goes to one column (flat.css's 1100px rule wins the cascade otherwise). */
@media (max-width: 600px) { .specs, .specs--2 { grid-template-columns: 1fr; } }

/* Long chips wrap instead of pushing a figure wider than a phone. */
[class*="pg-to"] .chip, .answer__cites .chip, .tint .cluster .chip { white-space: normal; line-height: 1.35; }