.preview-banner { padding: 10px 20px; background: #16423e; color: #d8f3e8; text-align: center; font-size: 12px; }
.signup-header > p { display: none; }
@media (min-width: 801px) { .signup-journey { position: sticky; top: 24px; } }
.preview-entitlements { padding-left: 20px; color: #c3d1d9; font-size: 13px; margin: 12px 0 24px; }
.preview-entitlements li { margin: 5px 0; }
.preview-summary { margin: 12px 0 20px; font-size: 13px; }
.preview-summary > div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid #344b5c; }
.preview-summary dt { color: #aabcc8; }
.preview-summary dd { text-align: right; margin: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.preview-summary-total { font-weight: 700; }
.preview-summary-total dd { color: #ffc575; }
.preview-addons { border-block: 1px solid #344b5c; padding: 14px 0; margin: 20px 0; font-size: 13px; color: #c3d1d9; }
.preview-addons summary { color: #ffc575; cursor: pointer; }
.preview-agreement { width: 900px; min-height: 0; }
.preview-agreement .tw-modal-header h2 { font-size: 21px; line-height: 1.25; }
.preview-agreement .tw-modal-header .signup-eyebrow { margin: 0 0 7px; }
.preview-draft-notice { padding: 10px 24px; font-size: 12px; color: #c4e4d8; background: #16423e; flex-shrink: 0; }
.preview-tabs { display: flex; overflow-x: auto; flex-shrink: 0; padding: 0 20px; border-bottom: 1px solid #476174; }
.preview-tabs button { flex-shrink: 0; padding: 14px 12px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #bacbd6; font-size: 13px; min-height: 48px; }
.preview-tabs [aria-selected="true"] { color: #ffc575; border-bottom-color: #faa230; }
.preview-agreement .tw-modal-body { min-height: 0; overscroll-behavior: contain; }
.preview-agreement section { outline-offset: -3px; }
.preview-agreement section > p { line-height: 1.7; }
.preview-agreement section h3 { font-size: 17px; margin: 26px 0 12px; }
.preview-agreement section h4 { font-size: 15px; margin: 24px 0 12px; }
.preview-table { width: 100%; border-collapse: collapse; font-size: 12px; margin: 16px 0 22px; }
.preview-table th, .preview-table td { padding: 10px 12px; border: 1px solid #476174; text-align: left; overflow-wrap: anywhere; }
.preview-table th { color: #f0efe9; background: #183447; }
.preview-table-scroll { overflow-x: auto; }
.preview-table-scroll:has(th:nth-child(4)) .preview-table { min-width: 580px; }
.preview-agreement .tw-modal-footer { gap: 16px; justify-content: space-between; }
.preview-agreement .tw-modal-footer p { margin: 0; font-size: 11px; color: #aabcc8; }
.preview-agreement .tw-btn { padding: 12px 18px; flex-shrink: 0; }
.preview-download { display: inline-block; margin: 12px 0 20px; }
@media (max-width: 600px) {
 .preview-agreement .tw-modal-header h2 { font-size: 17px; }
 .preview-agreement .tw-modal-header { padding: 14px 16px; }
 .preview-draft-notice { padding: 9px 16px; }
 .preview-tabs { padding: 0 4px; }
 .preview-tabs button { padding-inline: 10px; font-size: 12px; }
 .preview-agreement .tw-modal-footer { align-items: stretch; flex-direction: column; gap: 8px; padding: 12px 16px; }
 .preview-agreement .tw-modal-footer p { text-align: center; }
 .preview-summary > div { grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 10px; }
}