.hebk-form{max-width:480px;margin:1.5rem auto;padding:24px;border:1px solid #d6dfda;border-radius:12px;background:#fff;color:#182b22;font:16px/1.5 system-ui,sans-serif}.hebk-form label{display:block;margin:16px 0}.hebk-form input[type=search],.hebk-form input[type=datetime-local]{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #687b70;border-radius:6px;font:inherit}.hebk-form button{font:inherit;cursor:pointer;border-radius:6px;padding:12px 16px}.hebk-form button[type=submit]{width:100%;background:#175d3b;color:#fff;border:0}.hebk-results button{display:block;width:100%;text-align:left;background:#edf5f0;border:1px solid #d6dfda;margin:4px 0}.hebk-change{background:transparent;border:1px solid #687b70}.hebk-form button:disabled{opacity:.6;cursor:wait}.hebk-form [hidden]{display:none!important}.hebk-form :focus-visible{outline:3px solid #bb7600;outline-offset:3px}.hebk-status{font-weight:600}

.hebk-warning{margin:12px 0;padding:14px;border-left:4px solid #9b5700;background:#fff4df;color:#482b00}.hebk-form input[aria-invalid=true]{border:2px solid #9b5700}

.hebk-form .hebk-change{display:block;margin-bottom:24px}

/* Oxygen page heading: only the attendance page. */
body.page-id-9300 #headline-50-8034{width:100%;text-align:center;align-self:center;color:#0b7240}

/* Club colours: green heading with a restrained yellow accent. */
.hebk-form h2{color:#0b7240}
.hebk-form h2::after{content:"";display:block;width:56px;height:4px;margin-top:12px;background:#ffc600;border-radius:2px}

@font-face{font-family:"HeBK Calligraphy";src:url("fonts/calligraphyflf.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
.hebk-form{color:#0b7240}
.hebk-form p,.hebk-form label{color:inherit}
.hebk-form input[type=search],.hebk-form input[type=datetime-local],.hebk-form button{color:#0b7240}
.hebk-form input::placeholder{color:#47765e;opacity:1}
.hebk-form input[type=checkbox]{accent-color:#0b7240}
.hebk-form button[type=submit]{background:#0b7240;color:#ffc600}
body.page-id-9300 #headline-50-8034,.hebk-form h2{font-family:"HeBK Calligraphy",cursive;font-weight:400;font-style:normal;font-synthesis:none;line-height:1.35}
body.page-id-9300 #headline-50-8034{font-size:clamp(32px,4vw,48px)}
.hebk-form h2{font-size:clamp(28px,4vw,40px)}

.hebk-form .hebk-passes{margin:20px 0;padding:14px;border:1px solid #a8c4b5;border-radius:6px;min-width:0}.hebk-passes legend{font-weight:600;padding:0 6px}.hebk-passes label{display:flex;align-items:flex-start;gap:8px}.hebk-passes input{margin-top:6px;flex-shrink:0}.hebk-pass-warning:empty{display:none}.hebk-form .hebk-pass-warning{background:#fff4df;color:#482b00;padding:12px;border-left:4px solid #ffc600}

.hebk-form .hebk-leader-box{margin:20px 0;padding:14px;border:1px solid #a8c4b5;border-radius:6px;min-width:0}.hebk-leader-box legend{font-weight:600}.hebk-leader-options label{display:flex;gap:8px}.hebk-passes label{flex-wrap:wrap}.hebk-passes small{display:block;width:100%;padding-left:25px;font-size:.85em}