/* Four examples on one row until the smartphone breakpoint. */
.annex-range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0 18px;align-items:stretch}
.annex-range-example{min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:20px;border:2px solid var(--td-ink);border-radius:var(--td-radius);background:var(--td-ink);color:var(--td-paper)}
.annex-range-heading{min-height:96px}
.annex-page .annex-range-heading h3{display:inline-block;max-width:100%;margin:0 0 10px;padding:9px 14px;border-radius:999px;background:var(--range-color);color:var(--range-ink);font-size:20px;font-weight:900;line-height:1.15;letter-spacing:.04em}
.annex-range-heading p{margin:0;color:#e4e4dc;font-size:12px;line-height:1.5}
.annex-example-code{margin:18px 0 7px;color:#c7c7bd;font-size:11px}
.annex-example-content{margin:0 0 18px;font-size:14px;line-height:1.6}.annex-example-content strong{font-weight:750}
.annex-example-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}
.annex-example-product{min-width:0;margin:0;background:var(--photo-tone);color:var(--td-ink);border-radius:10px;overflow:hidden}
.annex-example-product>svg{display:block;width:100%;height:auto;aspect-ratio:3/4;background:var(--photo-tone)}
.annex-example-product figcaption{display:flex;justify-content:space-between;align-items:center;gap:4px;min-height:40px;padding:7px;font-size:10px;line-height:1.2}
.annex-example-product figcaption strong{overflow-wrap:anywhere}.annex-example-product figcaption span{flex-shrink:0;padding:4px;background:#ffffff80;border-radius:4px}
.annex-range-price{margin-top:auto;padding-top:4px}
.annex-range-price p{margin:0 0 10px;font-size:12px;line-height:1.5}
.annex-range-price p:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.annex-range-price strong{font-size:28px;line-height:1.2;font-weight:850;letter-spacing:-.04em}.annex-range-price span{font-size:10px;color:#e4e4dc}
.annex-example-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;margin-top:8px;padding:12px 16px;border-radius:999px;background:var(--td-paper);color:var(--td-ink);text-decoration:none;font-size:13px;font-weight:800;line-height:1.3}
.annex-example-link:hover{background:#d4f52b}.annex-example-link span{font-size:20px}
@media(min-width:761px) and (max-width:1100px){.annex-range-grid{gap:10px}.annex-range-example{padding:12px}.annex-range-heading{min-height:110px}.annex-page .annex-range-heading h3{font-size:17px;padding:8px 10px}.annex-example-content{font-size:12px}.annex-example-photos{gap:5px}.annex-example-product figcaption{padding:5px;font-size:9px;min-height:44px}.annex-example-link{padding:10px;font-size:11px}.annex-range-price strong{font-size:25px}}
@media(max-width:760px){.annex-range-grid{grid-template-columns:1fr;gap:18px}.annex-range-heading{min-height:0}.annex-range-example{padding:22px}.annex-example-product figcaption{font-size:12px}.annex-example-link{font-size:14px}}