/* Static buying tables and useful size/type navigation. */
.home-search { display: block; margin: 1.5rem 0 0; max-width: 35rem; }
.home-search label { display: block; font-weight: 650; font-size: .88rem; margin-bottom: .5rem; }
.home-search>div { display: flex; gap: .5rem; }
.home-search input { width: 100%; min-width: 0; border: 1px solid var(--line,#cfd9d9); border-radius: .65rem; padding: .85rem 1rem; background: white; color: var(--ink,#122e39); font: inherit; }
.home-search button { flex-shrink: 0; }
.browse-chips { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.2rem 0 1.6rem; }
.browse-chips a { display: inline-flex; align-items: center; gap: .65rem; padding: .6rem .9rem; border: 1px solid #b8ccc5; border-radius: 99px; background: #f3faf5; color: #183f34; font-weight: 650; font-size: .87rem; text-decoration: none; }
.browse-chips a:hover { background: #deeee3; border-color: #789b87; }
.browse-chips a span { color: #4d6d59; font-size: .78rem; }
.result-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid #d4ddd8; border-radius: 1rem; background: white; margin: 1.5rem 0; }
.result-table { border-collapse: collapse; width: 100%; min-width: 760px; font-size: .92rem; }
.result-table caption { text-align: left; font-weight: 700; padding: 1.1rem 1.3rem; font-size: 1.1rem; color: #122e39; }
.result-table th,.result-table td { padding: 1.15rem 1.3rem; text-align: left; vertical-align: top; border-top: 1px solid #dce3de; }
.result-table thead th { background: #eef4ef; color: #43604e; font-weight: 650; font-size: .8rem; }
.result-table tbody th { width: 23%; }
.result-table td:last-child { width: 25%; }
.result-table small { display: block; margin-top: .45rem; font-weight: 400; font-size: .78rem; color: #5b6f65; line-height: 1.5; }
.result-table .button { white-space: normal; font-size: .85rem; padding: .7rem .9rem; text-align: center; }
.result-table a:not(.button) { color: #15543c; text-underline-offset: .2em; }
.result-facts,.match-list { margin: 0; padding: 0; list-style: none; }
.result-facts li+li,.match-list li+li { margin-top: .55rem; }
.result-facts span { display: block; color: #5b6f65; font-size: .77rem; }
.model-link-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; }
.model-link-grid a { padding: 1rem; border: 1px solid #d1ddd5; border-radius: .7rem; font-weight: 650; background: white; color: #214e3b; text-decoration: none; }
.model-link-grid a:hover { border-color: #7c9d89; background: #f4faf5; }
.model-link-grid small { display: block; margin-top: .3rem; font-weight: 400; color: #61746a; }
.static-comparison { min-width: 640px; }
.static-comparison th:first-child { width: 30%; }
.static-comparison td { width: 35%; }
.directory-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 1.2rem 0; }
.directory-paths>a { display: block; border: 1px solid #cbd8cc; border-radius: 1rem; padding: 1.4rem; background: #f5faf5; color: #244838; text-decoration: none; }
.directory-paths strong { display: block; margin-bottom: .45rem; }
.directory-paths span { color: #617365; font-size: .9rem; }
@media (max-width: 680px) {
 .model-link-grid,.directory-paths { grid-template-columns: 1fr; }
 .result-table { min-width: 670px; }
 .result-table th,.result-table td { padding: .9rem; }
 .home-search>div { flex-direction: column; }
 .home-search input { font-size: 16px; }
 .result-table-wrap::before { content: 'Scroll across to compare →'; display: block; font-size: .75rem; padding: .7rem 1rem 0; color: #61746a; }
}

.home .feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.home a.feature { display: block; text-decoration: none; }
.home a.feature h2 { font-size: clamp(1.5rem,2.4vw,2rem); }
@media (max-width: 680px) {
 .home .feature-grid { grid-template-columns: 1fr; }
 .result-table-wrap { overflow: visible; }
 .result-table-wrap::before { content: none; }
 .result-table,.result-table tbody,.result-table caption { display: block; min-width: 0; width: 100%; }
 .result-table thead { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
 .result-table tbody tr { display: grid; grid-template-columns: 1fr; padding: .8rem; border-top: 1px solid #dce3de; }
 .result-table tbody th,.result-table tbody td { display: block; width: 100%; border: 0; padding: .65rem .35rem; }
 .result-table tbody td:last-child { width: 100%; }
 .result-table tbody th { font-size: 1.05rem; }
 .result-table td[data-label]::before { content: attr(data-label); display: block; font-size: .75rem; font-weight: 700; color: #365543; margin-bottom: .4rem; }
 .result-table td:last-child .button { width: 100%; }
 .static-comparison tbody tr { grid-template-columns: 1fr 1fr; gap: .4rem; }
 .static-comparison tbody th { grid-column: 1/-1; }
}