/* The landing choice: last in the page and sticky to the bottom of the screen, so the page's heading and call to
   action come first and the bar settles below the footer instead of covering it. */
.ad-measurement {
    position: sticky;
    bottom: 0;
    z-index: var(--z-sticky);
    padding: var(--space-3) 0 calc(var(--space-3) + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--border);
    background: var(--bg-panel);
    color: var(--text);
    box-shadow: var(--shadow-pop);
}
.ad-measurement__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); }
.ad-measurement__copy { max-width: 72ch; font-size: var(--fs-sm); line-height: 1.6; }
.ad-measurement__copy h2 { display: inline; margin: 0; font: inherit; font-weight: 600; }
.ad-measurement__copy p { display: inline; margin: 0; }
.ad-measurement__copy details { margin-top: var(--space-1); }
.ad-measurement__copy summary { cursor: pointer; }
.ad-measurement__copy details p { display: block; margin-top: var(--space-2); }
.ad-measurement__choices { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.ad-measurement__choices .btn { flex: 1 1 auto; white-space: nowrap; }
.ad-measurement .ad-measurement__choices { flex: none; }

@media (max-width: 760px) {
    .ad-measurement__inner { flex-direction: column; align-items: stretch; gap: var(--space-2); }
    .ad-measurement__copy p { font-size: var(--fs-xs); line-height: 1.45; }
    .ad-measurement .ad-measurement__choices { flex-wrap: nowrap; gap: var(--space-2); }
    .ad-measurement .ad-measurement__choices .btn { flex: 1 1 0; padding-inline: var(--space-2); }
}