.leave-out{padding-top:112px;padding-bottom:112px;scroll-margin-top:100px}
.leave-out h2{text-align:center;font-size:clamp(36px,4.2vw,64px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0 0 56px}
.absence-table{width:min(100%,850px);margin:auto;border-collapse:collapse;table-layout:fixed;text-align:left}
.absence-table thead th{padding:0 24px 24px;border-bottom:1px solid #cdd0ca;font:12px Mono,monospace;color:#777c73;letter-spacing:.06em;text-transform:uppercase}
.absence-table thead th:last-child{width:150px;text-align:center}
.absence-table thead img{display:block;width:60px;height:auto;margin:auto}
.absence-table tbody th{padding:23px 24px;font-size:22px;font-weight:400;letter-spacing:-.02em}
.absence-table tbody tr{border-bottom:1px solid #e4e6e0;transition:background .18s}
.absence-table tbody tr:hover{background:#f7f8f5}
.absence-table td{text-align:center;padding:23px 24px}
.absence-icon{display:inline-flex;vertical-align:middle;margin-right:22px;width:26px;height:26px;color:#676b63}
.absence-icon svg{width:100%;height:100%;fill:currentColor}
.absence-no{display:inline-flex;align-items:center;gap:9px;color:#3546d6;font:14px Mono,monospace}
.absence-no>span{font:22px Plex,sans-serif;line-height:1}
@media(max-width:760px){.leave-out{padding-top:72px;padding-bottom:72px}.leave-out h2{margin-bottom:38px}.absence-table thead th{padding:0 4px 20px;font-size:10px}.absence-table thead th:last-child{width:82px}.absence-table tbody th{font-size:17px;padding:20px 4px;letter-spacing:-.025em}.absence-table td{padding:20px 4px}.absence-icon{width:21px;height:21px;margin-right:12px}.absence-no{font-size:12px;gap:6px}.absence-table thead img{width:52px}}
@media(max-width:380px){.absence-table tbody th{font-size:15px}.absence-icon{margin-right:8px;width:18px;height:18px}.absence-table thead th:last-child{width:70px}}
@media(prefers-reduced-motion:reduce){.absence-table tbody tr{transition:none}}

/* Quiet, dimensional blue objects with a brief scroll-triggered roll. */
.leave-out h2{margin-bottom:20px}
.absence-intro{text-align:center;color:#73776f;font-size:19px;line-height:1.6;margin:0 auto 52px;max-width:650px}
.absence-table tbody th{padding-block:13px}
.absence-icon{width:64px;height:61px;margin-right:22px;overflow:visible}
.absence-icon svg{overflow:visible;fill:none}
.absence-object{transform-box:view-box;transform-origin:40px 38px;filter:drop-shadow(0 2px 1px #2537a329)}
.absence-table tbody th>span:last-child{display:inline-block;vertical-align:middle;max-width:calc(100% - 90px)}
@media(max-width:760px){.absence-intro{font-size:16px;margin-bottom:36px;padding:0 8px}.absence-intro br{display:none}.absence-icon{width:47px;height:45px;margin-right:10px}.absence-table tbody th{padding-block:15px}.absence-table tbody th>span:last-child{max-width:calc(100% - 62px)}.absence-table thead th{letter-spacing:.02em}}
@media(max-width:380px){.absence-icon{width:40px;height:38px;margin-right:8px}.absence-table tbody th>span:last-child{max-width:calc(100% - 53px)}}

/* Larger, tappable answers. Motion is a brief accent, not a loop. */
.absence-table thead th:last-child{width:190px}
.absence-table td{padding-inline:12px}
.absence-no{border:0;background:transparent;min-height:48px;padding:7px 10px;border-radius:12px;font:500 24px/1.2 Mono,monospace;gap:10px;white-space:nowrap;cursor:pointer;transform-origin:center;transition:background .18s}
.absence-no>span{display:inline-block;font:400 32px/1 Plex,sans-serif}
.absence-no:hover{background:#3546d60a}
.absence-no:active{background:#3546d612}
.absence-no:focus-visible{outline:2px solid #3546d6;outline-offset:3px}
@media(max-width:760px){.absence-table thead th:last-child{width:112px}.absence-table td{padding-inline:2px}.absence-no{font-size:18px;gap:7px;padding:7px 5px}.absence-no>span{font-size:27px}}
@media(max-width:380px){.absence-table thead th:last-child{width:101px}.absence-no{font-size:17px;gap:5px}.absence-no>span{font-size:24px}}
@media(prefers-reduced-motion:reduce){.absence-no{transition:none}}