:root{font:16px 'Segoe UI',Arial,sans-serif;color:#24251f;background:#f6f6f0;--yellow:#e5db06;--line:#e2e2d9;--muted:#696b61}*{box-sizing:border-box}body{margin:0}header{background:white;border-top:5px solid var(--yellow);border-bottom:1px solid var(--line);padding:8px max(24px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:106px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.brand img{height:84px;width:84px;object-fit:contain}.brand span{font-size:11px;letter-spacing:2px;font-weight:800;max-width:100px;line-height:1.6}#identity{color:var(--muted);font-size:14px;font-weight:600}main{max-width:1100px;margin:30px auto;padding:0 24px 48px}section,article{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:20px;box-shadow:0 5px 20px #292b2004}article{box-shadow:none;border-radius:12px;padding:20px}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 16px;font-weight:800}h2{font-size:22px;letter-spacing:-.5px}p{line-height:1.65}label{display:block;margin:16px 0;font-size:14px;font-weight:600;color:#505248}input,select,textarea,button{font:inherit;padding:12px 14px;border:1px solid #d8d9ce;border-radius:9px;box-sizing:border-box}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:7px;background:white;color:#24251f;min-height:46px}input[type=checkbox]{accent-color:#6b6700}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #8a8400;outline-offset:3px}button,a.button{background:var(--yellow);color:#20211d;border:1px solid #d8cf05;cursor:pointer;padding:12px 18px;display:inline-block;border-radius:9px;text-decoration:none;margin:4px;font-weight:700;font-size:14px}button:hover,a.button:hover{background:#d8ce00}button:disabled{opacity:.5;cursor:not-allowed}nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:8px;background:white;border:1px solid var(--line);border-radius:14px}nav button,nav a.button{background:transparent;border:0;color:#606258;margin:0;font-size:13px;padding:12px}nav button:hover,nav a.button:hover{background:#f5f5ec}nav button.active{background:#f4f0ae;color:#292a22}nav a.button{background:var(--yellow);color:#20211d}nav #logout{margin-left:auto;color:#6c3830}small,.note{color:var(--muted);font-size:13px}.eyebrow{color:#777747;font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:18px}#notice{color:#863f2c;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px;font-size:14px}th{background:#f6f6ef;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}a{color:#655f00;text-underline-offset:3px}details{padding:14px 0;border-bottom:1px solid var(--line)}summary{font-weight:650;cursor:pointer}.login-card{max-width:480px;margin:64px auto 0;padding:38px;border-top:5px solid var(--yellow);box-shadow:0 15px 50px #27291d08}.login-card h1{font-size:34px}.login-intro{color:var(--muted);margin-bottom:26px}.login-card button{width:100%;margin:12px 0 0;min-height:48px}.login-card .note{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;line-height:1.6}@media(max-width:650px){.grid{display:block}header{padding:6px 20px;min-height:90px}.brand img{height:72px;width:72px}.brand span{font-size:10px}#identity{font-size:12px;max-width:110px}main{padding:0 16px 36px;margin-top:22px}section{padding:22px}table{display:block;overflow:auto}.login-card{margin-top:28px;padding:28px 24px}.login-card h1{font-size:29px}nav{gap:3px}nav button,nav a.button{padding:10px}h1{font-size:28px}}
/* Phone and tablet usability. */
button,a.button,summary{min-height:44px}input,select,textarea{font-size:16px;max-width:100%}section,article,.grid>*{min-width:0}p,h1,h2,label,summary,#identity,a{overflow-wrap:anywhere}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}summary{padding:10px 0}nav button,nav a.button{min-height:44px}#invite-result{overflow-wrap:anywhere}.login-card input{font-size:16px}
@media(max-width:650px){nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}nav #logout{margin-left:0}nav a.button{text-align:center}section,article{padding:20px 16px}section>button,article>button,form>button{max-width:100%;white-space:normal}form>button{width:100%;margin-left:0;margin-right:0}.brand span{max-width:95px}.login-card{padding:28px 22px}.grid{display:grid;grid-template-columns:minmax(0,1fr)}td,th{min-width:100px}}