.email-example{border:1px solid #c9d7e5;border-radius:18px;padding:clamp(1.25rem,3vw,2rem);background:#f7faff;margin-block:2rem}
.email-example .example-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#1647d8;margin-block:0 1rem}
.email-example dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem 1rem;border-bottom:1px solid #d4dfeb;padding-bottom:1.25rem;margin:0 0 1.5rem}
.email-example dt{font-size:.85rem;font-weight:750;color:#3b5368}.email-example dd{margin:0;font-size:.95rem}
.email-example .example-action{display:inline-block;border-radius:8px;background:#1647d8;color:#fff;padding:.7rem 1rem;font-size:.92rem;font-weight:750}
.email-example .example-note,.post-content .source-note{font-size:.87rem;line-height:1.6;color:#526173}
.email-example .example-note{border-top:1px solid #d4dfeb;padding-top:1rem;margin-bottom:0}
.email-table{overflow-x:auto;margin-block:2rem;border:1px solid #d1dce7;border-radius:12px}
.email-table table{width:100%;min-width:31rem;border-collapse:collapse;font-size:.93rem;line-height:1.6}
.email-table caption{text-align:left;padding:1rem 1.1rem;font-weight:750;color:#092c4b;background:#edf4ff}
.email-table th,.email-table td{text-align:left;vertical-align:top;padding:.9rem 1.1rem;border-top:1px solid #d5e0eb}
.email-table thead th{background:#f5f8fc}.email-table tbody th{font-weight:650;min-width:8rem}
.email-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1.25rem}
.email-metrics>div{border:1px solid #cedce9;background:#fff;border-radius:12px;padding:1.1rem .95rem}
.email-metrics strong{display:block;font-size:2.4rem;line-height:1.1;letter-spacing:-.04em;color:#092c4b}.email-metrics span{display:block;font-size:.84rem;line-height:1.5;margin-top:.7rem;color:#425a6e}
.email-results figcaption{font-size:.93rem;line-height:1.5}.post-content [id]{scroll-margin-top:1.5rem}
.email-aside{max-height:calc(100svh - 2rem);overflow:auto}.email-aside .small-note{font-size:.8rem;line-height:1.5}
@media(max-width:1000px){.email-aside{max-height:none;overflow:visible}}
@media(max-width:700px){.email-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.post-hero h1{font-size:clamp(2.4rem,10vw,4rem);overflow-wrap:break-word}.email-example dl{grid-template-columns:1fr;gap:.2rem}.email-example dd+dt{margin-top:.75rem}.post-content{overflow-wrap:break-word}}
@media print{.email-example,.email-results{break-inside:avoid}.email-table{overflow:visible}.email-table table{min-width:0}.email-example .example-action{color:#111;background:#eee}}