/* Shared styling for privacy.html, terms.html and reset.html — mirrors the app's theme
   (navy header bar, light body, system UI font, teal accent). */
*{box-sizing:border-box}
body{margin:0;background:#eef1f2;color:#17242e;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
     line-height:1.6;-webkit-font-smoothing:antialiased}

/* Header: [RxManager wordmark] | Page title */
.bar{background:#16232e;color:#fff;display:flex;align-items:center;gap:14px;
     padding:16px 20px 14px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));
     border-bottom:1px solid #33465a}
.wm{font-family:'IBM Plex Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17px;font-weight:300;
    letter-spacing:.6px;color:#cfe3ea;white-space:nowrap;text-decoration:none}
.wm .x{font-family:STIXGeneral,'Times New Roman',Georgia,serif;font-style:italic;font-weight:400;font-size:1.14em;
       margin:0 .09em 0 .07em}
.sep{width:1px;align-self:stretch;background:#33465a}
.bar h1{margin:0;font-family:'IBM Plex Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17px;font-weight:300;
        letter-spacing:.6px;color:#fff;line-height:1.3;white-space:nowrap}

/* Content: one card, collapsible sections (one open at a time) */
.page{max-width:680px;margin:0 auto;padding:20px 16px 64px}
.card{background:#fff;border:1px solid #c3cbd1;border-radius:12px;overflow:hidden}
.card-head{padding:16px 22px 14px;border-bottom:1px solid #c3cbd1}
.card-title{font-size:15px;font-weight:500;color:#17242e}
.card-sub{margin:2px 0 0;font-size:12px;color:#5c6b75}
.card-intro{padding:6px 22px 4px;border-bottom:1px solid #c3cbd1}
.card p,.card li{color:#2b3a45;margin:12px 0}
.card b{color:#17242e}
.card a{color:#0e7490;text-decoration:underline}
.card a:hover{color:#155e6e}
.card ul{padding-left:22px;margin:12px 0}
.sections{padding:0 22px}
.sec{border-top:1px solid #c3cbd1}
.sec:first-child{border-top:none}
.sec summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;cursor:pointer;
             list-style:none;color:#17242e;touch-action:manipulation}
.sec summary::-webkit-details-marker{display:none}
.sec summary:hover{color:#0e7490}
.sec summary:focus-visible{outline:3px solid #0e7490;outline-offset:2px;border-radius:4px}
.sec h2{margin:0;font-size:15px;font-weight:500;line-height:1.35}
.chev{flex-shrink:0;color:#5c6b75;transition:transform .2s}
.sec[open] .chev{transform:rotate(180deg)}
.sec-body{padding-bottom:6px}
.sec-body>:first-child{margin-top:0}

@media (max-width:480px){
  .card-head,.card-intro{padding-left:16px;padding-right:16px}
  .sections{padding:0 16px}
}

/* Reset-password form */
.page.narrow{max-width:480px}
.sub{color:#5c6b75;margin:20px 0 16px}
.box{background:#fff;border:1px solid #c3cbd1;border-radius:12px;padding:20px}
label.fld{display:block;font-size:13px;font-weight:500;color:#17242e;margin-bottom:8px}
input[type=password]{width:100%;background:#fff;border:2px solid #c3cbd1;border-radius:8px;color:#17242e;
     font:inherit;font-size:17px;padding:14px}
input[type=password]:focus{outline:3px solid #0e7490;outline-offset:-1px;border-color:#0e7490}
.gap{margin-top:16px}
button{margin-top:20px;width:100%;border:none;border-radius:7px;background:#0e7490;color:#fff;
     font:inherit;font-size:15px;font-weight:500;padding:16px;cursor:pointer;
     touch-action:manipulation}
button:disabled{background:#c3cbd1;color:#5c6b75;cursor:not-allowed}
.msg{margin-top:14px;font-size:13px;font-weight:500;min-height:18px}
.ok{color:#166534}.err{color:#b42318}
.alert,.msg.err{background:#fee4e2;border:1px solid #fda29b;color:#b42318;border-radius:8px;padding:12px 14px;
     font-size:14px;font-weight:500;line-height:1.5}
.alert{margin:0 0 16px}
.done{display:none;background:#fff;border:1px solid #166534;border-radius:12px;padding:24px;text-align:center}
.done h2{color:#166534;margin:0 0 8px;font-size:20px}
.done p{margin:0;color:#2b3a45}
.fine a{color:#0e7490}
.fine{margin-top:22px;font-size:13px;color:#5c6b75;line-height:1.7}

/* Confirm-email and text-reminder sign-up pages */
.box>button:first-child{margin-top:0}
.lead{margin:20px 0 0;font-size:20px;font-weight:700;line-height:1.3;color:#17242e}
.lead+.sub{margin-top:8px}
.box h2{font-size:15px;font-weight:500;margin:0 0 10px;color:#17242e}
.box ol{margin:0;padding-left:20px}
.box li{margin:6px 0;color:#2b3a45}
.box b,.fine b{color:#17242e}
.skip{text-align:center;margin-top:18px}
.skip a{color:#5c6b75;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.skip a:hover{color:#0e7490}

/* Opt-in demonstration page */
.page.wide{max-width:760px}
video{width:100%;border:1px solid #c3cbd1;border-radius:12px;background:#000;display:block}
.steps{margin-top:22px}
.box .note{margin:12px 0 0;font-size:13px;color:#5c6b75}
button .arr{margin-left:6px;font-size:1.05em}
.msg:empty{display:none}