/* Page-specific rules for /embed-images-in-email. Base tokens: style.css; shared blocks: decode.css. */
.title h1{font-size:44px;letter-spacing:-1.6px}
.answer{background:#f4f9f2;border:1px solid #d8e7d5;border-radius:14px;padding:20px 22px;margin-bottom:20px}
.answer p.lead{margin:0 0 14px;font-size:14.5px;line-height:1.65;color:#37544a}
.answer p.lead strong{color:#25422f}
.answer .aside{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:#5c7568}
.answer code{font:12px Consolas,monospace;background:#e6efe3;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.answer .tablewrap{overflow-x:auto;margin:16px 0 0;-webkit-overflow-scrolling:touch}
.answer table{border-collapse:collapse;width:100%;min-width:620px;font-size:12.5px}
.answer th,.answer td{border:1px solid #dbe7d8;padding:9px 11px;text-align:left;vertical-align:top;line-height:1.5;background:#fff}
.answer th{background:#eaf2e7;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:#4b6458}
.answer td:first-child{font-weight:600;color:#25422f;width:24%}
.res-ok,.res-none{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:4px 8px;border-radius:20px;margin-bottom:6px}
.res-ok{background:#dff0d8;color:#2f5b3c}
.res-none{background:#e7ede4;color:#556f5e}
.raw{background:#0f2318;color:#d6e8dc;border-radius:10px;padding:14px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px;font:12px/1.75 Consolas,monospace;white-space:pre}
.prose h2{font-size:22px;letter-spacing:-.4px;margin:34px 0 12px;text-transform:none}
.prose h3{font-size:15px;margin:22px 0 8px}
.prose code{overflow-wrap:anywhere}
@media(max-width:720px){
  .title h1{font-size:33px;letter-spacing:-1px}
  .answer{padding:16px 16px}
  .raw{font-size:11px;padding:12px 13px}
  .prose h2{font-size:19px}
}
