/* Shared editorial layouts extend the selected homepage design. */
.pathways .section-inner{max-width:calc(var(--max) - 8rem)}
.footer-inner{padding-left:clamp(1rem,5.3vw,4rem);padding-right:clamp(1rem,5.3vw,4rem)}
.home-details{background:#f0f7f9;padding:3rem 0}
.home-detail-grid{max-width:var(--max);margin:auto;padding:0 clamp(1rem,5.3vw,4rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.home-detail-grid .content-section{max-width:none;width:100%;margin:0;padding:1.8rem;border:1px solid #d5e5ea;border-radius:14px;background:#fff}
.home-detail-grid .content-section:first-child,.home-detail-grid .content-section:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:2.5rem}
.home-detail-grid .content-section:first-child{background:transparent;border:0;padding:0 0 1.3rem}
.home-detail-grid .content-section:last-child{background:#e2f0f5}
.section-heading>.ui-icon{width:34px;height:34px;margin-bottom:.7rem}
.home-detail-grid h2{font-size:1.6rem;line-height:1.25;max-width:28ch}
.home-detail-grid .content-section:first-child h2{font-size:1.95rem;max-width:22ch}
.section-body p:first-child{margin-top:0}
.section-body p:last-child{margin-bottom:0}
.section-body .inline-links{margin-top:1rem}
.home-detail-grid .inline-links a{font-weight:600}
.page-hero-band{background:#eff8fb url('/assets/optimized/hero-waves-1600.webp') center bottom/cover no-repeat;border-bottom:1px solid #d2e6ed}
.page-hero,.page-hero:not(.with-image){max-width:var(--max);margin:auto;padding:3rem clamp(1rem,5.3vw,4rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3rem;align-items:center}
.page-hero:not(.with-image){display:block}
.page-hero h1{font-size:clamp(2.15rem,4.1vw,3.35rem);line-height:1.12;letter-spacing:-.025em;max-width:22ch}
.page-hero-copy{max-width:65ch}
.page-hero-copy>p:not(.eyebrow){font-size:1.08rem;line-height:1.55}
.page-hero .hero-image{width:100%;max-width:430px;justify-self:center}
.page-hero.with-mark .hero-image{max-width:170px;padding:1rem;background:#fff;border-radius:50%}
.page-hero.with-mark .hero-image img{box-shadow:none;border-radius:0}
.page-hero .hero-image img.portrait{max-width:310px;margin:auto}
.page-hero .hero-actions{margin-top:1.4rem}
.page-hero .hero-actions .button{padding:.7rem 1rem}
.interior-page main{background:#f6fafb}
.page-shell{max-width:var(--max);margin:auto;padding:3rem clamp(1rem,5.3vw,4rem);display:grid;grid-template-columns:220px minmax(0,1fr);gap:2.5rem;align-items:start}
.page-index{position:sticky;top:1.5rem;padding:1.2rem;background:#e7f2f6;border:1px solid #d0e3eb;border-radius:12px}
.page-index>p{font-size:.88rem;font-weight:700;margin:0 0 .6rem;color:#183e4a}
.page-index ul{margin:0;padding:0;list-style:none}
.page-index li+li{margin-top:.25rem}
.page-index li a{display:block;padding:.5rem 0;font-size:.85rem;line-height:1.4;text-decoration:none}
.page-index li a:hover{text-decoration:underline}
.index-actions{border-top:1px solid #bbd7e1;margin-top:.9rem;padding-top:.75rem;display:grid;gap:.4rem}
.index-actions>a{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.87rem;font-weight:600}
.index-actions .ui-icon{width:.9rem;height:.9rem}
.page-content{min-width:0;background:#fff;border:1px solid #d5e5ea;border-radius:14px;overflow:visible}
.page-content .content-section{max-width:none;margin:0;padding:2rem;border:0;border-bottom:1px solid #dae8ee;scroll-margin-top:2rem}
.page-content .content-section:last-child{border-bottom:0}
.page-content h2{font-size:1.55rem;line-height:1.25;margin-bottom:.9rem}
.page-content .section-body{max-width:65ch}
.page-content ul{margin-top:.8rem}
.page-content li{padding:.3rem 0}
.page-content .inline-links a{font-weight:600}
.telehealth-band{padding:1.8rem max(1rem,calc((100vw - 1152px)/2));border-top:1px solid #cddfe6}
@media(max-width:900px){.page-shell{grid-template-columns:190px minmax(0,1fr);gap:1.3rem;padding:2rem 1.25rem}.page-hero,.page-hero:not(.with-image){padding:2.3rem 1.25rem;gap:1.5rem}.page-content .content-section{padding:1.5rem}.home-detail-grid{padding:0 1.25rem;gap:1rem}.home-detail-grid .content-section{padding:1.4rem}.home-detail-grid .content-section:first-child,.home-detail-grid .content-section:last-child{gap:1.5rem}}
@media(max-width:700px){.page-shell{display:block}.page-index{position:static;margin-bottom:1.3rem;padding:1rem}.page-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .8rem}.page-index li+li{margin:0}.index-actions{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.page-hero,.page-hero:not(.with-image){grid-template-columns:1fr}.page-hero .hero-image{max-width:390px;margin-top:.4rem}.page-hero.with-mark{grid-template-columns:minmax(0,1fr) 110px}.page-hero.with-mark .hero-image{max-width:110px;padding:.5rem}.home-detail-grid{grid-template-columns:1fr}.home-detail-grid .content-section:first-child,.home-detail-grid .content-section:last-child{display:block;grid-column:auto}.home-detail-grid .content-section:first-child{padding-bottom:.8rem}.home-details{padding:2rem 0}.home-detail-grid h2,.home-detail-grid .content-section:first-child h2{font-size:1.55rem;max-width:none}.home-detail-grid .section-heading{margin-bottom:1rem}}
@media(max-width:480px){.page-shell{padding:1.4rem 1rem}.page-content .content-section{padding:1.3rem 1rem}.page-content h2{font-size:1.4rem}.page-hero,.page-hero:not(.with-image){padding:2rem 1rem}.page-hero h1{font-size:2.15rem}.page-hero.with-mark{grid-template-columns:1fr}.page-hero.with-mark .hero-image{display:none}.page-index ul{grid-template-columns:1fr}.page-index li a{padding:.4rem 0}.page-hero .hero-image{max-width:100%}.home-detail-grid{padding:0 1rem}.home-detail-grid .content-section{padding:1.3rem}.telehealth-band{padding:1.4rem 1rem}}

.page-hero-copy{min-width:0}.page-hero h1{overflow-wrap:anywhere}

/* Larger original artwork and an open editorial reading rhythm. */
.page-hero.with-image:not(.with-mark){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem}
.page-hero.with-image:not(.with-mark) .hero-image{width:100%;max-width:none}
.page-hero .hero-image img.portrait{max-width:310px}
.interior-page main{background:#fff}
.page-shell{display:block;padding-top:1.8rem;padding-bottom:2.5rem}
.page-index{position:static;display:grid;grid-template-columns:130px minmax(0,1fr);gap:.5rem 1.5rem;padding:0 0 1.4rem;background:transparent;border:0;border-bottom:1px solid #cadde3;border-radius:0;margin:0}
.page-index>p{margin:.4rem 0 0;font-size:.9rem}
.page-index ul{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem}
.page-index li+li{margin:0}
.page-index li a{font-size:.88rem;padding:.4rem 0;text-decoration:underline;text-decoration-color:#a3c3cd;text-underline-offset:.25em}
.index-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:1.3rem;margin:0;padding:0;border:0}
.page-content{border:0;background:transparent;border-radius:0}
.page-content .content-section{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);gap:3.5rem;padding:2.6rem 0;border-bottom:1px solid #d4e3e8}
.page-content .content-section:last-child{border-bottom:0;padding-bottom:.5rem}
.page-content h2{font-size:1.65rem;max-width:23ch;margin:0;line-height:1.3}
.page-content .section-body{max-width:65ch;min-width:0}
.page-content .section-body>ul:first-child{margin-top:0}
.home-details{padding-bottom:2.5rem}
.home-detail-grid .content-section:not(:first-child):not(:last-child){border:0;border-radius:0;background:transparent;padding:1.3rem 0;border-top:1px solid #c7dce4}
.home-detail-grid{gap:1.2rem 3rem}
.home-detail-grid .content-section:last-child{border-radius:0;border:0;border-top:1px solid #c7dce4;background:transparent;padding:1.6rem 0 0}
.home-detail-grid .section-heading>.ui-icon{width:28px;height:28px}
.site-footer .footer-inner{padding-top:2.3rem}
.site-footer .telehealth-band{padding:0 0 1.8rem;margin-bottom:1.8rem;background:transparent;border-top:0;border-bottom:1px solid #ffffff50;color:#fff;gap:2.5rem;align-items:center}
.site-footer .telehealth-band h2{color:#fff;font-size:1.2rem}
.site-footer .telehealth-band p{font-size:.88rem;max-width:80ch}
.site-footer .telehealth-band>a{color:#fff;font-size:.9rem}
.footer-contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem 3rem;align-items:start}
.footer-contact h2{grid-column:1;grid-row:1;font-size:1.75rem;max-width:24ch}
.footer-contact>p:not(.footer-address):not(.footer-crisis){grid-column:1;grid-row:2}
.footer-actions{grid-column:2;grid-row:1 / span 2;justify-content:flex-end;align-self:center;flex-wrap:wrap}
.footer-address{grid-column:1;grid-row:3;margin-top:.9rem!important;max-width:53ch}
.footer-crisis{grid-column:2;grid-row:3;margin-top:.9rem!important;max-width:65ch}
@media(max-width:900px){.page-content .content-section{gap:2rem;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}.page-content h2{font-size:1.5rem}.footer-contact{gap:.6rem 2rem}.footer-contact h2{font-size:1.5rem}}
@media(max-width:700px){.page-hero.with-image:not(.with-mark){grid-template-columns:1fr;gap:1.5rem}.page-hero.with-image:not(.with-mark) .hero-image{width:100%;max-width:560px}.page-index{display:block;padding-bottom:1.2rem;margin:0}.page-index>p{margin:0 0 .5rem}.page-index ul{display:flex;gap:.25rem 1.2rem}.index-actions{margin-top:.6rem}.page-content .content-section{display:block;padding:1.8rem 0}.page-content h2{max-width:none;margin-bottom:.9rem}.home-detail-grid{gap:1rem}.home-detail-grid .content-section:first-child{padding-bottom:.5rem}.footer-contact{display:flex;flex-direction:column;gap:.7rem}.footer-actions{justify-content:flex-start;align-self:flex-start;margin:.3rem 0}.footer-address,.footer-crisis{margin-top:.3rem!important}.site-footer .telehealth-band{align-items:flex-start;flex-direction:column;gap:.7rem;padding-bottom:1.4rem;margin-bottom:1.4rem}.site-footer .footer-inner{padding-top:1.7rem}}
@media(max-width:480px){.page-hero.with-image:not(.with-mark) .hero-image{width:100%}.page-index li a{font-size:.83rem}.page-shell{padding-top:1.4rem}.home-detail-grid .content-section:not(:first-child):not(:last-child){padding:1.2rem 0}.footer-contact h2{font-size:1.5rem}}

/* Selected color study 5: Bright and balanced. */
.pathway-card:nth-child(1) .pathway-icon,.pathway-card:nth-child(1):hover .pathway-icon{background:#d5eff1}
.pathway-card:nth-child(2) .pathway-icon,.pathway-card:nth-child(2):hover .pathway-icon{background:#ffe1cf}
.pathway-card:nth-child(3) .pathway-icon,.pathway-card:nth-child(3):hover .pathway-icon{background:#dce9cb}
.pathway-card:nth-child(4) .pathway-icon,.pathway-card:nth-child(4):hover .pathway-icon{background:#e6dcef}

/* Retain the generated organic pigment, but let its outer washes dissolve
   into the actual page background, as in the approved watercolor mockup. */
.hero-image img.watercolor-art{
  border-radius:0;
  box-shadow:none;
  --paint-fade-x:linear-gradient(to right,transparent 5%,rgba(0,0,0,.04) 12%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.5) 24%,rgba(0,0,0,.85) 30%,#000 36%,#000 64%,rgba(0,0,0,.85) 70%,rgba(0,0,0,.5) 76%,rgba(0,0,0,.18) 82%,rgba(0,0,0,.04) 88%,transparent 95%);
  --paint-fade-y:linear-gradient(to bottom,transparent 3%,rgba(0,0,0,.08) 7%,rgba(0,0,0,.3) 12%,rgba(0,0,0,.65) 18%,rgba(0,0,0,.92) 25%,#000 32%,#000 68%,rgba(0,0,0,.92) 75%,rgba(0,0,0,.65) 82%,rgba(0,0,0,.3) 88%,rgba(0,0,0,.08) 93%,transparent 97%);
  -webkit-mask-image:var(--paint-fade-x),var(--paint-fade-y);
  -webkit-mask-composite:source-in;
  mask-image:var(--paint-fade-x),var(--paint-fade-y);
  mask-composite:intersect;
}

/* Compensate for transparent watercolor margins without crowding the copy. */
.home-hero .hero-image{width:min(100%,430px);justify-self:center}
/* Textured watercolor corners are shaped by irregular, displaced washes. */
.home-hero .hero-image img.watercolor-art{
  -webkit-mask-image:url('/assets/zen-watercolor-mask.svg');
  -webkit-mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-composite:source-over;
  mask-image:url('/assets/zen-watercolor-mask.svg');
  mask-size:100% 100%;
  mask-repeat:no-repeat;
  mask-composite:add;
}
@media(min-width:1100px){
  .page-hero.with-image:not(.with-mark) .hero-image:has(.watercolor-art){width:114%;max-width:none}
}
@media(max-width:640px){
  .home-hero .hero-image{width:min(100%,390px)}
}