/* Commercial pages: content-owned HTML, with WordPress HTML blocks preserving structure. */
.editorial-page{--ed-gap:clamp(28px,5vw,76px);font-size:16px;line-height:1.75;color:var(--body)}
.editorial-page h1{font:500 clamp(42px,5vw,72px)/1.04 var(--serif);letter-spacing:-.045em;margin:20px 0 24px;max-width:800px}
.editorial-page h2{font:500 clamp(32px,3.4vw,48px)/1.12 var(--serif);letter-spacing:-.035em;margin:12px 0 22px}
.editorial-page h3{font:650 20px/1.3 var(--sans);letter-spacing:-.025em;margin:10px 0 12px}
.editorial-page p{margin:0 0 19px}.editorial-page p:last-child{margin-bottom:0}
.ed-hero{padding:clamp(44px,6vw,90px) 0 64px;background:linear-gradient(130deg,#f7f5f0 35%,#e7eeE8)}
.ed-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ed-gap);align-items:center}
.ed-grid>*{min-width:0}.ed-lede{font-size:clamp(17px,1.55vw,20px);line-height:1.65;color:#4b6266}
.ed-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}
.ed-photo{margin:0;min-width:0}.ed-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:6px}
.ed-photo--scene img{object-fit:cover;aspect-ratio:4/3}.ed-photo--wide img{aspect-ratio:4/3;object-fit:contain}
.ed-photo figcaption{font-size:11px;line-height:1.5;color:var(--muted);padding-top:10px}
.ed-collage{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ed-collage .ed-photo:nth-child(2){transform:translateY(24px)}.ed-collage .ed-photo:nth-child(4){transform:translateY(24px)}
.ed-collage .ed-photo img{border-radius:5px}.ed-collage figcaption{padding:7px 1px;font-size:11px;font-weight:600;color:var(--teal-dark)}
.ed-section{padding:clamp(60px,7vw,98px) 0;border-top:1px solid var(--line)}
.ed-section--white{background:#fff}.ed-section--mint{background:var(--mint)}
.ed-head{max-width:750px;margin-bottom:35px}.ed-head p{max-width:660px;color:var(--muted)}
.ed-number{font:italic 35px/1 var(--serif);color:#7c9287;display:block;margin-bottom:15px}
.ed-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:20px!important}
.ed-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;padding-top:24px;border-top:1px solid #b7cbc2}
.ed-route>div{position:relative;padding-right:16px}.ed-route>div:not(:last-child):after{content:'→';position:absolute;right:0;top:0;color:var(--teal)}
.ed-route strong{display:block;font-size:14px;color:var(--ink)}.ed-route span{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.ed-steps{display:grid;gap:0}.ed-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--ed-gap);padding:52px 0;border-top:1px solid var(--line);align-items:center}.ed-step:first-child{padding-top:0;border-top:0}.ed-step:last-child{padding-bottom:0}
.ed-step .ed-photo img{aspect-ratio:4/3;max-height:420px}.ed-step:nth-child(even) .ed-step-copy{order:2}.ed-step:nth-child(even) .ed-photo{order:1}
.ed-role{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--teal);font-weight:700;margin:20px 0 7px}
.ed-decision{padding:14px 18px;background:var(--mint);border-left:3px solid #718d7e;font-size:13px;margin-top:22px}
.ed-decision strong{color:var(--teal-dark)}
.ed-three,.ed-four,.ed-two{display:grid;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))}.ed-four{grid-template-columns:repeat(4,minmax(0,1fr))}.ed-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ed-three h3,.ed-four h3{font-size:17px}.ed-three p,.ed-four p{font-size:14px}.ed-three .ed-photo,.ed-four .ed-photo{margin-bottom:22px}
.ed-panel{padding:30px;background:#fff;border:1px solid var(--line);border-radius:5px}.ed-panel .ed-photo{margin:-10px -10px 26px}.ed-panel .ed-photo img{max-height:300px;aspect-ratio:4/3}
.ed-list{list-style:none;margin:22px 0;padding:0;border-top:1px solid var(--line)}.ed-list li{position:relative;padding:13px 0 13px 24px;border-bottom:1px solid var(--line);font-size:14px}.ed-list li:before{content:'·';position:absolute;left:3px;font-weight:bold;color:var(--teal)}
.ed-callout{padding:24px 28px;background:var(--mint);border-left:3px solid var(--teal);margin-top:28px}.ed-callout p{font-size:14px}
.ed-network{display:grid;gap:10px;margin-top:28px}.ed-network div{border:1px solid #baccc3;padding:16px 22px;border-radius:4px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.ed-network .ed-network-core{background:var(--teal);color:white;border:0}.ed-network>span{text-align:center;line-height:1;color:var(--teal)}
.ed-stat{padding:24px 0;border-top:1px solid #b7cbc2;margin-top:30px;display:flex;gap:22px;align-items:center}.ed-stat b{font:60px/1 var(--serif);color:var(--teal)}.ed-stat p{font-size:13px;max-width:320px;margin:0}
.ed-map{position:relative}.ed-map .ed-photo img{aspect-ratio:1/1}.ed-map-label{position:absolute;border-radius:100%;width:30px;height:30px;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:12px;box-shadow:0 0 0 5px #fff9}
.ed-map-label:nth-of-type(1){left:24%;top:36%}.ed-map-label:nth-of-type(2){left:66%;top:32%}.ed-map-label:nth-of-type(3){left:50%;top:68%}
.ed-mini{font-size:12px;color:var(--muted)}.ed-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.ed-compare>div{border-top:2px solid #9bb7a9;padding-top:15px}.ed-compare p{font-size:13px}
.ed-closing{background:var(--ink);color:#d2e1dd;padding:65px 0}.ed-closing h2{color:#fff}.ed-closing .eyebrow{color:#afd3c6}.ed-closing .ed-grid{grid-template-columns:1.3fr .7fr}.ed-closing .ed-photo img{max-height:310px;aspect-ratio:4/3}.ed-closing .btn-primary{background:#e4ede7;color:#18343d}.ed-closing .text-link{color:#d2e1dd}.ed-closing .ed-photo figcaption{color:#aec6bc}
.ed-guide-card{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--ed-gap);align-items:center;margin:0 0 55px}.ed-guide-card h2{font-size:clamp(30px,3vw,44px)}.ed-guide-card .ed-photo img{aspect-ratio:4/3;object-fit:cover}.ed-guide-card p{font-size:16px}.ed-guide-card .eyebrow{font-size:10px}
@media(max-width:900px){.ed-grid{gap:30px}.ed-four{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-page h1{font-size:clamp(38px,5.5vw,56px)}.ed-three{gap:18px}.ed-panel{padding:22px}.ed-steps .ed-step{gap:30px}.ed-collage{gap:10px}.ed-network div{display:block}.ed-network div span{display:block;margin-top:5px}}
@media(max-width:680px){.editorial-page .wrap{width:calc(100% - 40px)}.ed-grid,.ed-step,.ed-guide-card,.ed-closing .ed-grid{grid-template-columns:1fr}.ed-hero{padding:38px 0 44px}.editorial-page h1{font-size:44px}.editorial-page h2{font-size:34px}.ed-hero .ed-grid{gap:32px}.ed-collage{padding-bottom:24px}.ed-section{padding:54px 0}.ed-three,.ed-two{grid-template-columns:1fr;gap:32px}.ed-four{gap:18px}.ed-four h3{font-size:15px}.ed-four p{font-size:13px}.ed-step:nth-child(even) .ed-step-copy,.ed-step:nth-child(even) .ed-photo{order:initial}.ed-step{padding:34px 0;gap:24px}.ed-photo--scene img{max-height:360px}.ed-step .ed-photo img{max-height:320px}.ed-route{grid-template-columns:1fr;gap:22px;margin-top:34px}.ed-route>div:not(:last-child):after{content:'↓';top:auto;bottom:-24px;left:0}.ed-route>div{padding:0 0 10px}.ed-head{margin-bottom:25px}.ed-closing{padding:48px 0}.ed-stat{gap:18px}.ed-stat b{font-size:56px}.ed-compare{gap:18px}.ed-panel .ed-photo img{max-height:260px}.ed-guide-card{gap:26px}.ed-actions{gap:18px}.ed-network div{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.editorial-page *{scroll-behavior:auto;transition:none}}
.ed-drawing{margin:0;background:#e7efec;border-radius:6px;overflow:hidden}.ed-drawing svg{width:100%;display:block;height:auto;max-height:400px}.ed-drawing figcaption{padding:10px 22px 18px;font-size:13px;color:var(--teal-dark)}.ed-drawing figcaption span{display:block;font-size:10px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-top:4px}
.ed-panel>.ed-drawing{margin:-10px -10px 26px;aspect-ratio:4/3;max-height:300px;display:flex;flex-direction:column}.ed-panel>.ed-drawing svg{flex:1;min-height:0}.ed-panel>.ed-drawing figcaption{padding:8px 16px 12px;font-size:11px}

/* Blog index: equal article cards, independent of the page's lower sections. */
.ed-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ed-guide-grid .ed-guide-card{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.ed-guide-grid .ed-guide-card>.ed-photo{margin:0}.ed-guide-grid .ed-guide-card .ed-photo img{aspect-ratio:4/3;object-fit:contain;border-radius:0}.ed-guide-grid .ed-guide-card>div{padding:24px;display:flex;flex:1;flex-direction:column}.ed-guide-grid .ed-guide-card h2{font-size:29px;margin:12px 0 18px}.ed-guide-grid .ed-guide-card p{font-size:14px;line-height:1.75}.ed-guide-grid .ed-guide-card .text-link{margin-top:auto;padding-top:22px;align-self:flex-start}
@media(max-width:950px){.ed-guide-grid{gap:18px}.ed-guide-grid .ed-guide-card>div{padding:20px}.ed-guide-grid .ed-guide-card h2{font-size:25px}}
@media(max-width:680px){.ed-guide-grid{grid-template-columns:1fr;gap:28px}.ed-guide-grid .ed-guide-card h2{font-size:29px}.ed-guide-grid .ed-guide-card .ed-photo img{max-height:310px}}

/* About keeps the same content and imagery, with its image before the longer introduction. */
@media(max-width:680px){
 .editorial-page--about .ed-hero{padding-top:28px}
 .editorial-page--about .ed-hero .ed-grid{gap:20px}
 .editorial-page--about .ed-hero .ed-grid>div:first-child{display:contents}
 .editorial-page--about .ed-hero .eyebrow{order:0}
 .editorial-page--about .ed-hero h1{order:1;margin:0;font-size:clamp(36px,10vw,44px)}
 .editorial-page--about .ed-hero .ed-actions{order:2;margin:0}
 .editorial-page--about .ed-hero .ed-actions>.text-link{display:none}
 .editorial-page--about .ed-hero .ed-collage{order:3}
 .editorial-page--about .ed-hero .ed-lede{order:4;margin:0}
 .editorial-page--about .ed-hero .ed-grid>div:first-child>p:not(.ed-lede){order:5;margin:0}
}
/* The Blog title introduces the article collection once; the cards carry the next headings. */
.blog .ed-hero{padding:36px 0 30px}
.blog .ed-hero>.wrap>.eyebrow{display:none}
.blog .ed-hero h1{margin:0 0 16px}
.blog .ed-section#explore{padding:32px 0 54px;border-top:0}
.blog #explore>.wrap>.ed-head{display:none}
.blog .ed-guide-grid .ed-guide-card .ed-photo img{aspect-ratio:16/9}
@media(max-width:680px){
 .blog .ed-hero{padding:28px 0 22px}
 .blog .ed-section#explore{padding-top:20px}
}