:root{color-scheme:light;--dark:#0c3043;--teal:#087b76;--ink:#1d3c4b;--pale:#e6f1f3;--line:#d4e1e5;--muted:#5e7280}*{box-sizing:border-box}body{margin:0;background:#f5fafb;color:var(--ink);font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:#076b7a}header{background:#082d40;color:#fff}header .inner{max-width:1060px;padding:20px 26px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.logo{font-size:24px;color:white;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{font-size:14px;color:#b9e6ed;text-decoration:none}main{max-width:1060px;margin:0 auto;padding:30px 24px 65px}.hero{padding:20px 0 25px}.label{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--teal);font-weight:700}h1{font-size:clamp(32px,5vw,48px);line-height:1.12;color:var(--dark);margin:12px 0}.hero p{max-width:720px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;margin-top:20px;box-shadow:0 12px 30px #153e5710}.panel h2{margin:0 0 10px;color:var(--dark)}.notice{padding:16px;border-radius:10px;background:#edf4f7;border:1px solid var(--line)}.notice[data-error=true]{background:#fff0ee;border-color:#e8afad}.hide{display:none!important}form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}input{background:white;border:1px solid #b8cbd3;border-radius:8px;padding:12px 14px;color:var(--ink);font:inherit;min-width:210px}input:focus{outline:2px solid #1b8d8a;outline-offset:2px}button{background:var(--teal);border:1px solid var(--teal);border-radius:8px;padding:12px 17px;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button.secondary{color:var(--dark);background:#eef7f8;border:1px solid #bdd8de}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.fine{font-size:13px;color:var(--muted)}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.plans>div{border:1px solid var(--line);padding:19px;border-radius:12px}.plans strong{font-size:24px;color:var(--dark)}.plans p{min-height:72px}.filters{margin:16px 0}.filters input{min-width:160px;width:100%}.filters label{flex:1;min-width:150px}.lead{border:1px solid var(--line);padding:15px;margin:12px 0;border-radius:10px}.lead h3{margin:0;font-size:17px}.lead small{color:var(--muted)}.saved-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.saved-item button{padding:7px 10px}.saved-item>div{display:flex;gap:8px;flex-wrap:wrap}footer{padding:26px 20px;background:#082d40;text-align:center;color:#c9dde2;font-size:13px}footer a{color:#b9edf3}@media(max-width:650px){main{padding:18px 16px 48px}.panel{padding:18px}.plans{grid-template-columns:1fr}.plans p{min-height:0}form>label,form>button{width:100%}input{width:100%;min-width:0}header .inner{padding:18px 16px}}

.subscription-term{color:#225a63;font-weight:650;margin:0 0 14px;line-height:1.5;}

/* v9.8.4 — separate account buttons on mobile; comfortable touch targets. */
.account-info{min-width:0;overflow-wrap:anywhere}
.account-info h2{margin:0 0 10px}
.account-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-top:24px}
.account-actions button{min-height:48px;white-space:normal;text-align:center;line-height:1.35}
.account-actions #billing{grid-column:1/-1;width:100%}
.account-actions #email-summary{grid-column:1;justify-self:stretch}
.account-actions #logout{grid-column:2;justify-self:end;min-width:128px}
@media(max-width:650px){.account-actions{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}.account-actions #billing,.account-actions #email-summary,.account-actions #logout{grid-column:1;width:100%;justify-self:stretch;margin:0}.account-info p{overflow-wrap:anywhere}}
