main.search.site:not(.home) { --heat-1: color-mix(in srgb, var(--muted) 12%, var(--paper)); --heat-2: color-mix(in srgb, var(--muted) 11%, var(--paper)); --heat-3: color-mix(in srgb, var(--muted) 18%, var(--paper)); --heat-4: color-mix(in srgb, var(--muted) 27%, var(--paper)); --heat-5: color-mix(in srgb, var(--muted) 38%, var(--paper)); } main.search.site:not(.home) .hero { display: grid; gap: 28px; padding-block: 8px 48px; } main.search.site:not(.home) .hero h1 { margin-top: 4px; } main.search.site:not(.home) .hero-text > .answer { margin-top: 24px; } main.search.site:not(.home) .hero .pic.hero-pic { width: min(100%, 320px); justify-self: center; } @media (min-width: 920px) { main.search.site:not(.home) .hero { grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: start; padding-bottom: 72px; } main.search.site:not(.home) .hero .pic.hero-pic { width: 100%; justify-self: stretch; align-self: start; } } main.search.site:not(.home) .pic.pos-a img { object-position: 62% 20%; } main.search.site:not(.home) .pic.pos-b img { object-position: 40% 24%; } main.search.site:not(.home) .pic.pos-c img { object-position: 48% 22%; } main.search.site:not(.home) .pic.pos-d img { object-position: 50% 28%; } main.search.site:not(.home) .answer { position: relative; gap: 12px; } main.search.site:not(.home) .answer .tag { justify-self: start; } main.search.site:not(.home) .answer .big { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 14px; margin: 0; font-size: clamp(88px, 22vw, 136px); } main.search.site:not(.home) .answer .big .unit { font: 600 .32em/1 var(--sans); letter-spacing: -.01em; color: var(--muted); } main.search.site:not(.home) .answer .sentence { margin: 0; max-width: 20em; font-size: 20px; line-height: 1.4; color: var(--ink); } main.search.site:not(.home) .answer .second { margin: 0; font-size: 18px; color: var(--text); } main.search.site:not(.home) .answer .second b { color: var(--ink); font-weight: 600; } main.search.site:not(.home) .facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 18px 0 0; padding: 0; } main.search.site:not(.home) .facts div { padding: 0; } main.search.site:not(.home) .facts dt { font-size: 15px; line-height: 1.3; color: var(--muted); } main.search.site:not(.home) .facts dd { margin: 2px 0 0; font: var(--s-num) 28px/1 var(--sans); letter-spacing: -.02em; color: var(--ink); font-variant-numeric: lining-nums; } main.search.site:not(.home) .facts dd small { display: block; margin-top: 4px; font: 500 15px/1 var(--sans); color: var(--muted); } @media (max-width: 380px) { main.search.site:not(.home) .facts dd { font-size: 30px; } } main.search.site:not(.home) .jump { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0; } main.search.site:not(.home) .jump a:not(.btn) { display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px; border-radius: var(--s-pill); background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--line); color: var(--ink); font: 600 16px/1 var(--sans); text-decoration: none; } main.search.site:not(.home) .jump a:not(.btn):hover { color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--accent); } main.search.site:not(.home) .section-head { margin-bottom: 20px; max-width: 34em; } main.search.site:not(.home) .section-head p { margin: 0; } main.search.site:not(.home) .charts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; } @media (min-width: 900px) { main.search.site:not(.home) .charts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } } main.search.site:not(.home) .figure h3 { margin: 0 0 4px; font: var(--display-weight, 400) clamp(26px, 3vw, 32px)/1.1 var(--display-s, var(--display, var(--serif))); letter-spacing: -.005em; } main.search.site:not(.home) .figure .sub { margin: 0 0 14px; font-size: 16px; line-height: 1.4; color: var(--text); } main.search.site:not(.home) .figure svg { width: 100%; max-width: 460px; margin-inline: auto; } main.search.site:not(.home) .figure-one { max-width: 640px; } main.search.site:not(.home) .chart text { font-size: 17.5px; } main.search.site:not(.home) .chart .value { font-size: 19px; } main.search.site:not(.home) .chart .val-hi { fill: var(--c-hi); } main.search.site:not(.home) .chart .c-lbl { font-size: 18px; font-weight: 600; fill: var(--ink); } main.search.site:not(.home) .chart .c-lbl-s { font-size: 17.5px; font-weight: 500; fill: var(--muted); } main.search.site:not(.home) .chart .key-hi { font-size: 18px; font-weight: 700; fill: var(--c-hi); } main.search.site:not(.home) .chart .c-3 { fill: var(--c-3); } main.search.site:not(.home) .chart .mark { stroke: var(--c-hi); stroke-width: 1.5; stroke-dasharray: 4 4; } main.search.site:not(.home) .chart .dot-w { fill: var(--paper); stroke: var(--c-hi); stroke-width: 3; } main.search.site:not(.home) .chart .halo { paint-order: stroke; stroke: var(--paper); stroke-width: 6px; stroke-linejoin: round; } main.search.site:not(.home) .k.c-3 { background: var(--c-3); } main.search.site:not(.home) details.numbers { margin-top: 8px; } main.search.site:not(.home) details.numbers summary { min-height: 48px; } main.search.site:not(.home) details.numbers .table-box { margin-top: 4px; } main.search.site:not(.home) details.numbers table.data th, main.search.site:not(.home) details.numbers table.data td { padding: 12px 14px; } main.search.site:not(.home) details.numbers table.data th:first-child, main.search.site:not(.home) details.numbers table.data td:first-child { padding-left: 0; } main.search.site:not(.home) details.numbers table.data th:last-child, main.search.site:not(.home) details.numbers table.data td:last-child { padding-right: 0; } main.search.site:not(.home) .table-box table.data tbody th { font-weight: 600; color: var(--ink); } main.search.site:not(.home) .two { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; } @media (min-width: 1000px) { main.search.site:not(.home) .two { grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; } } @media (max-width: 1199.98px) { main.search.site:not(.home) .two.two-wide { grid-template-columns: minmax(0, 1fr); } } main.search.site:not(.home) .heat-box { overflow: hidden; } main.search.site:not(.home) table.heat { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 3px; font-variant-numeric: tabular-nums; } main.search.site:not(.home) table.heat caption { padding: 14px 8px 6px; text-align: left; font-size: 15px; color: var(--muted); } main.search.site:not(.home) table.heat th, main.search.site:not(.home) table.heat td { padding: 0; text-align: center; border: 0; white-space: nowrap; } main.search.site:not(.home) table.heat thead th { padding: 10px 0 8px; font: 600 16px/1.2 var(--sans); color: var(--ink); vertical-align: bottom; } main.search.site:not(.home) table.heat thead th small { display: none; font: 500 15px/1.2 var(--sans); color: var(--muted); } main.search.site:not(.home) table.heat thead th.col-hi { color: var(--accent); } main.search.site:not(.home) table.heat tbody th { padding: 0 0 0 8px; text-align: left; font: 600 18px/1.15 var(--sans); color: var(--ink); } main.search.site:not(.home) table.heat tbody th small { display: block; font: 500 15px/1.2 var(--sans); color: var(--muted); } main.search.site:not(.home) table.heat td { height: 56px; border-radius: 8px; font: 500 19px/1 var(--sans); color: var(--ink); } main.search.site:not(.home) table.heat .h1 { background: var(--heat-1); } main.search.site:not(.home) table.heat .h2 { background: var(--heat-2); } main.search.site:not(.home) table.heat .h3 { background: var(--heat-3); } main.search.site:not(.home) table.heat .h4 { background: var(--heat-4); } main.search.site:not(.home) table.heat .h5 { background: var(--heat-5); } main.search.site:not(.home) table.heat tr.row-hi th { color: var(--accent); } main.search.site:not(.home) table.heat td.cell-hi { background: var(--c-hi); color: var(--paper); font-weight: 700; } main.search.site:not(.home) table.heat col.c-first { width: 25%; } main.search.site:not(.home) table.heat .span-head { padding: 8px 0 0; font: 500 15px/1.2 var(--sans); color: var(--muted); text-align: center; } main.search.site:not(.home) table.heat thead tr:first-child td { height: auto; background: none; } main.search.site:not(.home) table.heat .u { display: none; } @media (min-width: 640px) { main.search.site:not(.home) table.heat thead th small { display: block; } main.search.site:not(.home) table.heat td { height: 60px; font-size: 20px; } main.search.site:not(.home) table.heat tbody th small { display: inline; margin-left: 8px; } main.search.site:not(.home) table.heat .u { display: inline; } } main.search.site:not(.home) .legend-heat { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 12px 0 0; font-size: 15px; color: var(--muted); } main.search.site:not(.home) .legend-heat .ramp { display: inline-flex; gap: 3px; } main.search.site:not(.home) .legend-heat .ramp i { width: 22px; height: 14px; border-radius: 4px; } main.search.site:not(.home) .ramp .s1 { background: var(--heat-1); } main.search.site:not(.home) .ramp .s2 { background: var(--heat-2); } main.search.site:not(.home) .ramp .s3 { background: var(--heat-3); } main.search.site:not(.home) .ramp .s4 { background: var(--heat-4); } main.search.site:not(.home) .ramp .s5 { background: var(--heat-5); } main.search.site:not(.home) .paces-note { margin: 12px 0 0; font-size: 15px; line-height: 1.6; color: var(--muted); } main.search.site:not(.home) .table-box.narrow { max-width: 720px; } main.search.site:not(.home) .panel-sources { margin-top: 24px; padding: 20px 22px; } main.search.site:not(.home) .panel-sources .row { align-items: start; } main.search.site:not(.home) .panel-sources .estimate { margin: 0; } main.search.site:not(.home) .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 640px) { main.search.site:not(.home) .tiles { grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); } } main.search.site:not(.home) .tiles a:not(.btn) { min-height: 104px; padding: 16px 0; align-content: space-between; } main.search.site:not(.home) .tiles .t-num { font-family: var(--display, var(--serif)); font-weight: 600; font-size: 32px; font-variation-settings: var(--display-axes, normal); } main.search.site:not(.home) .tiles .t-label { line-height: 1.3; } main.search.site:not(.home) .tiles .t-label b { color: var(--ink); font-weight: 600; } main.search.site:not(.home) .tiles.neighbours { grid-template-columns: repeat(2, minmax(0, 1fr)); } main.search.site:not(.home) .tiles .t-dir { font: 600 15px/1 var(--sans); color: var(--accent); } main.search.site:not(.home) h3.tiles-h { margin: 28px 0 12px; font: 600 17px/1.3 var(--sans); color: var(--ink); } main.search.site:not(.home) h3.tiles-h:first-of-type { margin-top: 0; } main.search.site:not(.home) .plan-call p { max-width: 28em; } main.search.site:not(.home) .chair-note { margin: 14px 0 0; }