.attendance-rules h2 { font-size: clamp(25px, 6.8vw, 34px); line-height: 1.2; letter-spacing: -.055em; margin: 22px 0 28px; }
.attendance-rule-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; }
.attendance-rule-list > li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 13px; align-items: start; }
.attendance-rule-number { font-size: 11px; color: #ac86d0; font-variant-numeric: tabular-nums; padding-top: 3px; }
.attendance-rule-list h3 { margin: 0 0 7px; font: 700 15px/1.4 var(--font); letter-spacing: -.02em; color: #f2eafb; }
.attendance-rule-list p { margin: 0; font-size: 14px; line-height: 1.65; color: #afa2bb; }
.attendance-demo-note { margin-top: 26px; font-size: 11px; line-height: 1.65; color: #8e7d9d; }
.attendance-rules .primary-button { min-height: 48px; font-size: 13px; }
.attendance-rules .attendance-close { display: flex; justify-content: center; width: 100%; min-height: 44px; margin-top: 6px; font-size: 13px; }
.attendance-entry-links { display: flex; flex-wrap: wrap; gap: 12px 20px; padding-top: 18px; }
.attendance-entry-links .text-button { min-height: 40px; font-size: 12px; }
.support-copy { font-size: 14px !important; line-height: 1.7 !important; }
@media (max-width: 480px) { .attendance-rule-list { gap: 22px; } .attendance-rule-list > li { grid-template-columns: 20px minmax(0, 1fr); gap: 10px; } }