/* A single functional glass surface. Content and payment destination stay CMS-owned. */
[data-local-site] #allrecords .dv29-baseline:has(.local-monthly-glass) {
    display: block;
    margin-top: 24px;
    padding-top: 0;
}
[data-local-site] #allrecords .dv28-hero:has(.local-monthly-glass) { padding-bottom: 24px; }
[data-local-site] #allrecords .dv28-hero__monthly.local-monthly-glass {
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    width: 100%;
    min-height: 100px;
    margin: 0;
    padding: 20px 24px;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / .95) !important;
    border-radius: var(--radius-panel);
    background: linear-gradient(115deg, rgb(255 255 255 / .85), rgb(229 241 248 / .64)) !important;
    color: var(--action-text) !important;
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgb(255 255 255 / .7), 0 0 0 1px rgb(170 194 207 / .32), 0 16px 34px -24px rgb(24 61 84 / .4);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    font: 600 var(--type-subheading)/1.3 var(--font-body);
    text-align: left;
    text-decoration: none !important;
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transform: perspective(1000px) translate3d(0,0,0);
    transition: box-shadow 200ms var(--ease-feedback), border-color 200ms ease, scale 150ms var(--ease-feedback);
}
.local-monthly-glass::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: radial-gradient(ellipse at 92% 115%, rgb(246 182 69 / .18), transparent 58%);
    pointer-events: none;
}
.local-monthly-glass__light {
    position: absolute;
    z-index: 0;
    inset: -70% -20%;
    background: linear-gradient(112deg, transparent 22%, rgb(255 255 255 / .85) 48%, rgb(255 255 255 / .3) 56%, transparent 75%);
    opacity: .45;
    pointer-events: none;
    transform: translate3d(-8%,0,0);
    transition: opacity 180ms ease;
}
.local-monthly-glass > :not(.local-monthly-glass__light) { position: relative; z-index: 1; }
.local-monthly-glass__calendar {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border: 1px solid rgb(255 255 255 / .95);
    border-radius: var(--radius-image);
    background: var(--accent-fill);
    color: var(--action-text);
    box-shadow: inset 0 1px 0 #fff9, 0 6px 16px -9px rgb(165 109 24 / .5);
    transition: transform 200ms var(--ease-feedback);
}
.local-monthly-glass__calendar svg { width: 30px; height: 30px; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.local-monthly-glass .local-action-copy { display: grid; gap: 5px; min-width: 0; letter-spacing: -.02em; }
.local-monthly-glass .local-action-copy small {
    color: var(--muted);
    font: 400 var(--type-control)/1.45 var(--font-body);
    letter-spacing: 0;
}
.local-monthly-glass__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 48px;
    padding: 12px 24px;
    border: 1px solid var(--accent-border);
    border-radius: var(--radius-control);
    background: var(--action-fill);
    color: var(--action-text);
    box-shadow: inset 0 1px 0 #fff9, var(--shadow-control);
    font: 600 var(--type-control)/1.4 var(--font-body);
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease, transform 150ms var(--ease-feedback);
}
[data-local-site] #allrecords .local-monthly-glass:focus-visible {
    outline: 3px solid var(--focus) !important;
    outline-offset: 4px !important;
}
.local-monthly-glass:is(:focus-visible, :active) .local-monthly-glass__action {
    background: var(--action-hover-fill);
    border-color: var(--action-hover-fill);
    color: var(--action-hover-text);
}
.local-monthly-glass:active { scale: .99; }
.local-monthly-glass:active .local-monthly-glass__action { transform: scale(.96); }
@media(hover:hover) and (pointer:fine) {
    [data-local-site] #allrecords .dv28-hero__monthly.local-monthly-glass:hover {
        background: linear-gradient(115deg, rgb(255 255 255 / .94), rgb(223 239 248 / .8)) !important;
        color: var(--action-text) !important;
        box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgb(255 255 255 / .85), 0 0 0 1px rgb(159 190 208 / .5), 0 20px 40px -24px rgb(24 61 84 / .45);
    }
    .local-monthly-glass:hover .local-monthly-glass__light { opacity: .8; }
    .local-monthly-glass:hover .local-monthly-glass__calendar { transform: rotate(-4deg) scale(1.04); }
    .local-monthly-glass:hover .local-monthly-glass__action { background: var(--action-hover-fill); border-color: var(--action-hover-fill); color: var(--action-hover-text); }
}
@media(max-width:640px) {
    [data-local-site] #allrecords .dv28-hero__monthly.local-monthly-glass {
        grid-template-columns: 48px minmax(0,1fr);
        gap: 14px;
        padding: 16px;
        font-size: var(--type-reading);
    }
    .local-monthly-glass__calendar { width: 48px; height: 48px; border-radius: var(--radius-control); }
    .local-monthly-glass__calendar svg { width: 26px; height: 26px; }
    .local-monthly-glass .local-action-copy small { font-size: var(--type-small); }
    .local-monthly-glass__action { grid-column: 1/-1; width: 100%; }
}
@media(prefers-reduced-motion:reduce) {
    [data-local-site] #allrecords .dv28-hero__monthly.local-monthly-glass,
    .local-monthly-glass__light, .local-monthly-glass__calendar, .local-monthly-glass__action {
        transform: none !important;
        transition: none !important;
        scale: 1 !important;
    }
}
@supports not (backdrop-filter:blur(1px)) {
    [data-local-site] #allrecords .dv28-hero__monthly.local-monthly-glass { background: #f4f9fc !important; }
}
@media(prefers-reduced-transparency:reduce), (prefers-contrast:more), (forced-colors:active) {
    [data-local-site] #allrecords .dv28-hero__monthly.local-monthly-glass { background: var(--surface) !important; backdrop-filter: none; -webkit-backdrop-filter: none; border-color: var(--line-control) !important; }
    .local-monthly-glass__light { display: none; }
}