/* Image-free Flow backgrounds; these work on sections and matching picker previews. */
:is(.email-section,.design-background-preview).glacier{background-color:#EDF7FB;background-image:linear-gradient(141deg,transparent 28%,#FFFFFFB8 28.2%,#FFFFFFB8 35%,transparent 35.2%),linear-gradient(40deg,transparent 43%,#B4DFEB44 43.2%,#B4DFEB44 68%,transparent 68.2%),linear-gradient(160deg,#FAFDFE 12%,#DFEFF6 100%);color:#0A4058}
:is(.email-section,.design-background-preview).silk{background-color:#EFFAFA;background-image:linear-gradient(125deg,transparent 31%,#FFFFFFB0 31.3%,#FFFFFFB0 45%,transparent 45.3%),radial-gradient(ellipse at 100% 100%,#33C5CC2A,transparent 70%),linear-gradient(140deg,#FAFEFF,#E6F4F8);color:#0A4058}
:is(.email-section,.design-background-preview).blueprint{background-color:#F1F9FC;background-image:linear-gradient(#1AA7CF0D 1px,transparent 1px),linear-gradient(90deg,#1AA7CF0D 1px,transparent 1px),radial-gradient(ellipse at 100% 0,#C7EAF366,transparent 75%);background-size:28px 28px,28px 28px,100% 100%;color:#0A4058}
:is(.email-section,.design-background-preview).orbit{background-color:#EFFAFA;background-image:radial-gradient(ellipse at 105% 110%,transparent 45%,#33C5CC22 45.3%,#33C5CC22 47%,transparent 47.3%,transparent 55%,#1AA7CF16 55.3%,#1AA7CF16 56%,transparent 56.3%),radial-gradient(ellipse at 0 0,#FFFFFF,transparent 80%),linear-gradient(135deg,#F9FDFE,#E7F6F8);color:#0A4058}
:is(.email-section,.design-background-preview).nightbeam{background-color:#06324A;background-image:linear-gradient(118deg,#FFFFFF1A 0%,#33C5CC38 12%,#1AA7CF1F 27%,transparent 43%),radial-gradient(ellipse at 12% 0,#33C5CC33,transparent 52%),linear-gradient(135deg,#06324A 8%,#02131F 100%);color:#fff}
:is(.email-section,.design-background-preview).champagne{background-color:#FBF8F1;background-image:repeating-linear-gradient(152deg,transparent 0,transparent 23px,#B8965530 23.5px,transparent 24px,transparent 34px),radial-gradient(ellipse at 10% 0,#FFFFFF,transparent 70%),linear-gradient(135deg,#FFFEFB,#F3ECDDD9);color:#0A4058}
.email-section:is(.glacier,.silk,.blueprint,.orbit,.champagne) p{color:#547887;opacity:1}
.email-section.nightbeam p{color:#D7EFF5;opacity:1}
.email-section.nightbeam .tagline{color:#33C5CC}
.email-section.nightbeam .email-action-link{color:#06324A;background:white;border-color:white}
.email-section.nightbeam .email-story{background:#FFFFFF0C;border-color:#D7EFF526;color:white}
.email-section.nightbeam .email-story p{color:#D7EFF5!important}
.email-section.champagne .accent-line{background:linear-gradient(90deg,#BE9654 0 68%,#06324A 68%)}
.design-background-preview{margin:0;overflow:hidden}

/* Shared section styling stays scoped to Flow's editorial content. */
.fd-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle;overflow:visible}
.fd-section{--fd-navy:#06324A;--fd-ink:#0A4058;--fd-blue:#087DA4;--fd-accent:#1AA7CF;--fd-turquoise:#33C5CC;--fd-line:#CFE3EC;--fd-muted:#547887;min-width:0;container:flowsection / inline-size;font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-wrap:anywhere}
.email-section.champagne .fd-section{--fd-accent:#B58B41;--fd-blue:#906B2C;--fd-turquoise:#D7B776;--fd-line:#DDD0B6}
.fd-section *{box-sizing:border-box;min-width:0}
.fd-section .fd-intro{margin-bottom:27px}
.fd-section .fd-eyebrow{display:block;font-size:9px;line-height:1.7;font-weight:700;letter-spacing:1.8px;color:var(--fd-blue);margin-bottom:12px;white-space:pre-line}
.fd-section .fd-intro h2{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-.6px;margin:0;overflow-wrap:anywhere;white-space:pre-line}
.fd-section .fd-intro>p{font-size:13px!important;line-height:1.75!important;white-space:pre-line;margin:14px 0 0;max-width:540px}
.fd-section .fd-accent{display:flex;gap:9px;align-items:center;margin:16px 0;width:130px;max-width:100%;color:var(--fd-accent)}
.fd-accent i{display:block;height:1px;background:currentColor;flex:1}
.fd-accent b{font-size:15px;font-weight:400;line-height:1}
.section-align-center .fd-intro>p,.section-align-center .fd-accent{margin-left:auto;margin-right:auto}
.section-align-right .fd-intro>p,.section-align-right .fd-accent{margin-left:auto}
.fd-grid-two{display:flex;flex-wrap:wrap;gap:16px}.fd-grid-two>*{flex:1 1 calc(50% - 8px)}
.fd-columns-1{--fd-columns:1}.fd-columns-2{--fd-columns:2}.fd-columns-3{--fd-columns:3}
.fd-section .fd-card{background:#fff;border:1px solid #DCE9EC;border-radius:15px;overflow:hidden;box-shadow:0 5px 14px #06324A07;text-align:left;color:var(--fd-ink)}
.fd-section .fd-card-head{display:flex;align-items:center;gap:14px;background:var(--fd-navy);color:#fff;padding:0 15px 0 0;min-height:78px}
.fd-section .fd-badge{display:inline-flex;align-items:center;justify-content:center;width:62px;min-height:78px;align-self:stretch;flex-shrink:0;background:linear-gradient(140deg,var(--fd-accent),#087DA4);color:white;border-radius:0 19px 19px 0;padding:12px}
.fd-badge .fd-icon{width:31px;height:31px;stroke-width:1.35}
.fd-section .fd-card-head h3{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.2px;line-height:1.4;margin:0;color:#fff;white-space:pre-line;overflow-wrap:anywhere}
.fd-section .fd-card-subtitle{display:block;color:var(--fd-turquoise);font-size:9px;line-height:1.5;font-weight:700;letter-spacing:.5px;margin-top:5px;white-space:pre-line}
.fd-section .fd-card-body{padding:20px 19px 23px}
.fd-section .fd-card-body p{font-size:12px!important;line-height:1.75!important;margin:0;color:#426879!important;white-space:pre-line;overflow-wrap:anywhere}
.fd-section .fd-metric-value{display:block;color:var(--fd-blue);font-family:Manrope,Arial,Helvetica,sans-serif;font-size:49px;line-height:1.08;font-weight:800;letter-spacing:-2px;margin-bottom:10px;overflow-wrap:anywhere}
.fd-section .fd-metric-label{display:block;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.3px;color:var(--fd-ink);margin-bottom:9px;white-space:pre-line}
.fd-section .fd-metrics .fd-card-body p{font-size:11px!important}
.fd-process{list-style:none;margin:30px 0 5px;padding:0;display:flex;flex-wrap:wrap;column-gap:20px;row-gap:32px;text-align:center}
.fd-process li{position:relative;flex:1 1 calc((100% - (var(--fd-columns,3) - 1)*20px)/var(--fd-columns,3))}
.fd-process li.fd-row-end:not(:last-child):after{display:none}
.fd-process li:not(:last-child):after{content:'→';position:absolute;top:21px;left:calc(100% - 10px);width:40px;color:var(--fd-accent);font-size:27px;font-weight:400;text-align:center;line-height:40px}
.fd-process-orb{position:relative;margin:0 auto 20px;width:80px;height:80px;border-radius:50%;border:1px solid #1AA7CF22;background:linear-gradient(145deg,#D6EFF8,#ECF8FA);display:flex;justify-content:center;align-items:center;color:var(--fd-navy);box-shadow:0 0 0 6px #FFFFFF77}
.fd-process li:last-child .fd-process-orb{background:linear-gradient(135deg,#1AA7CF,#06324A);color:white;border-color:transparent}
.fd-process-orb>.fd-icon{width:38px;height:38px;stroke-width:1.35}
.fd-step-number{position:absolute;bottom:-5px;right:-4px;width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:white;border:1px solid var(--fd-line);color:var(--fd-blue);font:700 9px/1 Arial}
.fd-section .fd-process h3{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:13px;line-height:1.45;letter-spacing:-.15px;margin:0 0 8px;color:inherit;white-space:pre-line;overflow-wrap:anywhere}
.fd-section .fd-process p{font-size:11px!important;line-height:1.65!important;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.fd-section .fd-schedule{background:white;border:1px solid #DCE9EC;box-shadow:0 5px 14px #06324A07;border-radius:14px;overflow:hidden;color:var(--fd-ink)}
.fd-schedule-heading{display:flex;align-items:center;gap:20px;padding:20px}
.fd-schedule-heading>.fd-badge{border-radius:13px;min-height:74px;width:74px;align-self:center;background:var(--fd-navy)}
.fd-schedule-heading>div{flex:1}
.fd-schedule-heading strong{display:block;font-family:Manrope,Arial,Helvetica,sans-serif;font-size:17px;line-height:1.4;font-weight:800;letter-spacing:-.4px;margin-bottom:9px;white-space:pre-line}
.fd-session-topics{display:grid;gap:6px;font-size:11px;color:var(--fd-blue);line-height:1.5;white-space:pre-line}
.fd-session-topics>span+span{padding-top:6px;border-top:1px solid var(--fd-line)}
.fd-times{display:flex;flex-wrap:wrap;gap:12px;margin:0 20px;padding:18px 0;border-top:1px solid var(--fd-line)}
.fd-times>div{flex:1 1 calc((100% - (var(--fd-columns,3) - 1)*12px)/var(--fd-columns,3));padding:12px 8px;background:#F1F8FA;border:1px solid #E3EFF3;border-radius:9px;text-align:center}
.fd-times span{display:block;color:var(--fd-muted);font-size:9px;line-height:1.5;margin-bottom:5px;white-space:pre-line}
.fd-times strong{display:block;color:var(--fd-ink);font-size:12px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.fd-section .fd-schedule p.fd-schedule-note{font-size:10px!important;line-height:1.65!important;color:var(--fd-muted)!important;margin:0;padding:14px 20px 17px;white-space:pre-line}
.fd-session-cards{margin-top:16px}
.fd-categories{display:flex;flex-wrap:wrap;border:1px solid #D1E5EC;background:#FFFFFFD9;border-radius:14px;overflow:hidden;text-align:center}
.fd-category{flex:1 1 calc(100%/var(--fd-columns,3));padding:24px 15px;position:relative;box-shadow:1px 1px 0 0 var(--fd-line);color:var(--fd-ink)}
.fd-category>span{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:17px;background:#EAF6F9;color:var(--fd-blue);margin:0 auto 15px}
.fd-category .fd-icon{width:33px;height:33px;stroke-width:1.4}
.fd-section .fd-category h3{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:13px;line-height:1.4;margin:0 0 7px;letter-spacing:-.2px;color:var(--fd-ink);white-space:pre-line;overflow-wrap:anywhere}
.fd-section .fd-category p{font-size:10px!important;line-height:1.6!important;color:#547887!important;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.fd-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#FFFFFFE8;border:1px solid var(--fd-line);border-radius:15px;overflow:hidden;color:var(--fd-ink)}
.fd-compare-column{padding:25px 22px;position:relative;text-align:left}
.fd-compare-column+.fd-compare-column{border-left:1px solid var(--fd-line);background:#EFFAFA66}
.fd-compare-column>.fd-badge{width:51px;min-height:51px;border-radius:12px;margin-bottom:19px;background:#06324A}
.fd-compare-column>.fd-badge .fd-icon{width:27px;height:27px;color:var(--fd-turquoise)}
.fd-section .fd-compare-column h3{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:15px;line-height:1.4;letter-spacing:-.2px;margin:0 0 16px;color:var(--fd-ink);white-space:pre-line;overflow-wrap:anywhere}
.fd-compare-column ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--fd-line)}
.fd-compare-column li{display:flex;gap:10px;font-size:11px;line-height:1.7;align-items:flex-start;color:#426879;padding:12px 0;border-bottom:1px solid var(--fd-line);white-space:pre-line;overflow-wrap:anywhere}
.fd-compare-column li span{font-size:9px;color:var(--fd-blue);flex-shrink:0;font-weight:bold;line-height:1.85}
.fd-compare-footer{font-size:11px;font-weight:700;line-height:1.6;color:var(--fd-blue);margin-top:18px;white-space:pre-line;overflow-wrap:anywhere}
.fd-table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--fd-line);border-radius:12px;background:white;scrollbar-width:thin;scrollbar-color:#A9D6E4 #EDF7FA}
.fd-table-scroll:focus-visible{outline:2px solid #1AA7CF;outline-offset:3px}
.fd-table{width:100%;min-width:var(--fd-table-min,420px);border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;text-align:left;table-layout:fixed;color:var(--fd-ink)}
.fd-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.fd-table thead{background:var(--fd-navy);color:#fff}
.fd-table thead th{font-weight:700;font-size:10px;letter-spacing:.2px;padding:15px 12px;line-height:1.5;border-right:1px solid #FFFFFF22;vertical-align:top;white-space:pre-line;overflow-wrap:anywhere}
.fd-table thead th:last-child{border-right:0}
.fd-table tbody th,.fd-table td{font-size:11px;line-height:1.65;padding:13px 12px;border-top:1px solid #E1EBEF;vertical-align:top;white-space:pre-line;overflow-wrap:anywhere}
.fd-table tbody th{font-weight:600;color:#0A4058}
.fd-table tbody td{color:#547887}
.fd-table tbody tr:nth-child(2n){background:#EEF7FA}
.fd-section p.fd-table-note{font-size:10px!important;line-height:1.7!important;margin:14px 0 0;white-space:pre-line}

/* Background-specific accents keep the typography clear while cards stay crisp. */
.email-section:is(.nightbeam,.midnight) .fd-intro{color:#fff}
.email-section:is(.nightbeam,.midnight) .fd-eyebrow{color:#33C5CC}
.email-section:is(.nightbeam,.midnight) .fd-intro p{color:#D7EFF5!important}
.email-section:is(.nightbeam,.midnight) .fd-process{color:#fff}
.email-section:is(.nightbeam,.midnight) .fd-process p{color:#D7EFF5!important}
.email-section.champagne .fd-card{border-color:#E5DCC9}
.email-section.champagne .fd-card-head>.fd-badge{color:#E4C787;background:#173B4D}
.email-section.champagne .fd-category>span{background:#F5F0E5}
.email-section.champagne .fd-compare-column+.fd-compare-column{background:#F7F2E6AA}
.email-section.champagne .fd-table tbody tr:nth-child(2n){background:#F9F5EC}
.email-section.champagne .fd-process li:last-child .fd-process-orb{background:linear-gradient(135deg,#B58B41,#06324A)}

/* Each section follows its own width, including the studio's mobile preview.
   Flex growth balances incomplete rows without empty placeholder cells. */
@container flowsection (max-width:480px){
  .fd-grid-two{gap:14px}
  .fd-grid-two>*{flex-basis:100%}
  .fd-section .fd-card-head{min-height:73px;gap:17px}
  .fd-section .fd-card-head>.fd-badge{min-height:73px;width:65px}
  .fd-section .fd-card-head h3{font-size:15px}
  .fd-section .fd-card-body{padding:19px 20px 23px}
  .fd-section .fd-intro h2{font-size:25px!important}
  .fd-section .fd-intro>p{font-size:12px!important}
  .fd-section .fd-metric-value{font-size:47px}
  .fd-process{gap:42px;margin-top:28px}
  .fd-process li{flex-basis:100%;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:19px;text-align:left;align-content:center;min-height:65px}
  .fd-process li:not(:last-child):after,.fd-process li.fd-row-end:not(:last-child):after{display:block;content:'↓';top:calc(100% + 8px);left:11px;width:40px;font-size:24px;line-height:26px}
  .fd-process-orb{grid-column:1;grid-row:1/3;width:64px;height:64px;margin:0}
  .fd-process-orb>.fd-icon{width:32px;height:32px}
  .fd-section .fd-process h3{grid-column:2;align-self:end;font-size:14px}
  .fd-section .fd-process p{grid-column:2;align-self:start}
  .fd-categories{--fd-columns:2}
  .fd-category{padding:21px 12px}
  .fd-category>span{width:54px;height:54px;margin-bottom:12px}
  .fd-category .fd-icon{width:29px;height:29px}
  .fd-comparison{grid-template-columns:1fr}
  .fd-compare-column+.fd-compare-column{border-left:0;border-top:1px solid var(--fd-line)}
  .fd-schedule-heading{padding:20px 17px;gap:13px}
  .fd-schedule-heading>.fd-badge{width:55px;min-height:63px}
  .fd-schedule-heading strong{font-size:15px}
  .fd-session-topics{font-size:10px}
  .fd-times{--fd-columns:2;margin:0 17px;padding-top:16px;gap:10px}
  .fd-times span{font-size:10px}.fd-times strong{font-size:12px}
  .fd-section .fd-schedule p.fd-schedule-note{padding:12px 17px 16px}
}
@container flowsection (max-width:300px){
  .fd-times,.fd-categories{--fd-columns:1}
  .fd-schedule-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}
  .fd-schedule-heading>div{flex-basis:100%}
  .fd-section .fd-card-head{gap:12px}
  .fd-section .fd-card-head>.fd-badge{width:54px}
}
/* Fallback sizing for browsers without container queries. */
@supports not (container-type:inline-size){
  @media(max-width:600px){
    .fd-grid-two>*{flex-basis:100%}
    .fd-categories,.fd-times{--fd-columns:2}
    .fd-comparison{grid-template-columns:1fr}
    .fd-compare-column+.fd-compare-column{border-left:0;border-top:1px solid var(--fd-line)}
    .fd-process li{flex-basis:100%}
    .fd-process li:not(:last-child):after{display:none}
  }
}