:root{font:16px/1.5 system-ui,-apple-system,sans-serif;color:#193e55;background:#f4f9fc}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;background:#fff;border-bottom:1px solid #dbe9f1}header>a{width:44px;height:44px;display:grid;place-items:center;text-decoration:none;font-size:25px;color:#087cc7}main{width:min(100%,620px);margin:auto;padding:18px 16px calc(70px + env(safe-area-inset-bottom,0px))}h1{font-size:24px;line-height:1.25;margin:12px 0}h2{font-size:20px;line-height:1.3;margin:0 0 12px}h3{font-size:16px}p{margin:10px 0}.mailHero{text-align:center;margin-bottom:24px}.mailHero>span{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:21px;background:#e1f2ff;color:#088bd8;font-size:32px}.mailHero p{color:#576e7c}.card{padding:18px;background:#fff;border:1px solid #d6e6f1;border-radius:20px;margin:14px 0}.card p,small{font-size:14px}.card,article{overflow-wrap:anywhere}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 15px;background:#087fce;color:#fff;border:0;border-radius:13px;font:600 15px/1.35 system-ui;text-decoration:none;cursor:pointer}.secondary{color:#0969a4;background:#e6f4ff}button:disabled{background:#e9eef3;color:#647686;cursor:default}input:not([type=checkbox]),select{display:block;width:100%;min-height:48px;border:1px solid #b9d5e7;border-radius:12px;padding:10px;font:16px system-ui;color:inherit;background:#fff;margin:8px 0 14px}.consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:14px}.consent input{width:20px;height:20px;flex:none}.providers{display:grid;gap:10px}.provider{display:grid;gap:5px}.provider small{color:#667988}details{border-top:1px solid #deebf3;margin-top:20px;padding-top:14px}summary{min-height:36px;cursor:pointer;font-weight:600}article{padding:14px 0;border-bottom:1px solid #e0ebf2}article:last-child{border-bottom:0}article .actions{display:flex;gap:8px;flex-wrap:wrap}#mailMessage:empty,#confirmMessage:empty{display:none}#mailMessage,#confirmMessage{padding:12px;background:#e4f3ff;border-radius:12px}a{color:#0877bd}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #51b7f9;outline-offset:3px}[hidden]{display:none!important}


/* Native shells can overlay the page even when CSS reports no inset. */
html.vobixInstalled header{padding-top:calc(8px + max(28px,env(safe-area-inset-top,0px)))}
header>a{flex:none}
header>b{min-width:0;overflow-wrap:anywhere}