.attendance-form-page{color:#123344;background:#fff;border:1px solid #d7e6eb;border-radius:1rem;max-width:680px;margin:2rem auto;padding:1.5rem;font-size:1rem;line-height:1.6}.attendance-form-page>a>img{width:190px;max-width:65%;height:auto}.attendance-brand{color:#087f80;letter-spacing:.08em;font-weight:700}.attendance-form-page h1{font-size:2rem;line-height:1.2}.attendance-form-page nav{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.attendance-form-page a{color:#08777d}.attendance-checkpoint{border:1px solid #d7e6eb;border-radius:.8rem;margin:1rem 0;padding:1rem}.attendance-checkpoints h3{margin-top:1rem}.attendance-checkpoints p{overflow-wrap:anywhere}.attendance-checkpoints label{gap:.4rem;margin:.8rem 0;display:grid}.attendance-checkpoints input:not([type=checkbox]){box-sizing:border-box;border:1px solid #b9ced4;border-radius:.4rem;width:100%;min-width:0;padding:.6rem;font-size:1rem}.attendance-checkpoints .attendance-present{align-items:flex-start;gap:.65rem;display:flex}.attendance-present input{flex-shrink:0;margin-top:.4rem}.attendance-checkpoints button{cursor:pointer;color:#fff;white-space:normal;background:#087f80;border:1px solid #087f80;border-radius:.6rem;margin:.4rem 0;padding:.7rem 1rem;font-size:1rem}.attendance-checkpoints button:disabled{opacity:.55;cursor:not-allowed}.attendance-checkpoints small{font-size:.875rem;display:block}.attendance-checkpoints{min-width:0}.attendance-checkpoints h4{font-size:1rem}.attendance-checkpoints button:focus-visible,.attendance-checkpoints a:focus-visible{outline-offset:3px;outline:3px solid #f2b544}@media (width<=600px){.attendance-form-page{margin:.5rem;padding:1rem}}