/* Give each experience room for a short introduction and its actual choices. */
[data-page="bar-overview"] .choice-grid{grid-template-columns:minmax(0,1fr);gap:30px}
[data-page="bar-overview"] .choice-card{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);overflow:hidden;min-width:0}
[data-page="bar-overview"] .choice-card[hidden]{display:none}
[data-page="bar-overview"] .choice-media{height:auto;min-height:370px;position:relative}
[data-page="bar-overview"] .choice-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-page="bar-overview"] .choice-art{min-height:100%;background:var(--bar-soft)}
[data-page="bar-overview"] .choice-art svg{width:160px;height:160px}
[data-page="bar-overview"] .choice-copy{padding:34px 38px;min-width:0}
[data-page="bar-overview"] .choice-copy h3{font-size:42px;line-height:1.1;margin-bottom:16px}
[data-page="bar-overview"] .choice-copy>p{min-height:0;margin:0;font-size:15px;line-height:1.75;max-width:65ch}
[data-page="bar-overview"] .choice-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:22px;margin:22px 0}
[data-page="bar-overview"] .choice-option-group{border-top:1px solid #00000029;padding-top:16px;min-width:0}
[data-page="bar-overview"] .choice-option-group h4{font:600 12px/1.5 var(--sans);letter-spacing:.6px;text-transform:uppercase;margin:0 0 12px}
[data-page="bar-overview"] .choice-options ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;padding:0 0 0 17px;margin:0;font-size:14px;line-height:1.6}
[data-page="bar-overview"] .choice-options ul li{padding-left:2px}
[data-page="bar-overview"] .choice-option-group:not(:only-child) ul{grid-template-columns:1fr}
[data-page="bar-overview"] .choice-copy dl{margin:0;display:grid;gap:12px}
[data-page="bar-overview"] .choice-copy dl>div{padding:0;border:0;display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px}
[data-page="bar-overview"] .choice-copy dt{font:600 14px/1.65 var(--sans);letter-spacing:0;text-transform:none}
[data-page="bar-overview"] .choice-copy dd{margin:0;font-size:14px;line-height:1.65}
[data-page="bar-overview"] .choice-copy .choice-format{font-size:13px;line-height:1.7;margin:0 0 22px}
[data-page="bar-overview"] .choice-format strong{display:block;font-weight:600}
[data-page="bar-overview"] .choice-copy .text-link{margin-top:auto;max-width:100%;font-size:14px}
[data-page="bar-overview"] #bloom .choice-media>img{object-position:center 85%}
[data-page="bar-overview"] #glam .choice-media>img{object-position:49% center}
@media(max-width:1000px){[data-page="bar-overview"] .choice-card{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}[data-page="bar-overview"] .choice-copy{padding:28px}[data-page="bar-overview"] .choice-copy h3{font-size:36px}[data-page="bar-overview"] .choice-options ul{column-gap:16px}}
@media(max-width:700px){[data-page="bar-overview"] .choice-card{grid-template-columns:minmax(0,1fr)}[data-page="bar-overview"] .choice-media{height:220px;min-height:0}[data-page="bar-overview"] .choice-art{height:100%}[data-page="bar-overview"] .choice-art svg{width:120px;height:120px}[data-page="bar-overview"] .choice-copy{padding:24px}[data-page="bar-overview"] .choice-copy h3{font-size:34px}[data-page="bar-overview"] .choice-options{margin-block:20px}[data-page="bar-overview"] .choice-copy>p{font-size:14px}[data-page="bar-overview"] .choice-copy dl>div{grid-template-columns:minmax(0,1fr);gap:2px}[data-page="bar-overview"] #bloom .choice-media>img{object-position:center 72%}}
@media(max-width:360px){[data-page="bar-overview"] .choice-copy{padding:21px}[data-page="bar-overview"] .choice-options ul{grid-template-columns:1fr}}

/* Short planning answers, kept off the home page. */
.planning-answers{scroll-margin-top:130px;max-width:1000px;padding-block:60px}
.planning-answers h2{font-size:clamp(40px,4vw,56px);line-height:1.1;margin:14px 0 30px;max-width:650px}
.planning-answers .faqs p{max-width:72ch;font-size:15px;line-height:1.8}
.planning-answers .home-help{font-size:14px;line-height:1.8;margin-top:24px}
.planning-answers .home-help a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.planning-answers{padding-block:38px;scroll-margin-top:100px}.planning-answers h2{font-size:40px}.planning-answers .faqs summary{font-size:16px}.planning-answers .faqs p{font-size:14px}}
.planning-answers .faqs summary>span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.planning-answers .faqs details[open] summary>span{transform:rotate(45deg)}
