/* home.html (the Phase 2 pilot in AUDIT.md): the heading and the resort list by region.
   The site's colours (var() tokens only) and fonts are kept. */
body[data-page="home"] .hero-copy h1{font-size:clamp(1.8rem,3.6vw,2.9rem);line-height:1.12;margin:.2rem 0 .7rem}
body[data-page="home"] .hero-copy .lede{margin:0 0 1rem}

/* Every resort by region: columns on a computer, one list after another on a phone. */
.home-regions .section-heading{margin:2rem 0 .6rem}
.home-region-lists{columns:16rem 4;column-gap:2.5rem}
.home-region{break-inside:avoid;margin:0 0 1.4rem}
.home-region h3{font-size:1rem;margin:0 0 .25rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem}
.home-region h3 a{display:inline-flex;align-items:center;min-height:44px}
.home-region h3 .quiet{font-size:.8rem;font-weight:400}
.home-region ul{list-style:none;margin:0;padding:0}
.home-region li{margin:0;line-height:1.35}
.home-region li a{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem}
.home-region li .quiet{font-size:.8rem}

/* The other ways in: two plain links with one line each. */
.home-tools h2{font-size:1.1rem}
.tool-links{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.tool-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.tool-links .quiet{display:block;font-size:.87rem;margin:0 0 .3rem}