/* Read each explanation alongside the feature it belongs to. */
html.absence-reading{scroll-snap-type:none}
.absence-story{--row-font:22px;padding:90px 0 88px;border-top:1px solid var(--line);scroll-margin-top:100px}
.absence-story h2{font:500 clamp(36px,4.2vw,62px)/1.08 Plex,Arial,sans-serif;letter-spacing:-.045em;text-align:center;margin:0 0 64px}
.absence-layout{max-width:1050px;margin:auto}
.absence-story .absence-table{width:100%;max-width:none;margin:0}
.absence-feature-col{width:42%}.absence-answer-col{width:16%}.absence-caption-col{width:42%}
.absence-story .absence-table thead th{padding-inline:12px;font-size:10px}
.absence-story .absence-table thead th:last-child{width:auto}
.absence-story .absence-table thead img{width:52px}
.absence-story .absence-table tbody th{padding:18px 12px;font-size:22px}
.absence-story .absence-icon{width:58px;height:56px;margin-right:18px}
.absence-story .absence-table tbody th>span:last-child{max-width:calc(100% - 82px)}
.absence-story .absence-table tbody tr{height:104px}
.absence-story .absence-table td.absence-row-caption{padding:18px 20px;text-align:left;vertical-align:middle;font:400 18px/1.35 Plex,Arial,sans-serif;letter-spacing:-.02em;color:#62685e;text-wrap:pretty}
.absence-story .absence-table tr.is-active{background:#3546d608}
.absence-story .absence-table tr.is-active th{box-shadow:inset 2px 0 #3546d6}
.absence-story .absence-table tr.is-active .absence-row-caption{color:#232523}
@media(max-width:900px){.absence-story{--row-font:19px}.absence-feature-col{width:42%}.absence-caption-col{width:42%}.absence-story .absence-table tbody th{font-size:19px}.absence-story .absence-icon{width:46px;height:46px;margin-right:10px}.absence-story .absence-table tbody th>span:last-child{max-width:calc(100% - 62px)}.absence-story .absence-table td.absence-row-caption{font-size:16px;padding-inline:12px}}
@media(max-width:600px){.absence-story{--row-font:15px;padding:62px 0 50px}.absence-story h2{font-size:36px;margin-bottom:40px}.absence-feature-col{width:42%}.absence-answer-col{width:16%}.absence-caption-col{width:42%}.absence-story .absence-table thead th{padding:0 5px 20px;font-size:8px;letter-spacing:0}.absence-story .absence-table thead img{width:39px}.absence-story .absence-table tbody th{padding:16px 6px;font-size:15px;line-height:1.2}.absence-story .absence-icon{display:block;width:35px;height:35px;margin:0 0 7px}.absence-story .absence-table tbody th>span:last-child{display:block;max-width:100%}.absence-story .absence-table tbody tr{height:108px}.absence-story .absence-table td.absence-row-caption{font-size:14px;line-height:1.4;padding:16px 8px}.absence-story .absence-table td:nth-child(2){padding:16px 2px}.absence-story .absence-no{font-size:16px;gap:4px;padding:7px 2px}.absence-story .absence-no>span{font-size:23px}}
@media(max-width:360px){.absence-story{--row-font:14px}.absence-story .absence-table tbody th{font-size:14px}.absence-story .absence-table td.absence-row-caption{font-size:13px;padding-inline:5px}.absence-story .absence-no{font-size:14px;gap:3px}.absence-story .absence-no>span{font-size:20px}}

/* Approved 50% position and matching label / answer typography. */
.absence-story .absence-table tbody th,.absence-story .absence-no,.absence-story .absence-no>span{font:400 var(--row-font)/1.25 Plex,Arial,sans-serif;letter-spacing:-.02em}
.absence-story .absence-no{gap:8px}
@media(max-width:600px){.absence-story .absence-no{gap:3px;padding-inline:0}.absence-story .absence-table tbody tr{height:120px}}
