/* Styles scoped to the public review proposal page. */
.public-review-page .detail-layout > div { min-width: 0; }
.public-review-page .fee-table-scroll { max-width: 100%; overflow-x: auto; margin: 28px 0 18px; }
.public-review-page .fee-table-scroll:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.public-review-page .fee-comparison { width: 100%; min-width: 580px; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.public-review-page .fee-comparison caption { text-align: left; font-weight: 750; margin-bottom: 14px; }
.public-review-page .fee-comparison th, .public-review-page .fee-comparison td { padding: 15px 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.public-review-page .fee-comparison thead { background: var(--ink); color: var(--paper); }
.public-review-page .fee-comparison tbody th { width: 18%; background: var(--surface); }
.public-review-page .fee-comparison td:nth-child(2) { width: 28%; }
@media (max-width: 700px) { .public-review-page .detail-intro h1 { font-size: clamp(38px, 10vw, 60px); } }