/* Isolated public editorial layer. Does not restyle Commerce operational pages. */
body.ec-story-body{margin:0;min-height:100vh;background:#090b15;color:#f6f8ff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body.ec-story-body *{box-sizing:border-box}
body.ec-story-body .ec-story-page{--story-accent:#35d8b6;--story-rgb:53,216,182;min-height:65vh;overflow:hidden;color:#f6f8ff;background:radial-gradient(ellipse 60% 26% at 50% 0%,rgba(var(--story-rgb),.095),transparent),linear-gradient(180deg,#0a152a,#090e1c 70%)}
body.ec-story-body .ec-story-page:has(.ec-topic--marketplace),body.ec-story-body .ec-story-page:has(.ec-topic--storefront),body.ec-story-body .ec-story-page:has(.ec-topic--multichannel){--story-accent:#42a5ff;--story-rgb:66,165,255}
body.ec-story-body .ec-story-page:has(.ec-topic--reconciliation),body.ec-story-body .ec-story-page:has(.ec-topic--fees),body.ec-story-body .ec-story-page:has(.ec-topic--tax){--story-accent:#ffba58;--story-rgb:255,186,88}
body.ec-story-body .ec-story-page:has(.ec-topic--chat),body.ec-story-body .ec-story-page:has(.ec-topic--questions){--story-accent:#b08aff;--story-rgb:176,138,255}
body.ec-story-body .ec-story-page:has(.ec-topic--ads){--story-accent:#ff6bd4;--story-rgb:255,107,212}
body.ec-story-body .ec-story-page:has(.ec-topic--warehouse),body.ec-story-body .ec-story-page:has(.ec-topic--variants){--story-accent:#2ce6ac;--story-rgb:44,230,172}
body.ec-story-body .ec-story-page:has(.ec-topic--reports),body.ec-story-body .ec-story-page:has(.ec-topic--profit){--story-accent:#3fe2c7;--story-rgb:63,226,199}
body.ec-story-body .ec-story-page:has(.ec-topic--telegram){--story-accent:#55b7ff;--story-rgb:85,183,255}
body.ec-story-body .ec-story-page .ec-story-shell{width:min(1190px,calc(100% - 40px));margin:auto;padding:0 0 88px;color:#f6f8ff}
body.ec-story-body .ec-story-page .ec-story-hero{max-width:none;padding:64px 0 66px;border-bottom:1px solid rgba(130,159,203,.15)}
.ec-story-overline{display:flex;align-items:center;gap:10px;color:var(--story-accent);font-size:11px;font-weight:900;letter-spacing:.15em}
.ec-story-overline .ec-si{width:23px;height:23px}
.ec-story-hero-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:44px;align-items:center;margin-top:25px}
body.ec-story-body .ec-story-hero h1{font-size:clamp(36px,4.5vw,62px);letter-spacing:-.045em;line-height:1.07;margin:0 0 22px;max-width:740px;color:#fff}
body.ec-story-body .ec-story-hero .ec-story-intro{font-size:clamp(17px,2vw,23px);font-weight:700;color:#eaf5ff;line-height:1.5;margin:0 0 14px}
body.ec-story-body .ec-story-hero .ec-story-description{font-size:14px;color:#b1c4df;line-height:1.85;max-width:590px;margin:0}
body.ec-story-body .ec-story-actions{display:flex;gap:11px;flex-wrap:wrap;margin:29px 0 0}
body.ec-story-body .ec-story-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;background:var(--story-accent);border:1px solid transparent;border-radius:10px;color:#061c2d;font-size:13px;line-height:1.2;font-weight:900;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
body.ec-story-body .ec-story-actions a+a{color:#e5f1ff;background:#101d34;border-color:#355173}
body.ec-story-body .ec-story-actions a:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(var(--story-rgb),.18)}
body.ec-story-body .ec-story-section{padding:72px 0;border-bottom:1px solid rgba(134,172,213,.11)}
.ec-story-section-heading{margin-bottom:27px}.ec-story-section-heading>span,.ec-story-boundary>div:first-child>span{display:block;margin-bottom:10px;color:var(--story-accent);font-size:11px;letter-spacing:.16em;font-weight:900}
body.ec-story-body .ec-story-section h2{margin:0;color:#fff;font-size:clamp(26px,3.4vw,40px);line-height:1.18;letter-spacing:-.03em}
.ec-story-section-heading>p{margin:12px 0 0;max-width:700px;color:#a9c1dc;line-height:1.7;font-size:14px}
.ec-story-focus-grid{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:40px;align-items:start}
.ec-story-focus-problem{margin:0;padding:22px 22px 22px 26px;border-left:3px solid var(--story-accent);background:rgba(var(--story-rgb),.065);border-radius:0 14px 14px 0;font-size:19px;line-height:1.7;font-weight:700;color:#ebf6ff}
.ec-story-feature-list{display:grid;gap:13px}.ec-story-feature-list article{display:flex;gap:16px;padding:17px 19px;border:1px solid #263d5b;border-radius:14px;background:linear-gradient(145deg,#12243e,#101b2f)}
.ec-story-feature-number{font-size:14px;font-weight:900;color:var(--story-accent);padding-top:2px;min-width:22px}
.ec-story-feature-list h3{font-size:16px;color:#fff;margin:0 0 6px}.ec-story-feature-list p{color:#b2c6df;font-size:13px;line-height:1.75;margin:0}
.ec-story-step-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:20px}.ec-story-step-nav{display:grid;gap:9px}
.ec-story-step-tab{width:100%;border:1px solid #294363;border-radius:12px;display:flex;align-items:center;gap:15px;text-align:left;background:#111e34;color:#cadbf2;padding:15px 17px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.ec-story-step-tab>span{font-weight:900;font-size:17px;color:#7999bf}.ec-story-step-tab>strong{font-size:14px;line-height:1.5}.ec-story-step-tab:hover{border-color:var(--story-accent);transform:translateX(2px)}
.ec-story-step-tab.active{background:rgba(var(--story-rgb),.12);border-color:var(--story-accent);color:#fff}.ec-story-step-tab.active>span{color:var(--story-accent)}
.ec-story-step-content{min-height:290px;border-radius:18px;border:1px solid rgba(var(--story-rgb),.32);background:linear-gradient(125deg,#162c49,#0d1d34);position:relative;overflow:hidden}
.ec-story-step-content:after{content:"";position:absolute;pointer-events:none;right:-130px;bottom:-180px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(var(--story-rgb),.1),transparent 70%)}
.ec-story-step-panel{position:relative;z-index:1;padding:33px;min-height:286px;animation:ec-story-in .35s both}.ec-story-step-panel[hidden]{display:none}
.ec-story-step-panel>span{font-size:11px;letter-spacing:.15em;font-weight:900;color:var(--story-accent)}.ec-story-step-panel h3{margin:13px 0 12px;color:#fff;font-size:clamp(23px,2.5vw,30px)}.ec-story-step-panel p{font-size:16px;line-height:1.75;color:#c0d1e8;max-width:410px;margin:0}
.ec-story-step-deco{display:flex;gap:7px;margin-top:30px}.ec-story-step-deco i{display:block;height:5px;width:30px;border-radius:4px;background:rgba(var(--story-rgb),.2)}.ec-story-step-deco i:first-child{width:95px;background:var(--story-accent);animation:ec-story-bar 1.5s ease-out both}
.ec-story-boundary{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}.ec-story-boundary>div:first-child>p{font-size:16px;color:#cad9ed;line-height:1.85;margin:15px 0 0}
.ec-story-boundary-callout{padding:23px 26px;background:linear-gradient(135deg,#182c47,#112039);border:1px solid #345572;border-radius:16px}
.ec-story-boundary-callout strong{color:var(--story-accent);font-size:15px}.ec-story-boundary-callout p{font-size:13px;line-height:1.8;color:#b9cce6;margin:9px 0 0}
.ec-story-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ec-story-related-grid a{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #294461;border-radius:14px;color:#fff;text-decoration:none;background:#11243c;transition:transform .2s,border-color .2s}
.ec-story-related-grid a:hover{transform:translateY(-3px);border-color:var(--story-accent)}.ec-story-related-grid .ec-si{width:25px;height:25px;color:var(--story-accent);flex:none}
.ec-story-related-grid a span{min-width:0;flex:1}.ec-story-related-grid a strong{display:block;font-size:13px}.ec-story-related-grid a small{display:block;color:#a7bdda;font-size:11px;line-height:1.5;margin-top:4px}.ec-story-related-grid a>b{font-size:19px;color:var(--story-accent)}
/* Each visual is a separate, intentional diagram instead of one generic chart. */
.ec-viz{position:relative;background:linear-gradient(160deg,#102744,#0b1a31);border:1px solid rgba(var(--story-rgb),.42);border-radius:20px;padding:17px;box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 44px rgba(var(--story-rgb),.055);color:#fff;min-height:300px;overflow:hidden}
.ec-viz:after{content:"";position:absolute;pointer-events:none;right:-90px;top:-80px;width:230px;height:230px;background:radial-gradient(circle,rgba(var(--story-rgb),.15),transparent 70%);border-radius:50%}
.ec-viz-head{display:flex;align-items:center;gap:9px;min-height:24px;padding-bottom:11px;border-bottom:1px solid #294160;margin-bottom:16px}
.ec-viz-head strong{font-size:12px;color:#f2f7ff;flex:1}.ec-viz-head small{font-size:9px;color:#7f9cbd;font-weight:900;letter-spacing:.06em}.ec-viz-live{width:8px;height:8px;border-radius:50%;background:var(--story-accent);box-shadow:0 0 0 5px rgba(var(--story-rgb),.12)}
.ec-viz-message{font-size:11px;color:#a6c5de;line-height:1.6;margin:16px 0 0}
.ec-viz-net{display:grid;grid-template-columns:1.45fr 28px .8fr;align-items:center;gap:8px;min-height:210px}.ec-viz-net-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ec-viz-net-node{display:grid;place-items:center;padding:10px 5px;border:1px solid #3d5875;border-radius:8px;background:#172d47;font-size:11px;font-weight:800;text-align:center;min-height:47px;animation:ec-story-pop .5s both}.ec-viz-net-node:nth-child(2n){animation-delay:.2s}.ec-viz-net-node:nth-child(3n){animation-delay:.4s}
.ec-viz-net-path{display:flex;flex-direction:column;gap:27px;overflow:hidden}.ec-viz-net-path span{height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--story-accent));animation:ec-story-flow 1.5s linear infinite}.ec-viz-net-path span:nth-child(2){animation-delay:.4s}.ec-viz-net-path span:nth-child(3){animation-delay:.8s}
.ec-viz-net-core{border:1px solid rgba(var(--story-rgb),.45);border-radius:14px;background:rgba(var(--story-rgb),.1);display:grid;place-items:center;gap:4px;padding:12px 7px;text-align:center}.ec-viz-net-core img{width:100%;max-width:112px;height:auto;object-fit:contain}.ec-viz-net-core small{color:#ccf8ef;font-size:9px}
.ec-viz-order{padding:13px;border:1px solid #3b5778;background:#142d49;border-radius:10px;display:flex;gap:7px;flex-direction:column}.ec-viz-order span{font-size:10px;color:#a6c5dd}.ec-viz-order strong{font-size:13px}.ec-viz-depots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.ec-viz-depot{padding:10px;border:1px solid #304d6f;border-radius:9px;background:#10213a}.ec-viz-depot.eligible{border-color:var(--story-accent);background:rgba(var(--story-rgb),.07)}.ec-viz-depot strong{display:block;font-size:11px;line-height:1.4}.ec-viz-depot span{display:block;color:#92afc9;font-size:9px;line-height:1.4;margin:7px 0}.ec-viz-progress{background:#263952;height:7px;border-radius:6px;overflow:hidden}.ec-viz-progress i{display:block;width:54%;height:100%;border-radius:6px;background:#456b9f;animation:ec-story-bar 1.2s ease-out both}.ec-viz-depot.eligible .ec-viz-progress i{width:100%;background:var(--story-accent)}.ec-viz-depot:nth-child(3) i{width:35%}
.ec-viz-variant-heading,.ec-viz-variants>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.ec-viz-variant-heading{color:#8db1cf;font-size:10px;padding:0 9px 9px}.ec-viz-variants{display:grid;gap:8px}.ec-viz-variants>div{padding:11px;border-radius:9px;border:1px solid #304968;background:#142742;animation:ec-story-pop .4s both}.ec-viz-variants>div:nth-child(2){animation-delay:.15s}.ec-viz-variants>div:nth-child(3){animation-delay:.3s}.ec-viz-variants>div:nth-child(4){animation-delay:.45s}.ec-viz-variants span{font-size:12px}.ec-viz-variants b{font-size:11px;color:#87e3ca}.ec-viz-variants i{width:9px;height:9px;border-radius:50%;background:#31d4a8}
.ec-viz-costs{display:grid;gap:15px;padding:3px}.ec-viz-cost-item{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:12px}.ec-viz-cost-item>span{font-size:11px;color:#c3d4eb}.ec-viz-track{height:15px;border-radius:5px;background:#1c3754;overflow:hidden}.ec-viz-track i{display:block;width:84%;height:100%;background:linear-gradient(90deg,#346da4,var(--story-accent));border-radius:5px;transform-origin:left;animation:ec-story-grow-x 1s both}.ec-viz-cost-item:nth-child(2) i{width:58%;animation-delay:.13s}.ec-viz-cost-item:nth-child(3) i{width:32%;animation-delay:.26s}.ec-viz-cost-item:nth-child(4) i{width:22%;animation-delay:.39s}.ec-viz-cost-item:nth-child(5) i{width:41%;animation-delay:.52s}
.ec-viz-timeline{display:grid;gap:8px}.ec-viz-timeline>div{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #365272;background:#112945;border-radius:10px;position:relative;animation:ec-story-pop .5s both}.ec-viz-timeline>div:nth-child(2){animation-delay:.2s}.ec-viz-timeline>div:nth-child(3){animation-delay:.4s}.ec-viz-timeline>div:nth-child(4){animation-delay:.6s}.ec-viz-timeline b{color:var(--story-accent);font-size:15px}.ec-viz-timeline strong{font-size:12px}
.ec-viz-matrix-head,.ec-viz-matrix-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4px;align-items:center;padding:11px 6px;border-bottom:1px solid #2a4362;font-size:10px;text-align:center}.ec-viz-matrix-head{color:#98b3d0}.ec-viz-matrix-head span:first-child,.ec-viz-matrix-row strong{text-align:left}.ec-viz-matrix-row strong{font-size:11px}.ec-perm-yes{color:#56e4b8;font-size:18px;font-weight:900}.ec-perm-no{color:#8fa0b5;font-size:18px}
.ec-viz-recon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:44px}.ec-viz-recon>div{min-width:0;padding:15px 9px;border:1px solid #33577b;background:#142c49;border-radius:11px}.ec-viz-recon small{display:block;color:#a2c4dd;font-size:10px;min-height:28px}.ec-viz-recon strong{display:block;color:#fff;font-size:clamp(14px,2vw,20px);margin-top:7px;white-space:nowrap}.ec-viz-recon .is-warning{border-color:#986738}.ec-viz-recon .is-warning strong{color:#ffbf67}
.ec-viz-scanning{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:center}.ec-viz-clock{aspect-ratio:1;width:min(100%,154px);border:3px dashed var(--story-accent);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:54px;font-weight:900;line-height:1;animation:ec-story-pulse 3s ease-in-out infinite}.ec-viz-clock small{margin-top:9px;color:#b4e3dc;font-size:12px;font-weight:800}.ec-viz-scanning-list{display:grid;gap:10px}.ec-viz-scanning-list>div{position:relative;overflow:hidden;padding:11px 13px;border:1px solid #345574;border-radius:9px;background:#102a49}.ec-viz-scanning-list span{display:block;font-weight:800;font-size:12px}.ec-viz-scanning-list b{font-weight:500;font-size:10px;color:#a4c9e1}.ec-viz-scanning-list i{position:absolute;right:14px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--story-accent);box-shadow:0 0 0 5px rgba(var(--story-rgb),.1)}
.ec-viz-report-chart{padding:12px 12px 0}.ec-viz-chartbars{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;height:202px;border-bottom:1px solid #39597b}.ec-viz-chartbars>div{display:grid;align-items:end;grid-template-rows:1fr auto;height:100%;gap:8px;text-align:center}.ec-viz-chartbars i{align-self:end;display:block;height:55%;border-radius:7px 7px 0 0;background:linear-gradient(0deg,#238fc1,var(--story-accent));transform-origin:bottom;animation:ec-story-grow-y .8s both}.ec-viz-chartbars>div:nth-child(2) i{height:74%;animation-delay:.12s}.ec-viz-chartbars>div:nth-child(3) i{height:48%;animation-delay:.24s}.ec-viz-chartbars>div:nth-child(4) i{height:88%;animation-delay:.36s}.ec-viz-chartbars>div:nth-child(5) i{height:62%;animation-delay:.48s}.ec-viz-chartbars>div:nth-child(6) i{height:95%;animation-delay:.60s}.ec-viz-chartbars small{font-size:10px;color:#a5c1dd}
.ec-viz-chat{display:grid;gap:12px}.ec-viz-chat>div{width:fit-content;max-width:80%;padding:10px 13px;border-radius:13px;background:#d8e8ff;color:#14334f;animation:ec-story-pop .5s both}.ec-viz-chat>div:nth-child(2){animation-delay:.4s}.ec-viz-chat>div:nth-child(3){animation-delay:.8s}.ec-viz-chat>div.agent{margin-left:auto;background:#704ed4;color:#fff}.ec-viz-chat small{display:block;font-size:9px;opacity:.76;margin-bottom:5px}.ec-viz-chat span{display:block;font-size:12px;line-height:1.5}
.ec-viz-inbox,.ec-viz-notifications,.ec-viz-resources{display:grid;gap:11px}.ec-viz-inbox>div,.ec-viz-notifications>div,.ec-viz-resources>div{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid #335071;border-radius:11px;background:#132841;animation:ec-story-pop .5s both}.ec-viz-inbox>div:nth-child(2),.ec-viz-notifications>div:nth-child(2),.ec-viz-resources>div:nth-child(2){animation-delay:.25s}.ec-viz-inbox>div:nth-child(3),.ec-viz-notifications>div:nth-child(3),.ec-viz-resources>div:nth-child(3){animation-delay:.5s}.ec-viz-inbox b,.ec-viz-notifications b,.ec-viz-resources>div>span{color:var(--story-accent);font-size:18px}.ec-viz-inbox strong,.ec-viz-resources strong{font-size:12px;flex:1}.ec-viz-inbox>div>span,.ec-viz-resources b{color:var(--story-accent);margin-left:auto}.ec-viz-notifications span{font-size:12px;flex:1}.ec-viz-notifications small{color:#94b3cd;font-size:10px}
.ec-viz-ads{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding-top:32px}.ec-viz-ads>div{padding:16px 12px;border:1px solid #6f407c;border-radius:11px;background:#251b3c;display:grid;gap:16px;animation:ec-story-pop .45s both}.ec-viz-ads>div>span{font-size:12px;color:#f2c8ee}.ec-viz-ads>div i{display:block;height:7px;border-radius:4px;background:linear-gradient(90deg,#9d55ec,var(--story-accent));width:74%;animation:ec-story-grow-x 1.2s both;transform-origin:left}.ec-viz-ads>div:nth-child(even) i{width:42%}.ec-viz-pilot{position:absolute;right:17px;top:56px;color:#ff8de3;border:1px solid #915396;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900}
.ec-viz-sheet{overflow:hidden;border-radius:10px;border:1px solid #3d5774}.ec-viz-sheet-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #304864}.ec-viz-sheet-row:last-child{border-bottom:none}.ec-viz-sheet-row>*{padding:13px 6px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #304864}.ec-viz-sheet-row.header{background:rgba(var(--story-rgb),.16)}.ec-viz-sheet-row.header b{color:var(--story-accent)}.ec-viz-sheet-row:not(.header){background:#14253d}.ec-viz-sheet-row:not(.header) span{color:#bdcce2}
/* Legacy unique product sections stay on-brand and do not force global text styles. */
body.ec-story-body .ec-story-page .ec-recon-example article,body.ec-story-body .ec-story-page .ec-chat-scene{box-shadow:0 15px 34px rgba(0,0,0,.19)}
body.ec-story-body .ec-story-page .ec-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ec-story-body .ec-story-page .ec-resource-category{border:1px solid #2c4769;background:linear-gradient(145deg,#152943,#0d1c33)}
body.ec-story-body .ec-story-page .ec-resource-category h2{color:#67e3ca}
body.ec-story-body .ec-story-page .ec-resource-category a{border-bottom:1px solid #1b3652;border-radius:7px}
body.ec-story-body .ec-story-page .ec-resource-category a:hover{background:#1a3652}
[data-ec-story-appear]{opacity:1;transform:none}
.ec-story-body.ec-story-js [data-ec-story-appear]{opacity:0;transform:translateY(17px)}
.ec-story-body.ec-story-js [data-ec-story-appear].is-visible{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s ease}
@keyframes ec-story-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes ec-story-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ec-story-flow{0%{opacity:.2;transform:translateX(-100%)}70%{opacity:1}100%{opacity:.2;transform:translateX(100%)}}
@keyframes ec-story-grow-x{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
@keyframes ec-story-grow-y{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@keyframes ec-story-pulse{50%{box-shadow:0 0 0 12px rgba(var(--story-rgb),.09)}}
@keyframes ec-story-bar{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
@media(min-width:1360px){body.ec-story-body .ec-story-page .ec-story-shell{width:min(1220px,calc(100% - 60px))}}
@media(max-width:970px){.ec-story-hero-layout{grid-template-columns:1fr;gap:25px}.ec-story-hero-visual{max-width:760px}.ec-story-focus-grid{grid-template-columns:1fr;gap:20px}.ec-story-step-layout{grid-template-columns:1fr}.ec-story-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-story-boundary{grid-template-columns:1fr}.ec-story-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body.ec-story-body .ec-story-page .ec-story-shell{width:min(100% - 28px,1190px);padding-bottom:45px}body.ec-story-body .ec-story-page .ec-story-hero{padding:42px 0 36px}body.ec-story-body .ec-story-page .ec-story-section{padding:45px 0}.ec-story-step-nav{grid-template-columns:1fr}.ec-story-related-grid,body.ec-story-body .ec-story-page .ec-resources-grid{grid-template-columns:1fr}.ec-story-hero-layout{gap:22px}.ec-viz{padding:12px;min-height:270px}.ec-viz-net{grid-template-columns:1.4fr 17px .9fr;gap:4px}.ec-viz-net-node{padding:8px 2px;font-size:9px;min-height:42px}.ec-viz-depots{gap:5px}.ec-viz-depot{padding:7px}.ec-viz-depot strong{font-size:9px}.ec-viz-recon{margin-top:22px;gap:5px}.ec-viz-recon>div{padding:10px 5px}.ec-viz-recon strong{font-size:13px}.ec-viz-cost-item{grid-template-columns:106px 1fr}.ec-story-step-panel{padding:23px;min-height:250px}.ec-story-focus-problem{font-size:16px}.ec-viz-head small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ec-story-body *, .ec-story-body *:before,.ec-story-body *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ec-story-body.ec-story-js [data-ec-story-appear]{opacity:1!important;transform:none!important}}

/* Resources: guidance rather than an unverified public tool catalogue. */
body.ec-story-body .ec-resource-journey{margin:55px 0 22px;padding:28px 0 0;border-top:1px solid #304561}
.ec-resource-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ec-resource-journey-grid>a{display:grid;gap:12px;padding:19px;background:linear-gradient(140deg,#152a46,#102039);border:1px solid #34506f;border-radius:13px;color:#fff;text-decoration:none;transition:transform .2s,border-color .2s}
.ec-resource-journey-grid>a:hover{transform:translateY(-3px);border-color:#51dbbf}
.ec-resource-journey-grid>a strong{font-size:15px;line-height:1.6}.ec-resource-journey-grid>a span{color:#59dfc4;font-size:12px;font-weight:800}
.ec-resource-access-note{margin-top:25px;padding:22px;border-left:3px solid #62e4c7;border-radius:0 11px 11px 0;background:#102539}
.ec-resource-access-note strong{font-size:15px;color:#fff}.ec-resource-access-note p{font-size:13px;line-height:1.75;color:#adc7df;margin:8px 0 0}
@media(max-width:650px){.ec-resource-journey-grid{grid-template-columns:1fr}}

/* V11: Telegram reply journey — only communication solution pages */
.ec-telegram-journey{border-top:1px solid #294663}
.ec-telegram-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ec-telegram-journey-card{position:relative;min-width:0;padding:23px;border:1px solid #315678;border-radius:17px;background:linear-gradient(135deg,#17324f,#0d2139);overflow:hidden}
.ec-telegram-journey-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#42dbc3,#629ff8,#9670fd)}
.ec-telegram-journey-card small{display:block;color:#75ead3;font-size:11px;font-weight:800;letter-spacing:.045em}
.ec-telegram-journey-card strong{display:block;color:#fff;font-size:17px;line-height:1.5;margin:14px 0}
.ec-telegram-journey-card p{color:#bed2e7;font-size:13px;line-height:1.75}
.ec-telegram-journey-card a{color:#8ceadd;font-weight:800;font-size:12px;text-decoration:none}
.ec-telegram-journey-card a:hover{text-decoration:underline}
.ec-telegram-journey-note{margin-top:18px;color:#a7bed5;font-size:12px;line-height:1.75}
.ec-story-body.ec-story-js .ec-telegram-journey[data-ec-story-appear].is-visible .ec-telegram-journey-card{animation:ec-story-pop .55s both}
.ec-story-body.ec-story-js .ec-telegram-journey[data-ec-story-appear].is-visible .ec-telegram-journey-card:nth-child(2){animation-delay:.19s}
@media(max-width:700px){.ec-telegram-journey-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ec-story-body.ec-story-js .ec-telegram-journey .ec-telegram-journey-card{animation:none!important}}