/* Shared glass sheets: real dither, a quiet paper fade, an inset light edge.
 * Depth is semantic and soft, never a hard extruded button cap. */
.tw-section-card.tw-button{--tw-sheet-ease:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;display:flex;align-items:center;box-sizing:border-box;min-width:0;width:100%;min-height:112px;height:auto;padding:var(--tw-space-component-padding,16px);overflow:hidden;border:0;border-radius:24px;background:var(--tw-glass);color:var(--tw-glass-ink);text-align:left;text-shadow:none;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tw-plate) 90%,transparent),0 1px 2px color-mix(in srgb,var(--tw-glass-ink) 8%,transparent),0 8px 20px -14px color-mix(in srgb,var(--tw-glass-ink) 25%,transparent);clip-path:none;translate:none;transform:none;transition:box-shadow 400ms var(--tw-sheet-ease);touch-action:manipulation}
.tw-section-card.tw-button::before,.tw-section-card.tw-button::after{display:none;content:none}
.tw-section-card.tw-button:is(:hover,:active,:focus-visible){background:var(--tw-glass);color:var(--tw-glass-ink);translate:none;transform:none}
.tw-section-card.tw-button:focus-visible{outline:3px solid var(--tw-accent);outline-offset:-5px}
.tw-section-card.tw-button:disabled{cursor:not-allowed}
.tw-section-card.tw-button[hidden],.tw-section-card [hidden]{display:none}
.tw-section-card>.tw-glass-plate__canvas{border-radius:inherit;opacity:.82;transition:opacity 500ms var(--tw-sheet-ease)}
.tw-section-card__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--tw-space-label-gap,6px);min-width:0;width:78%;pointer-events:none;transition:transform 500ms var(--tw-sheet-ease)}
.tw-section-card__label{display:block;max-width:100%;font:400 26px/1.08 var(--tw-glass-font-display);letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}
.tw-section-card__caption{display:block;max-width:100%;font:400 11px/1.35 var(--tw-glass-font-ui);letter-spacing:.035em;overflow-wrap:anywhere;color:var(--tw-glass-muted)}
.tw-section-card__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;font-family:var(--tw-glass-font-ui)}
.tw-section-card__marker{position:absolute;z-index:1;right:var(--tw-space-component-padding,16px);top:50%;margin-top:-18px;width:36px;height:36px;background:color-mix(in srgb,var(--tw-glass) 74%,transparent);border-radius:50%;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tw-plate) 85%,transparent),0 1px 4px color-mix(in srgb,var(--tw-glass-ink) 8%,transparent);font:20px/36px var(--tw-glass-font-ui);text-align:center;color:var(--tw-glass-ink);pointer-events:none;transition:transform 560ms var(--tw-sheet-ease),background 300ms ease}
.tw-section-card__marker[data-disclosure=true]::before,.tw-section-card__marker[data-disclosure=true]::after{content:"";position:absolute;top:17px;width:7px;height:1.5px;background:currentColor;border-radius:1px}
.tw-section-card__marker[data-disclosure=true]::before{left:12px;transform:rotate(45deg)}
.tw-section-card__marker[data-disclosure=true]::after{right:12px;transform:rotate(-45deg)}
.tw-section-card__marker[data-disclosure=true][data-expanded=true]{transform:rotate(-180deg)}
@media(hover:hover){.tw-section-card.tw-button:hover:not(:disabled)>.tw-glass-plate__canvas{opacity:1}.tw-section-card.tw-button:hover:not(:disabled) .tw-section-card__content{transform:translateX(3px)}.tw-section-card.tw-button:hover:not(:disabled) .tw-section-card__marker{background:var(--tw-plate)}}
/* The next sheet covers the preceding sheet's foot. Header text stays in the exposed strip. */
.tw-section-stack{--tw-stack-overlap:30px;--tw-stack-radius:28px;display:flex;flex-direction:column;gap:0;isolation:isolate;overflow-anchor:none}
.tw-section-stack>[data-stack-card]{position:relative;box-sizing:border-box;min-width:0;border-radius:var(--tw-stack-radius);background:var(--tw-glass);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tw-plate) 92%,transparent),0 -2px 5px color-mix(in srgb,var(--tw-glass-ink) 5%,transparent),0 -12px 28px -18px color-mix(in srgb,var(--tw-glass-ink) 35%,transparent),0 18px 30px -25px color-mix(in srgb,var(--tw-glass-ink) 24%,transparent);margin-top:calc(-1 * var(--tw-stack-overlap))}
.tw-section-stack>[data-stack-card][data-stack-first=true]{margin-top:0}
.tw-section-stack>[data-stack-card][data-stack-moving=true]{overflow:clip}
/* Header and details are one sheet. The parent paints its glass paper once;
 * the transparent panel continues that surface with the paired text roles. */
.tw-section-stack>[data-stack-card]>[data-stack-panel]{--tw-ink:var(--tw-glass-ink);--tw-muted:var(--tw-glass-muted);background:transparent;color:var(--tw-glass-ink)}
.tw-section-stack>[data-stack-card] .tw-section-card.tw-button{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tw-plate) 92%,transparent);border-radius:var(--tw-stack-radius)}
.tw-section-stack>[data-stack-card][data-open=true] .tw-section-card.tw-button{border-radius:var(--tw-stack-radius) var(--tw-stack-radius) 0 0}
@media(max-width:480px){.tw-section-card.tw-button{min-height:104px}.tw-section-card__label{font-size:24px}.tw-section-stack{--tw-stack-overlap:28px;--tw-stack-radius:26px}}
@media(prefers-reduced-motion:reduce){.tw-section-card.tw-button,.tw-section-card *{animation:none;transition:none}}
@media(prefers-reduced-transparency:reduce){.tw-section-card.tw-button,.tw-section-card__marker{background:var(--tw-glass)}}
@media(forced-colors:active){.tw-section-card.tw-button{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important}.tw-section-card__caption{color:ButtonText}.tw-section-card__marker{background:ButtonFace;color:ButtonText;box-shadow:none}.tw-section-stack>[data-stack-card]{background:Canvas;box-shadow:none}.tw-section-card.tw-button:disabled,.tw-section-card.tw-button:disabled .tw-section-card__caption{color:GrayText!important}}