main.search.site:not(.home) .hero-grid { display: grid; gap: 0; } main.search.site:not(.home) .hero h1 { margin-top: 4px; } main.search.site:not(.home) .hero .lead { margin: 14px 0 0; font-size: 19px; line-height: 1.45; } main.search.site:not(.home) .still-hero { display: none; } main.search.site:not(.home) .hero .answer { margin-top: 20px; gap: 6px; } main.search.site:not(.home) .answer .big { font-size: clamp(60px, 17vw, 112px); } main.search.site:not(.home) .answer .big .unit { margin-left: .08em; font-size: .45em; } main.search.site:not(.home) .answer > p:not(.answer-lead) { margin: 0 0 8px; font-size: 18px; line-height: 1.45; } main.search.site:not(.home) .trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 6px 0 0; } main.search.site:not(.home) .trio li { display: grid; gap: 2px; padding: 12px 8px; border-radius: var(--s-radius-s); text-align: center; } main.search.site:not(.home) .trio li.now { background: var(--accent); } main.search.site:not(.home) .trio li.now, main.search.site:not(.home) .trio li.now * { color: var(--paper); } main.search.site:not(.home) .trio .tp, main.search.site:not(.home) .trio .ts { font-size: 15px; line-height: 1.25; color: var(--muted); } main.search.site:not(.home) .trio .tv { font: var(--s-num) 26px/1.05 var(--sans); letter-spacing: -.02em; color: var(--ink); font-variant-numeric: lining-nums tabular-nums; } main.search.site:not(.home) .still-hero img { object-position: 50% 20%; } main.search.site:not(.home) .still-hero.op-brisk img { object-position: 50% 8%; } @media (min-width: 760px) { main.search.site:not(.home) .hero .lead { font-size: 22px; } main.search.site:not(.home) .trio .tv { font-size: 38px; } } @media (min-width: 1000px) { main.search.site:not(.home) .hero-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 56px; align-items: start; } main.search.site:not(.home) .hero-grid .still-hero { display: block; width: 100%; margin-top: 20px; } main.search.site:not(.home) .hero .answer, main.search.site:not(.home) .hero .bridge { max-width: 760px; } } main.search.site:not(.home) .chart.wide { display: none; max-width: none; } main.search.site:not(.home) .chart .ln { stroke-linecap: round; } main.search.site:not(.home) .chart .mark { stroke: var(--c-hi); stroke-width: 1.5; stroke-dasharray: 3 4; } main.search.site:not(.home) .chart text.end { font-weight: 600; fill: var(--ink); } main.search.site:not(.home) .chart text.e-hi { fill: var(--c-hi); } main.search.site:not(.home) .chart text.e-3 { fill: var(--muted); } main.search.site:not(.home) .chart circle.dot { stroke: var(--paper); stroke-width: 2; } main.search.site:not(.home) .chart circle.d-hi { fill: var(--c-hi); } main.search.site:not(.home) .chart circle.d-2 { fill: var(--c-2); } main.search.site:not(.home) .chart circle.d-3 { fill: var(--c-3); } main.search.site:not(.home) .chart .bar-weak { opacity: .55; } main.search.site:not(.home) .chart .tk-3 { stroke: var(--c-3); stroke-width: 2; } main.search.site:not(.home) .chart .tk-2 { stroke: var(--c-2); stroke-width: 2; } main.search.site:not(.home) .k.c-3 { background: var(--c-3); } main.search.site:not(.home) .figure > .legend { margin: 0 0 12px; font-size: 16px; color: var(--ink); } main.search.site:not(.home) .figure + details.numbers { margin-top: 12px; } main.search.site:not(.home) .figure .table-box { margin-top: 4px; } main.search.site:not(.home) details.numbers .table-box { margin-top: 4px; } main.search.site:not(.home) details.numbers summary { min-height: 48px; } main.search.site:not(.home) .gap-box { height: 16px; } @media (min-width: 760px) { main.search.site:not(.home) .chart.narrow { display: none; } main.search.site:not(.home) .chart.wide { display: block; } } @media (min-width: 1000px) { main.search.site:not(.home) .band > .wrap > .table-box, main.search.site:not(.home) .band > .wrap > details, main.search.site:not(.home) .band > .wrap > .estimate { max-width: 860px; } } main.search.site:not(.home) table.data tbody th { font-weight: 600; color: var(--ink); } main.search.site:not(.home) .tight table.data th, main.search.site:not(.home) .tight table.data td { padding: 12px 6px; font-size: 16px; line-height: 1.25; } main.search.site:not(.home) .tight table.data thead th { font-size: 15px; white-space: normal; vertical-align: bottom; } main.search.site:not(.home) .tight table.data th:first-child, main.search.site:not(.home) .tight table.data td:first-child { padding-left: 0; white-space: normal; } main.search.site:not(.home) .tight table.data th:last-child, main.search.site:not(.home) .tight table.data td:last-child { padding-right: 0; } main.search.site:not(.home) .tight table.data caption { white-space: normal; } main.search.site:not(.home) .tight + .tight { margin-top: 16px; } @media (max-width: 759px) { main.search.site:not(.home) .tight table.data th, main.search.site:not(.home) .tight table.data td { padding-inline: 5px; } main.search.site:not(.home) .tight table.data th:first-child { width: 34%; } } @media (min-width: 760px) { main.search.site:not(.home) .tight table.data th, main.search.site:not(.home) .tight table.data td { padding: 14px 18px; font-size: 19px; } } main.search.site:not(.home) .chips [aria-current] { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: var(--s-pill); background: var(--ink); color: var(--paper); font-size: 16px; font-weight: 600; } main.search.site:not(.home) .measure { max-width: 38em; } main.search.site:not(.home) .plan-pic img { object-position: 50% 6%; } main.search.site:not(.home) .strip { display: grid; grid-template-columns: 96px 1fr; gap: 16px; align-items: center; margin-top: 24px; } main.search.site:not(.home) .strip .pic { width: 96px; } main.search.site:not(.home) .strip .pic img { object-position: 50% 14%; } main.search.site:not(.home) .strip p { margin: 0; font-size: 18px; line-height: 1.45; } @media (min-width: 760px) { main.search.site:not(.home) .strip { grid-template-columns: 120px 1fr; } main.search.site:not(.home) .strip .pic { width: 120px; } } @media (min-width: 1000px) { main.search.site:not(.home) .strip { display: none; } main.search.site:not(.home) .talk .strip { display: grid; } } main.search.site:not(.home) .talk { display: grid; gap: 20px; } main.search.site:not(.home) .talk-text p { margin-bottom: 10px; } main.search.site:not(.home) .feel { display: grid; gap: 20px; } main.search.site:not(.home) .feel li { display: grid; gap: 2px; } main.search.site:not(.home) .feel .fa { font-size: 15px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); } main.search.site:not(.home) .feel .fb { font: var(--display-weight, 400) 28px/1.1 var(--display-s, var(--display, var(--serif))); color: var(--ink); } @media (min-width: 760px) { main.search.site:not(.home) .talk { grid-template-columns: 1fr 1fr; align-items: start; } main.search.site:not(.home) .talk .strip { grid-column: 1 / -1; } } main.search.site:not(.home) .stepslist { display: grid; gap: 18px; margin: 12px 0 0; counter-reset: s; max-width: 46em; } main.search.site:not(.home) .stepslist li { counter-increment: s; display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center; } main.search.site:not(.home) .stepslist li::before { content: counter(s); display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--accent); color: var(--paper); font: 700 18px/1 var(--sans); } main.search.site:not(.home) .stepslist span { line-height: 1.45; }