/* Scoped public reference styling; app, signup and referral styles are unchanged. */
.direct-answer { line-height: 1.75; }
.faq-heading > .direct-answer { margin-top: 1.5rem; max-width: 42ch; color: var(--muted); }
.answer-sources { font-family: var(--mono); font-size: .8rem; line-height: 1.8; }
.answer-sources a { text-underline-offset: .2em; }
.reference-section { margin-block: 3.5rem; padding-top: 2rem; border-top: 1px solid var(--paper-line); scroll-margin-top: 110px; }
.reference-section > h2 { max-width: 26ch; margin-block: .75rem 1rem; }
.reference-section > .direct-answer { max-width: 76ch; margin-bottom: 1.5rem; }
.reference-table { width: 100%; table-layout: fixed; border-collapse: collapse; color: var(--body); font-size: .88rem; line-height: 1.65; }
.reference-table caption { text-align: left; font-family: var(--mono); font-size: .75rem; line-height: 1.6; color: var(--forest); padding-bottom: .85rem; }
.reference-table th, .reference-table td { vertical-align: top; text-align: left; padding: 1rem .8rem; border-bottom: 1px solid var(--paper-line); overflow-wrap: anywhere; }
.reference-table thead th { background: #ede6d2; font-family: var(--mono); font-size: .74rem; font-weight: 600; }
.reference-table tbody th { font-weight: 600; }
.reference-table td p { margin: 0 0 .8rem; }
.reference-table td p:last-child { margin-bottom: 0; }
.reference-table a { color: var(--forest); text-underline-offset: .2em; }
.reference-section :focus-visible { outline: 3px solid var(--forest); outline-offset: 4px; }
.reference-date { max-width: 80ch; font-size: .82rem; line-height: 1.8; margin-top: 1rem; color: var(--forest); }
@media (max-width: 760px) {
 .reference-table, .reference-table tbody, .reference-table tr, .reference-table th, .reference-table td { display: block; width: auto; }
 .reference-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
 .reference-table caption { display: block; width: 100%; }
 .reference-table tr { padding-block: .8rem 1.2rem; border-bottom: 1px solid var(--paper-line); }
 .reference-table tbody th { font-family: var(--serif); font-size: 1.15rem; padding: .7rem 0; }
 .reference-table td { padding: .6rem 0; }
 .reference-table td, .reference-table tbody th { border: 0; }
 .reference-table td::before { content: attr(data-label); display: block; margin-bottom: .3rem; font-family: var(--mono); font-size: .72rem; font-weight: 600; color: var(--forest); }
}