/* Trichiasis report and WSI method overview. */
.tt-feature {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.7fr);gap:36px;align-items:start}
.tt-feature h2 {max-width:620px;line-height:1.2}
.tt-feature .op-highlight .op-number {font-size:4.2rem;letter-spacing:-.03em}
.tt-feature .op-denominator {margin-bottom:0}
.tt-new-link {padding:20px 0 0;border-top:1px solid var(--line);margin-top:24px}
.tt-new-link a {font-weight:600;text-underline-offset:4px}
.tt-new-link span {display:block;font-size:.85rem;color:var(--ink-soft);margin-top:6px}
#tt-budget {display:block;width:100%;max-width:285px;box-sizing:border-box;padding:12px 15px;min-height:48px;font:inherit;font-size:1.2rem;border:1px solid var(--usu-column-head);color:var(--ink);background:var(--paper)}
#tt-budget-help {margin:8px 0 23px}
[data-tt-error]:empty {display:none}
[data-tt-error] {font-weight:600}
[data-tt-detail] {font-size:.9rem;max-width:850px}
.tt-result-grid {display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:22px 0}
.tt-result-grid p {margin:0;min-width:0}
.tt-result-grid strong {display:block;font:400 clamp(2rem,4vw,3.6rem)/1.2 Georgia,serif;overflow-wrap:anywhere}
.tt-result-grid span {display:block;font-size:.85rem;margin-top:8px}
.tt-scenario-table td:last-child {background:var(--usu-column);color:var(--usu-column-ink);font-weight:600}
.method-link-grid {display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px}
.method-link-grid article {border-top:2px solid var(--line);padding-top:15px}
.method-link-grid h3 {margin-top:0}
.method-link-grid a {text-underline-offset:4px}
.method-overview .event-section p {max-width:930px}
.tt-scope-note {font-size:.9rem;line-height:1.6;border-left:3px solid var(--usu-column-head);padding-left:18px;margin-top:24px}
@media(max-width:800px){.tt-feature,.method-link-grid{grid-template-columns:1fr;gap:24px}.tt-feature .op-highlight{max-width:100%}}
@media(max-width:520px){.tt-result-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.tt-result-grid p:first-child{grid-column:1/-1}.tt-result-grid p:first-child strong{font-size:3.6rem}[data-tt-explorer] .op-scenario-choices label{flex:1 1 42%;text-align:center;padding:10px 8px}.tt-scope-note{padding-left:12px}}
