.alignment-panels{padding:48px 0 68px;background:#fff;scroll-margin-top:24px}
.alignment-panels[hidden]{display:none}
.alignment-panel-navigation{display:flex;flex-direction:column-reverse;align-items:stretch;gap:8px;margin-bottom:28px;border-bottom:1px solid #c8c8c8}
.alignment-panel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch}
.alignment-panel-tabs button{min-width:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-bottom:-1px;padding:18px 20px 14.4px;text-transform:uppercase;border:1px solid #c8c8c8;border-radius:10px 10px 0 0;background:#f2f2f2;color:#555;font-weight:750;cursor:pointer}
.alignment-panel-tabs button[aria-selected=true]{z-index:1;border-color:#c8c8c8;border-bottom-color:#fff;background:#fff;color:#171717;box-shadow:inset 0 3px 0 var(--brand-red)}
.alignment-panel-tabs button span{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:.8rem}
.alignment-panel-tabs button[aria-selected=true] span{background:var(--brand-red);border-color:var(--brand-red);color:#fff}
.alignment-panel-tabs button:hover{color:#000;background:#e8e8e8}.alignment-panel-tabs button[aria-selected=true]:hover{background:#fff}
.alignment-panel-status{margin:0;padding:0;color:#666;font-size:.9rem;text-align:right;white-space:nowrap}
.alignment-panel-viewport{overflow:hidden;transition:height .32s ease}
.alignment-panel-track{display:flex;align-items:flex-start;transform:translateX(0);transition:transform .32s ease}
.alignment-panels[data-panel="1"] .alignment-panel-track{transform:translateX(-100%)}
.alignment-panels[data-panel="2"] .alignment-panel-track{transform:translateX(-200%)}
.alignment-panel-track>.alignment-panel{flex:0 0 100%;width:100%;min-width:0;margin:0;padding:4px 0;visibility:visible}
.alignment-panel-track>.alignment-panel[aria-hidden=true]{visibility:hidden;transition:visibility 0s .32s}
.alignment-panel>.wrap{width:100%;max-width:none}
.alignment-panel-actions{display:flex;justify-content:center;margin-top:30px;padding:4px}
.alignment-panel-actions .button{min-height:48px;gap:14px}
.alignment-panel-kicker{color:#666;font-size:.8rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.alignment-panel:focus{outline:none}
@media(max-width:650px){.alignment-panels{padding:32px 0 48px}.alignment-panel-navigation{flex-direction:column-reverse;align-items:stretch;gap:8px;margin-bottom:24px}.alignment-panel-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.alignment-panel-tabs button{flex-direction:column;justify-content:center;padding:15px 4px 12px;gap:6px;font-size:clamp(.65rem,2.4vw,.9rem);line-height:1.3;text-align:center}.alignment-panel-tabs button span{width:22px;height:22px;flex-shrink:0}.alignment-panel-status{padding-bottom:0;text-align:right;font-size:.8rem}.alignment-panel-actions .button{width:100%;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.alignment-panel-track,.alignment-panel-viewport,.alignment-panel-track>.alignment-panel[aria-hidden=true]{transition:none}}

@media(max-width:360px){.alignment-panel-tabs button{font-size:.65rem}}
