.email-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:32px;padding:32px;border:1px solid #cfdfda;border-radius:18px;background:linear-gradient(120deg,#e6f2ed,#f8fbfa);margin:24px 0 16px}.email-hero h2{font-size:30px;letter-spacing:-.6px}.email-hero p{max-width:560px;color:#4f6d63;margin:14px 0 22px;font-size:14px}.email-steps{list-style:none;padding:0;margin:0;display:grid;gap:16px;align-content:center}.email-steps li{display:flex;gap:14px;align-items:center}.email-steps b{background:#fff;border:1px solid #d4e6df;border-radius:12px;padding:9px 12px;color:var(--teal);font-size:16px}.email-steps span{font-weight:650}.email-steps small{display:block;font-size:12px;font-weight:400;color:#627970;margin-top:3px}.email-facts{display:flex;gap:12px;margin:16px 0 24px}.email-facts>span{flex:1;padding:15px 20px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:12px;color:#61776d}.email-facts strong{display:block;font-size:20px;color:var(--ink)}.email-roadmap{margin-bottom:24px}.email-roadmap>p{color:#5c7268;margin:10px 0}.email-scene-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.email-scene-filters button{background:white;border:1px solid #d5e3dd;color:#557266;padding:8px 14px;border-radius:20px;min-height:40px}.email-scene-filters .active{background:var(--teal);border-color:var(--teal);color:white}.email-faq{margin:24px 0}.email-faq details{border-bottom:1px solid var(--line);padding:17px 0}.email-faq summary{cursor:pointer;font-weight:600;line-height:1.8}.email-faq details p{color:#536e61;margin-top:10px;line-height:1.95}.email-faq a,.email-analysis a{color:var(--teal);text-decoration:underline}.email-faq>.fine-print{margin-top:18px}.email-requirements{font-size:16px;color:var(--ink);line-height:1.9;padding-left:22px;margin:15px 0}.email-requirements li{padding-left:4px;margin:6px 0}.email-instruction{font-size:13px;color:#446f5e!important;margin:14px 0 8px;font-weight:600}#timer-status{margin-bottom:24px;font-size:12px;color:#657d71}.email-tone{padding:12px 0;border-top:1px solid var(--line);margin-top:16px}.email-analysis{margin-top:28px}.email-analysis h3{margin:26px 0 12px;font-size:17px}.email-analysis p{color:#516d60;font-size:14px}.point-analysis{padding-left:23px;margin-top:18px}.point-analysis li{margin:20px 0;padding-left:7px}.point-analysis h4{font-size:14px}.point-analysis blockquote{margin:8px 0;border-left:3px solid #81b2a0;padding:10px 14px;background:#eef6f1;font-size:15px;color:#234e3f}.point-analysis p{line-height:1.9}.email-mistakes{display:grid;gap:14px}.email-mistakes>div{border:1px solid #dce6e0;border-radius:12px;padding:16px;background:#fff}.email-mistakes p{display:flex;gap:10px;margin:7px 0;align-items:baseline}.email-mistakes .mistake-reason{display:block;font-size:13px;color:#6d7e74;margin-top:12px}.example-label{font-size:10px;white-space:nowrap;color:#8b6647;background:#fbf0e6;padding:3px 7px;border-radius:4px}.example-label.improved{background:#e7f4ec;color:#367457}.phrase-example{border-radius:10px;background:#edf5f1;padding:15px;margin:10px 0}.email-self-review{border:1px solid #c7ded0;background:#f6fbf8;border-radius:12px;padding:20px;margin:28px 0}.email-self-review legend{font-size:16px;font-weight:650;padding:0 7px}.email-self-review>p{color:#5c7366;font-size:13px}.email-self-review label{display:flex;gap:11px;align-items:baseline;padding:9px 0;cursor:pointer;font-size:14px}.email-self-review input{accent-color:var(--teal);width:17px;height:17px;flex-shrink:0}.email-self-review #self-review-status{margin-top:15px;font-weight:600;color:var(--teal)}.lesson-feedback{padding:20px 0;border-top:1px solid var(--line)}.lesson-feedback .actions{margin:12px 0}.lesson-feedback p{font-size:12px;color:#60796a}.email-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.email-guide-grid a{display:grid;gap:5px;border:1px solid #dce7e0;border-radius:12px;padding:16px;background:#fff;text-decoration:none!important}.email-guide-grid a:hover{border-color:#7da997;background:#f6faf7}.email-guide-grid small{color:#6b8174;font-size:10px}.email-guide-grid strong{font-size:14px}.email-guide-grid span{font-size:11px;color:#59826d}.analytics-choice{position:fixed;bottom:18px;left:calc(225px + 24px);right:24px;z-index:40;padding:18px 22px;background:white;border:1px solid #cee0d6;border-radius:14px;box-shadow:0 8px 40px #10271d26;display:flex;align-items:center;gap:24px;max-width:1000px;margin:auto}.analytics-choice[hidden]{display:none}.analytics-choice>div:first-child{flex:1}.analytics-choice p{font-size:12px;color:#5b7366;margin-top:4px}.analytics-choice a{color:var(--teal);text-decoration:underline}.analytics-choice .actions{flex-shrink:0}.analytics-choice .btn{font-size:12px}.info-wrap #usage{scroll-margin-top:25px}.email-spotlight{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;margin:24px 0;background:#eaf4ef;border:1px solid #d6e6dc;border-radius:14px}.email-spotlight p{color:#5f7868;font-size:12px;margin-top:6px}
@media(max-width:1050px){.email-hero{grid-template-columns:1fr;padding:26px;gap:24px}.email-steps{grid-template-columns:1fr;gap:12px}.analytics-choice{left:100px;flex-wrap:wrap;gap:12px}}
@media(max-width:700px){.email-hero{padding:22px}.email-hero h2{font-size:26px}.email-hero p{font-size:13px}.email-hero .actions{flex-wrap:wrap;gap:15px}.email-facts{gap:8px}.email-facts>span{padding:13px 10px;font-size:10px}.email-facts strong{font-size:16px}.email-scene-filters button{font-size:12px;padding:7px 12px}.email-requirements{font-size:14px}.email-analysis p{font-size:13px}.email-analysis h3{font-size:16px}.email-self-review{padding:15px}.email-self-review label{font-size:13px}.email-guide-grid{grid-template-columns:1fr}.analytics-choice{left:12px;right:12px;bottom:76px;padding:16px;gap:10px}.analytics-choice .actions{width:100%;justify-content:flex-end}.analytics-choice p{font-size:11px}.email-spotlight{align-items:flex-start;flex-direction:column;padding:20px}.email-spotlight h2{font-size:17px}.email-mistakes p{flex-wrap:wrap;gap:5px}}