/* Article-scoped components: keep TechSync's shared robot/editorial design. */
.reminder-article .reminder-eyebrow,.reminder-article .reminder-workflow>section>span{font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#49604c}
.reminder-article .reminder-answer{border:1px solid #c4d6b4;background:#f1f8e9;border-radius:18px;padding:24px 26px;box-shadow:4px 5px 0 #e0e9d8;margin:22px 0 28px}
.reminder-article .reminder-answer p{margin:10px 0 0!important}
.reminder-article .reminder-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:stretch;width:100%;max-width:none;gap:12px;margin:26px 0;padding:0}
.reminder-article .reminder-picker a:last-child{grid-column:1/-1}
.reminder-article .reminder-picker a{display:flex;align-items:center;gap:16px;min-width:0;padding:16px 18px;border:1px solid #d2d9e4;border-radius:13px;background:#f5f7fc;color:#182b3d!important;text-decoration:none!important;box-shadow:3px 3px 0 #e4eaf3;transition:transform .18s ease,background .18s ease}
.reminder-article .reminder-picker a:hover{background:#eaf3db;transform:translateY(-2px)}
.reminder-article .reminder-picker a>span{display:grid;place-items:center;flex:0 0 36px;height:36px;background:#1b3046;color:#cbff62;border-radius:6px;font:700 13px ui-monospace,monospace;box-shadow:2px 3px 0 #b9c4d5}
.reminder-article .reminder-picker b{display:block;font-size:17px;line-height:1.5}
.reminder-article .reminder-picker small{display:block;font-size:13px;line-height:1.6;color:#536277}
.reminder-article .reminder-picker i{font:22px ui-monospace,monospace;margin-left:auto;flex-shrink:0}
.reminder-article .reminder-small{font-size:15px!important;line-height:1.8!important}
.reminder-article .reminder-template{margin:50px 0 64px;min-width:0;scroll-margin-top:100px}
.reminder-article .reminder-template-head{display:flex;gap:16px;align-items:center;margin-bottom:18px}
.reminder-article .reminder-template-head h3{margin:0!important;scroll-margin-top:110px}
.reminder-article .reminder-number{flex:0 0 44px;height:44px;display:grid;place-items:center;background:#21354b;color:#d6ff81;border-radius:9px;box-shadow:4px 4px 0 #d6dfec;font:700 18px ui-monospace,monospace;transform:rotate(-4deg)}
.reminder-article .reminder-mail{margin:22px 0;border:1px solid #bac8d8;border-radius:16px;overflow:hidden;box-shadow:5px 6px 0 #e3e9f2;min-width:0;background:#fbfcfe}
.reminder-article .reminder-mail-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 20px;background:#17283b;color:#dfe8f5;font:11px/1.6 ui-monospace,monospace;letter-spacing:.06em}
.reminder-article .reminder-mail-bar button{font-family:inherit;font-weight:700;font-size:13px;line-height:1.5;letter-spacing:0;color:#142434;background:#d0ff7c;min-height:40px;padding:8px 12px;border:1px solid #e0ffad;border-radius:7px;cursor:pointer;box-shadow:2px 2px 0 #61763f}
.reminder-article .reminder-mail-bar button:hover{background:#e0ffa7}
.reminder-article .reminder-mail-bar button:disabled{cursor:wait;opacity:.75}
.reminder-article [hidden]{display:none!important}
.reminder-article .reminder-mail pre{display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;max-width:100%;margin:0!important;padding:28px!important;border:0!important;border-radius:0!important;background:#fbfcfe!important;color:#26364a!important;font-family:inherit!important;font-size:17px!important;line-height:1.95!important;box-shadow:none!important}
.reminder-article .reminder-copy-status{margin:0!important;padding:0 24px!important;font-size:13px!important;line-height:1.7!important;color:#345343}
.reminder-article .reminder-copy-status:not(:empty){padding:0 24px 20px!important}
.reminder-article .reminder-tip{font-size:15px!important;line-height:1.85!important;margin-top:20px!important;color:#405169}
.reminder-article .reminder-check{padding:26px;border:1px solid #d3dce8;border-radius:16px;background:linear-gradient(135deg,#f3f6fc,#fafbfe);margin:30px 0}
.reminder-article .reminder-check h3{margin:0 0 16px!important}
.reminder-article .reminder-check ul{margin:0!important}
.reminder-article .reminder-workflow{display:grid;gap:16px;margin:28px 0}
.reminder-article .reminder-workflow>section{border:1px solid #ccd7e4;border-radius:15px;padding:24px;background:#f5f7fc;box-shadow:4px 4px 0 #e4eaf2}
.reminder-article .reminder-workflow h3{margin:10px 0!important}
.reminder-article .reminder-workflow p{margin:0!important}
.reminder-article .reminder-faq{margin-top:60px}
.reminder-article .reminder-updated{font-size:12px;color:#35523d;background:#eff6eb;border:1px solid #bfd0b9;border-radius:5px;padding:5px 9px;display:inline-block}
.reminder-article :is(button,a,pre):focus-visible{outline:3px solid #598526;outline-offset:4px}
@media(max-width:600px){
 .reminder-article .reminder-picker{grid-template-columns:minmax(0,1fr)}
 .reminder-article .reminder-answer,.reminder-article .reminder-check{padding:20px}
 .reminder-article .reminder-template-head{gap:12px;align-items:flex-start}
 .reminder-article .reminder-template-head h3{font-size:20px!important}
 .reminder-article .reminder-number{flex-basis:36px;height:36px;font-size:15px}
 .reminder-article .reminder-mail-bar{padding:14px;gap:10px}
 .reminder-article .reminder-mail pre{padding:20px 16px!important;font-size:17px!important;line-height:1.95!important}
 .reminder-article .reminder-picker a{padding:14px 12px;gap:12px}
 .reminder-article .reminder-picker b{font-size:16px}
 .reminder-article .reminder-workflow>section{padding:20px}
}
@media(prefers-reduced-motion:reduce){.reminder-article .reminder-picker a{transition:none;transform:none}}

/* Lightweight reply-lab: no canvas, timers, or added JavaScript. */
.reminder-article .reminder-ai{margin:28px 0;border:2px solid #243b51;border-radius:18px;overflow:hidden;background:#f5f9f5;box-shadow:5px 6px 0 #d4e5d3}
.reminder-article .reminder-ai-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;background:#20354a;color:#d6ff91;font:700 11px/1.6 ui-monospace,monospace;letter-spacing:.04em}
.reminder-article .reminder-ai-scene{padding:26px;display:grid;gap:12px}
.reminder-article .reminder-ai-scene section{min-width:0;border:1px solid #c3cddd;border-radius:14px;padding:20px;background:#fff}
.reminder-article .reminder-ai-scene p{margin:12px 0 0!important;font-size:17px!important;line-height:1.9!important}
.reminder-article .reminder-ai-label{font:700 12px/1.6 ui-monospace,monospace;color:#42536a}
.reminder-article .reminder-ai-arrow{justify-self:center;font:700 25px/1 ui-monospace,monospace;color:#476653}
.reminder-article .reminder-ai-scene .reminder-ai-draft{background:#edfadf;border:1px solid #accb8f;box-shadow:3px 3px 0 #d1e2bc}
.reminder-article .reminder-ai-check{display:inline-block;margin-top:16px;padding:7px 11px;border:1px solid #aac58e;border-radius:7px;background:#fff;color:#35523d;font-size:12px;font-weight:700}
.reminder-article .reminder-ai-note{margin:0!important;padding:0 26px 24px;font-size:13px!important;line-height:1.8!important;color:#4c5c6b}
@media(max-width:600px){.reminder-article .reminder-ai-scene{padding:18px 14px}.reminder-article .reminder-ai-scene section{padding:17px}.reminder-article .reminder-ai-note{padding:0 18px 20px}.reminder-article .reminder-ai-bar{padding:13px 16px}}