/* "Question of the week" sign-up box, /subscribe/ and /question/ pages. Used on the home page, /free-guide/, /subscribe/, /question/. */
.sub-box{--sub-ink:#10263C;--sub-muted:#5D6B76;--sub-line:#DCD5C7;--sub-teal:#0E6E63;background:#fff;color:var(--sub-ink);border:1px solid var(--sub-line);border-radius:18px;padding:26px 28px;box-shadow:0 14px 40px -26px rgba(16,38,60,.45);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.5}
.sub-box h2{margin:0 0 6px;font-size:clamp(22px,2.6vw,28px);line-height:1.2;color:var(--sub-ink)}
.sub-box>p{margin:0 0 16px;color:var(--sub-muted);font-size:16px}
.sub-form{display:grid;gap:12px}
.sub-row{display:flex;gap:10px;flex-wrap:wrap}
.sub-row input[type=email]{flex:1 1 240px;min-width:0;font:inherit;font-size:16px;padding:12px 14px;border:1px solid #C9C2B4;border-radius:11px;background:#fff;color:var(--sub-ink)}
.sub-row input[type=email]:focus-visible{outline:3px solid #55DBC8;outline-offset:1px}
.sub-btn{display:inline-block;font:inherit;font-weight:650;font-size:16px;background:var(--sub-teal,#0E6E63);color:#fff;border:0;border-radius:11px;padding:12px 20px;cursor:pointer;text-decoration:none}
.sub-btn:hover{filter:brightness(1.08)}.sub-btn:disabled{opacity:.6;cursor:default}
.sub-topics{display:flex;gap:18px;flex-wrap:wrap;font-size:15px;color:var(--sub-ink)}
.sub-topics label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.sub-topics input{width:18px;height:18px;accent-color:#0E6E63}
.sub-fine{margin:0;font-size:13px;color:var(--sub-muted)}.sub-fine a{color:var(--sub-teal)}
.sub-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sub-msg{margin:0;font-size:15px;min-height:1px}.sub-msg.ok{color:var(--sub-teal)}.sub-msg.bad{color:#B3261E}
.sub-form.done .sub-row,.sub-form.done .sub-topics{display:none}
/* page layout for /subscribe/ and /question/ */
.sub-page{background:#F6F1E7;padding:48px 0 64px}
.sub-page .wrap{max-width:760px}
.sub-status{margin-bottom:26px}.sub-status h1{font-size:clamp(28px,4vw,40px);margin:0 0 8px;color:#10263C}.sub-status p{color:#5D6B76;font-size:17px;margin:0 0 10px}
.qotw{background:#fff;border:1px solid #DCD5C7;border-radius:18px;padding:28px;margin-bottom:28px}
.qotw h1{font-size:clamp(20px,2.6vw,26px);line-height:1.3;margin:0 0 18px;color:#10263C}
.q-kicker{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#087e68}.qotw.ct .q-kicker{color:#0A6CFF}
.q-opts{display:grid;gap:10px}
.q-opt{text-align:left;font:inherit;font-size:16px;line-height:1.4;background:#F7F9FB;border:1px solid #DCE3EA;border-radius:12px;padding:13px 15px;color:#10263C;cursor:pointer}
.q-opt:hover:not(:disabled){border-color:#0E6E63}.q-opt b{margin-right:6px}
.q-opt.right{background:#E3F6EE;border-color:#12866a}.q-opt.wrong{background:#FCE9E8;border-color:#C54855}.q-opt:disabled{cursor:default}
.q-ans{margin-top:18px;padding-top:16px;border-top:1px dashed #DCD5C7;color:#24384B}.q-verdict{font-weight:700;font-size:17px;color:#10263C}
.q-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
@media (max-width:600px){.sub-box{padding:22px 18px}.qotw{padding:22px 18px}.sub-page{padding:32px 0 48px}}