/* business-email.css - page styles for /business-email-in-gmail.php
   Prefixed .be- to avoid collisions with style.css. */

.be-sec{padding:44px 0 0;}
.be-sec:last-of-type{padding-bottom:8px;}
.be-sec h2{font-size:1.7rem;line-height:1.18;margin:0 0 6px;}
.be-sec h3{font-size:1.05rem;margin:0 0 6px;}
.be-sec p{max-width:65ch;}
.be-note{color:#4E5D6C;margin:0 0 20px;}
.be-rule{border:0;border-top:1px solid #DDE4EA;margin:44px 0 0;}
.be-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;background:#F5F8FA;border:1px solid #EBF0F4;padding:1px 5px;border-radius:3px;}
.be-ui{font-weight:600;border-bottom:1px solid #DDE4EA;}

.be-outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1px;background:#DDE4EA;border:1px solid #DDE4EA;margin:24px 0 0;}
.be-outcome{background:#fff;padding:20px 22px;}
.be-outcome span{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1F78E8;margin-bottom:8px;}
.be-outcome p{font-size:.96rem;color:#4E5D6C;margin:0;max-width:none;}

.be-settings{background:#F5F8FA;border:1px solid #DDE4EA;border-left:3px solid #1F78E8;padding:22px 24px;margin:24px 0 0;}
.be-scroll{overflow-x:auto;}
.be-settings table{border-collapse:collapse;width:100%;font-size:.95rem;}
.be-settings th,.be-settings td{text-align:left;padding:9px 14px 9px 0;border-bottom:1px solid #DDE4EA;vertical-align:top;}
.be-settings tr:last-child th,.be-settings tr:last-child td{border-bottom:none;}
.be-settings th{font-weight:500;color:#4E5D6C;white-space:nowrap;width:44%;}
.be-settings td{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.be-settings .be-tip{margin:16px 0 0;font-size:.95rem;color:#4E5D6C;}

.be-steps{list-style:none;counter-reset:bestep;margin:22px 0 0;padding:0;border-left:2px solid #DDE4EA;}
.be-steps>li{counter-increment:bestep;position:relative;padding:0 0 24px 30px;}
.be-steps>li:last-child{padding-bottom:2px;}
.be-steps>li::before{content:counter(bestep);position:absolute;left:0;top:1px;transform:translateX(-50%);background:#fff;color:#1F78E8;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;font-weight:500;width:24px;text-align:center;padding:2px 0;}
.be-steps li p{margin-bottom:9px;}
.be-steps li p:last-child{margin-bottom:0;}

.be-explain{background:#0E2A47;color:#DCE8F3;padding:36px 0;margin-top:46px;}
.be-explain h2{color:#fff;}
.be-explain p{color:#C3D5E5;}
.be-explain strong{color:#fff;}
.be-explain .be-code{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);color:#EAF3FA;}

.be-fixes{display:flex;flex-direction:column;gap:20px;margin-top:22px;}
.be-fix{border-top:1px solid #EBF0F4;padding-top:15px;}
.be-fix h3{color:#0E2A47;}
.be-fix p{font-size:.97rem;color:#4E5D6C;}

.be-cta{border:1px solid #DDE4EA;background:#F5F8FA;padding:26px;margin-top:44px;}
.be-cta h2{font-size:1.38rem;margin-bottom:8px;}
.be-cta .be-btn{display:inline-block;margin-top:6px;background:#1F78E8;color:#fff;text-decoration:none;font-weight:600;font-size:.97rem;padding:11px 20px;border-radius:3px;}
.be-cta .be-btn:hover{background:#1A66C9;}

@media (max-width:600px){
  .be-settings th{width:auto;display:block;padding-bottom:2px;border-bottom:none;}
  .be-settings td{display:block;padding-top:0;padding-bottom:12px;}
  .be-settings tr{display:block;border-bottom:1px solid #DDE4EA;padding:8px 0;}
  .be-settings tr:last-child{border-bottom:none;}
}


/* --- added 2 Sep 2026: Annie block, sub-headings --- */
.be-annie-sec{padding-top:34px;}
.be-annie{display:flex;gap:22px;align-items:flex-start;background:#F5F8FA;border:1px solid #DDE4EA;border-left:3px solid #1F78E8;padding:22px 24px;}
.be-annie-photo{width:96px;height:96px;flex:0 0 96px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #DDE4EA;}
.be-annie-say{min-width:0;}
.be-annie-kicker{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1F78E8;margin:0 0 8px;}
.be-annie-say p{margin:0 0 10px;max-width:62ch;}
.be-annie-sig{font-size:.9rem;color:#4E5D6C;margin:0;}
.be-sec h3.be-sub{margin:30px 0 8px;}
@media (max-width:600px){
  .be-annie{flex-direction:column;gap:14px;padding:20px;}
  .be-annie-photo{width:72px;height:72px;flex-basis:72px;}
}