/* Independently loadable amenities and help components. */
.stg-amenities { border-top:1px solid var(--stg-line); border-bottom:1px solid var(--stg-line); padding:18px 0; margin-top:28px; }
.stg-amenities .stg-eyebrow { color:var(--stg-muted2); }
.stg-amenity-groups { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.stg-amenity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; }
.stg-amenity-grid+ .stg-amenity-grid { border-left:1px solid var(--stg-line); padding-left:36px; }
.stg-amenity { display:flex; align-items:center; gap:11px; }
.stg-amenity img { width:24px; height:24px; object-fit:contain; }
.stg-amenity strong { display:block; font-size:14px; line-height:1.3; font-weight:600; }
.stg-amenity span { display:block; font-size:12px; line-height:1.35; color:var(--stg-muted); }
.stg-design-help { border:1.5px solid var(--stg-ink); border-radius:var(--stg-r2); padding:22px; margin:44px 0 40px; }
.stg-design-help h2 { font-size:18px; margin:0 0 4px; }
.stg-design-help p { font-size:14px; color:var(--stg-muted); margin:0 0 18px; }
.stg-design-help>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.stg-design-help a { border:1.5px solid var(--stg-ink); border-radius:var(--stg-r1); padding:15px 16px; display:flex; flex-direction:column; gap:4px; color:var(--stg-ink)!important; text-decoration:none; }
.stg-design-help strong { font-size:15px; font-weight:600; }
.stg-design-help span { font-size:13px; color:var(--stg-muted); }
@media(max-width:900px) {
.stg-amenity-groups { gap:20px; }
.stg-amenity-grid+.stg-amenity-grid { padding-left:20px; }
.stg-amenity-grid { grid-template-columns:1fr; }
}
@media(max-width:700px) {
.stg-amenity-groups { grid-template-columns:1fr; gap:18px; }
.stg-amenity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; }
.stg-amenity-grid+.stg-amenity-grid { border-left:0; border-top:1px solid var(--stg-line); padding:18px 0 0; }
.stg-amenity { align-items:flex-start; gap:8px; min-width:0; }
.stg-amenity img { flex:0 0 20px; width:20px; height:20px; margin-top:2px; }
.stg-amenity>div { min-width:0; overflow-wrap:anywhere; }
.stg-amenity strong { font-size:14px; }
.stg-amenity span { font-size:12px; }
.stg-design-help>div { grid-template-columns:1fr; }
.stg-design-help { padding:22px; margin-bottom:40px; }
}

.stg-design-help a:hover{background:var(--stg-soft);color:var(--stg-ink);text-decoration:none}
