:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#193a32;background:#f6f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1000px;margin:auto;padding:28px 28px;display:flex;align-items:center;justify-content:space-between}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750}.mark{background:#174d40;color:#fff;border-radius:12px;padding:5px 12px;font-size:27px}.tag{font-size:10px;letter-spacing:2px;margin-left:12px;color:#697d73}main{max-width:850px;margin:35px auto 0;padding:0 24px;min-height:65vh}h1{font-size:clamp(32px,5vw,46px);letter-spacing:-1.5px;line-height:1.12;margin:16px 0}h2{font-size:21px;margin:0 0 20px}p{color:#65766d;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#61796c}.intro{margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}button{font:inherit;cursor:pointer;border:1px solid #dbe2d9;border-radius:16px;padding:18px;background:#fff;color:inherit;min-height:58px;font-weight:650;transition:background .15s,transform .15s}button:hover{background:#eaf1e6;border-color:#91ac98}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible{outline:3px solid #80a965;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.event{text-align:left;padding:24px 20px;min-height:225px;display:flex;flex-direction:column;gap:10px;box-shadow:0 5px 16px #183a3205}.event .day{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#687b6f}.event .date{font-size:28px;letter-spacing:-1px}.event .time{font-size:15px;font-weight:500}.event .status{font-size:12px;font-weight:550;color:#63766a;line-height:1.8;border-top:1px solid #e7ece3;margin-top:auto;padding-top:13px}.dot{color:#aa7c37}.done{color:#27714a}.panel{background:#fff;border:1px solid #e0e6dc;border-radius:22px;padding:28px;margin:24px 0}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choices button{font-size:18px}.numbers{display:flex;flex-wrap:wrap;gap:12px}.numbers button{width:76px;height:76px;font-size:26px}.quiet{border:0;background:transparent;min-height:44px;padding:10px;color:#647b6e;font-size:14px}.back{padding-left:0}.crumb{font-size:13px;color:#718376;margin:16px 0}.summary{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.pill{background:#edf2e7;border-radius:30px;padding:8px 13px;font-size:13px}.rides{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ride{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf0e9;font-size:14px}.ride span{color:#748274}.small{font-size:13px}.danger{color:#994d3c}.primary{background:#174d40;color:white;border-color:#174d40;width:100%}.primary:hover{background:#25604e}.login{max-width:390px;margin:60px auto}.login input{display:block;width:100%;font:inherit;padding:16px;border:1px solid #ccd8cc;border-radius:12px;margin:10px 0 16px}.login label{font-size:14px}footer{text-align:center;color:#839083;font-size:12px;padding:45px 20px}#notice:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#193e32;color:#fff;padding:16px 24px;border-radius:14px;box-shadow:0 8px 30px #0002;max-width:90%;width:max-content;z-index:10}.success{background:#e7efdd;padding:20px;border-radius:16px;margin-bottom:25px}.empty{padding:30px;text-align:center} @media(max-width:600px){header{padding:20px}.tag{display:none}main{margin-top:20px;padding:0 20px}.cards{grid-template-columns:1fr}.event{min-height:auto;display:grid;grid-template-columns:1fr auto;gap:7px 16px;padding:19px 21px}.event .day{grid-column:1/-1}.event .date{font-size:26px}.event .status{grid-column:1/-1;margin-top:5px}.choices{grid-template-columns:repeat(2,1fr)}.directions{grid-template-columns:1fr}.panel{padding:22px}.rides{grid-template-columns:1fr;gap:20px}.numbers{gap:9px}.numbers button{width:calc((100% - 36px)/5);height:64px;min-width:43px;padding:8px}.intro{margin-bottom:23px}h1{font-size:35px}}

/* Kompakt gränssnitt */
main{max-width:760px;margin:24px auto 0;min-height:0}h1{font-size:28px;letter-spacing:-.6px;margin:12px 0 18px}.intro{margin-bottom:16px}.intro p{margin:0 0 16px}.panel{padding:20px;margin:18px 0}.topline{display:flex;align-items:center;gap:12px;white-space:nowrap}.topline .back{flex-shrink:0}.when{font-size:13px;color:#65766d}.child-name{font-size:14px;color:#65766d;margin:4px 0}.location{margin:16px 0 0;font-size:12px}.login{max-width:340px;margin:40px auto}.login #login-error:empty{display:none}.event{min-height:190px;padding:20px}.success{padding:14px;margin-bottom:16px}@media(max-width:600px){main{margin-top:16px;padding:0 16px}.event{min-height:auto;padding:16px 18px}.panel{padding:18px}.topline{gap:8px}.when{font-size:12px}.back{font-size:13px;padding-right:4px}h1{font-size:27px}.rides{gap:14px}}