.attendance-preview{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--soft);min-width:0}.attendance-preview h3{font-size:1.5rem;margin:12px 0 24px}.attendance-preview>div{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:12px 0}.attendance-preview strong,.attendance-preview span,.attendance-preview small{display:block}.attendance-preview span{color:var(--muted);font-size:.9rem}.attendance-preview small{color:var(--teal);font-weight:700;margin-top:8px}.attendance-preview>p:last-child{color:var(--muted);font-size:.8rem}.section .eyebrow{color:var(--teal)}.hero-grid>*,.split>*{min-width:0}a:focus-visible,summary:focus-visible{outline:3px solid var(--teal2);outline-offset:4px}.notice{overflow-wrap:anywhere}@media(max-width:600px){.attendance-preview{padding:20px}.header-row{gap:10px}.brand{gap:7px}.brand img{width:34px;height:34px}.header-cta{font-size:.72rem}.hero-actions .btn{width:100%}}
.channel-screen{margin:30px 0 0}.channel-screen-crop{position:relative;overflow:hidden;aspect-ratio:2.9;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.channel-screen-crop img{position:absolute;display:block;width:115%;max-width:none;left:-10%;top:-11%}.channel-screen figcaption{margin-top:14px;font-size:.85rem;color:var(--muted)}