/* Adults, selected reference 01. Shared parent-page typography foundation,
   original photographs and illustrations, separately painted surroundings.
   Reference comparison: 1348 CSS pixels, 100% browser zoom. */
.adults-reference .adult-shell{max-width:1536px;margin-inline:auto;font-size:clamp(17px,1.67cqw,22.5px)}
.adults-reference h1{font-size:clamp(36px,4cqw,54px);line-height:1.15}
.adults-reference h2{font-size:clamp(32px,3.72cqw,50px);line-height:1.2}
.adults-reference p{line-height:1.43}
.adults-reference .entry-ae-art{display:none}
.adults-reference .brush-button{min-height:64px;padding:14px 34px;font-size:clamp(17px,1.65cqw,22px);gap:30px}

/* One painted header/hero field, with the original adult encounter above it. */
.adults-reference .adult-hero{position:relative;min-height:50.8cqw;isolation:isolate}
.adults-reference .adult-hero:before{content:"";position:absolute;z-index:-2;pointer-events:none;left:-6.054%;top:-10.7cqw;width:112.108%;height:60.21cqw;background:url(parents-convergence-hero-paint-v1.webp) top center/100% 100% no-repeat;mask-image:linear-gradient(#000 88%,transparent)}
.adults-reference .hero-copy{position:relative;z-index:2;width:42%;padding-top:2.7cqw}
.adults-reference .hero-copy>p{font-size:clamp(18px,1.78cqw,24px);margin-top:1.8cqw;max-width:37cqw;line-height:1.43}
.adults-reference .hero-copy>.brush-button{margin-top:2.1cqw}
.adults-reference .practice-illustration{position:absolute;z-index:-1;pointer-events:none;left:-6.054%;top:3.4cqw;width:112.108%;max-width:none}
.adults-reference .practice-illustration img{width:100%;max-width:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1983 793'%3E%3Cdefs%3E%3Cfilter id='f' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='15'/%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='white' filter='url(%23f)' d='M735 150 C900 55 1540 60 1950 110 L2030 600 C1850 650 1690 665 1550 668 C1380 680 1245 690 1190 648 C1148 620 1100 614 1050 608 L820 600 C740 520 690 310 735 150Z'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}

/* Concern text stays in normal flow. Opening the complete original topics
   list expands the chapter and moves all later material down. */
.adults-reference .concerns{position:relative;display:grid;grid-template-columns:minmax(0,63%) minmax(0,31%);column-gap:6%;row-gap:1.4cqw;padding-top:1.8cqw;padding-bottom:4.3cqw;min-height:47.3cqw;isolation:isolate}
.adults-reference .concerns-copy{grid-column:1;grid-row:1;min-width:0}
.adults-reference .concerns-copy h2{margin-bottom:2cqw;white-space:nowrap}
.adults-reference .concerns-copy p{font-size:clamp(17px,1.67cqw,22.5px)}
.adults-reference .concerns-copy p+p{margin-top:1.8cqw}
.adults-reference .portrait{position:relative;grid-column:2;grid-row:1 / 3;align-self:start;width:34cqw;max-width:none;margin:0 0 0 -1.3cqw;height:42cqw;pointer-events:none}
.adults-reference .portrait:before{content:"";position:absolute;z-index:-1;inset:-3.2cqw -4.2cqw -1.2cqw -3.6cqw;background:url(adults-portrait-paint-v1.webp) center/100% 100% no-repeat;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
.adults-reference .portrait-frame{position:relative;width:100%;height:100%}
.adults-reference .portrait-image{width:100%;max-width:none;mask-image:url(ewald-cutout-alpha-v1.webp),url(adults-portrait-bristle-mask-v1.svg);mask-size:100% 100%;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;mask-composite:intersect}
.adults-reference .adult-topics{grid-column:1;min-width:0;align-self:start;margin-top:0;border-block:1px solid var(--line)}
.adults-reference .adult-topics summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:62px;padding:12px 0;list-style:none;cursor:pointer;font-size:clamp(17px,1.7cqw,23px);line-height:1.45}
.adults-reference .adult-topics summary>span:first-child{border-left:2px solid #d57532;padding-left:1.9cqw}
.adults-reference .adult-topics summary::-webkit-details-marker{display:none}
.adults-reference .adult-topics summary:hover{color:var(--copper)}
.adults-reference .adult-topics-toggle{position:relative;display:block;flex:0 0 24px;height:24px}
.adults-reference .adult-topics-toggle:before,.adults-reference .adult-topics-toggle:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor}
.adults-reference .adult-topics-toggle:after{transform:rotate(90deg)}
.adults-reference .adult-topics[open] .adult-topics-toggle:after{transform:none}
.adults-reference .adult-topics[open]{grid-column:1 / -1}
.adults-reference .concerns:has(.adult-topics[open]) .portrait{grid-row:1}
.adults-reference .adult-topics-body{padding:24px 0 36px}
.adults-reference .adult-topics-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;font-size:18px;line-height:1.65}
.adults-reference .adult-topics-category,.adults-reference .adult-topics-subgroup{min-width:0}
.adults-reference .adult-topics-category h3{font-size:28px;line-height:1.3;margin:0 0 24px}
.adults-reference .adult-topics-subgroup{margin-top:27px}
.adults-reference .adult-topics-subgroup:first-of-type{margin-top:0}
.adults-reference .adult-topics-subgroup h4{font:inherit;font-size:20px;line-height:1.4;margin:0 0 14px;color:#85522f}
.adults-reference .adult-topics-columns ul{margin:0;padding-left:22px}
.adults-reference .adult-topics-columns li{padding-left:3px;overflow-wrap:anywhere;hyphens:manual}
.adults-reference .adult-topics-columns li+li{margin-top:10px}
.adults-reference .adult-topics-columns li::marker{color:#956240}

/* The shallow copper connection belongs to the next chapter, not to the
   topic disclosure's fixed height. */
.adults-reference .attitude{position:relative;isolation:isolate;padding:3.2cqw 0 7cqw;min-height:58.5cqw;background:var(--cream)}
.adults-reference .attitude:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;top:-18.5cqw;width:100%;height:25cqw;background:url(adults-divider-v1.webp) center/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 16%,#000 81%,transparent)}
.adults-reference .attitude-layout{position:relative;z-index:2}
.adults-reference .attitude-copy{width:40.5%;min-width:0}
.adults-reference .attitude-copy h2{margin-bottom:1.7cqw}
.adults-reference .attitude-columns{font-size:clamp(17px,1.67cqw,22.5px);line-height:1.43}
.adults-reference .attitude-columns p+p{margin-top:1.7cqw}
.adults-reference .attitude-copy .info-button{display:inline-block;min-height:0;padding:0;margin-top:2cqw;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:5px;font-size:clamp(17px,1.7cqw,23px);line-height:1.5;white-space:normal}
.adults-reference .info-button>span{margin-left:.75em}
.adults-reference .attitude-paint{display:block;position:absolute;z-index:-1;inset:0;pointer-events:none;background:url(adults-attitude-paint-v1.webp) center top/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 6%,#000 88%,transparent)}
.adults-reference .attitude-kv{position:absolute;z-index:1;pointer-events:none;right:-4cqw;top:2cqw;width:62cqw;height:49cqw;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 95%,transparent)}
.adults-reference .attitude-kv img{position:absolute;width:125cqw;max-width:none;right:-3cqw;top:0;mask-image:linear-gradient(90deg,transparent 45%,#000 51%,#000 97%,transparent),linear-gradient(transparent 23%,#000 29%,#000 78%,transparent 82%),radial-gradient(ellipse 5% 12% at 54% 82%,transparent 55%,#000 85%);mask-size:100% 100%;mask-composite:intersect}

/* Contact and footer follow the same measures and materials as Parents. */
.adults-reference .contact-chapter{grid-template-columns:45% 55%;padding-top:1.4cqw;padding-bottom:4.2cqw}
.adults-reference .contact-chapter:before{content:none}
.adults-reference .contact-chapter h2{font-size:clamp(30px,3.72cqw,50px);margin-bottom:2cqw;white-space:nowrap}
.adults-reference .first-contact{padding-right:4.6cqw}
.adults-reference .first-contact p{font-size:clamp(17px,1.7cqw,23px);line-height:1.43}
.adults-reference .first-contact p+p{margin-top:1.7cqw}
.adults-reference .first-contact address{gap:1.1cqw;margin-top:3.6cqw;margin-bottom:1.9cqw}
.adults-reference .first-contact address>a,.adults-reference .first-contact address>div{font-size:clamp(17px,1.8cqw,24px);line-height:1.45;gap:1.2cqw}
.adults-reference .first-contact address svg{width:2.3cqw;height:2.3cqw}
.adults-reference .contact-form{padding-left:3.4cqw}
.adults-reference .form-intro{font-size:clamp(16px,1.38cqw,18.5px);margin-bottom:2.1cqw;line-height:1.45}
.adults-reference .field{font-size:clamp(16px,1.51cqw,20px);gap:.5cqw;margin-bottom:1.6cqw}
.adults-reference .field input{height:3.8cqw;min-height:46px}
.adults-reference .field textarea{height:13cqw;min-height:145px}
.adults-reference .field input,.adults-reference .field textarea{font-size:18px}
.adults-reference .form-hint,.adults-reference .privacy-link{font-size:clamp(12px,1.05cqw,14px);line-height:1.45}
.adults-reference .form-hint{margin:.7cqw 0 2cqw}
.adults-reference .form-actions{gap:1.5cqw}
.adults-reference .form-actions .brush-button{font-size:clamp(17px,1.6cqw,21px);padding-inline:2.5cqw;gap:2cqw}
.adults-reference .form-status{font-size:17px;line-height:1.5}
.adults-reference .adult-footer{padding-top:2.2cqw;padding-bottom:7.5cqw;font-size:clamp(14px,1.32cqw,17px)}
.adults-reference .footer-subtitle,.adults-reference .adult-footer nav{font-size:clamp(13px,1.18cqw,15px)}
.adults-reference .registration{font-size:clamp(12px,1.12cqw,14px)}
.adults-reference .adult-footer:after{bottom:-3cqw}

@media(min-width:1051px) and (max-width:1320px){
 .adults-reference .concerns-copy h2{white-space:normal}
 .adults-reference .contact-chapter h2{white-space:normal}
 .adults-reference .attitude-copy{width:40.5%}
 .adults-reference .attitude{min-height:63cqw}
}
@media(max-width:1050px){
 .adults-reference .adult-shell{font-size:17px}
 .adults-reference h1{font-size:clamp(32px,4.6vw,44px)}
 .adults-reference h2{font-size:30px}
 .adults-reference .entry-ae-art{display:block}
 .adults-reference .adult-hero{min-height:0;padding-top:12px;display:flex;flex-direction:column}
 .adults-reference .adult-hero:before{top:-120px;height:calc(63cqw + 120px);background-size:100% 100%;opacity:.8;mask-image:linear-gradient(#000 9%,transparent 28%)}
 .adults-reference .hero-copy{width:100%;padding:0}
 .adults-reference .hero-copy>p{max-width:660px;font-size:18px;line-height:1.6;margin-top:18px}
 .adults-reference .hero-copy>.brush-button{margin-top:20px}
 .adults-reference .brush-button{font-size:17px;min-height:54px;padding:12px 28px;gap:28px}
 .adults-reference .practice-illustration{position:relative;z-index:0;left:auto;top:auto;width:112.108%;margin:20px -6.054% 0;height:46cqw;overflow:hidden}
 .adults-reference .practice-illustration:before{content:"";position:absolute;inset:-18cqw 0 0;background:url(parents-convergence-hero-paint-v1.webp) center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent 35%,#000 65%,#000 88%,transparent)}
 .adults-reference .practice-illustration img{position:relative;width:145%;margin-left:-45%;margin-top:-4cqw;mask-image:linear-gradient(transparent 12%,#000 24%,#000 87%,transparent);mask-size:100% 100%}
 .adults-reference .concerns{padding-top:22px;padding-bottom:36px;grid-template-columns:minmax(0,65%) minmax(0,29%);gap:24px 6%;min-height:0}
 .adults-reference .concerns-copy h2{white-space:normal;margin-bottom:20px}
 .adults-reference .concerns-copy p{font-size:17px;line-height:1.6}
 .adults-reference .concerns-copy p+p{margin-top:20px}
 .adults-reference .portrait{width:35cqw;height:44cqw;margin:30px 0 0 -4cqw}
 .adults-reference .portrait:before{inset:-3cqw -5cqw -1cqw -4cqw}
 .adults-reference .adult-topics{grid-column:1 / -1}
 .adults-reference .adult-topics summary{font-size:17px;min-height:58px}
 .adults-reference .adult-topics summary>span:first-child{padding-left:16px}
 .adults-reference .adult-topics-toggle{flex-basis:20px;height:20px}
 .adults-reference .adult-topics-columns{font-size:16px;gap:6%}
 .adults-reference .adult-topics-category h3{font-size:24px}
 .adults-reference .adult-topics-subgroup h4{font-size:18px}
 .adults-reference .attitude{min-height:0;padding:42px 0 42px}
 .adults-reference .attitude:before{top:-20cqw;height:24cqw}
 .adults-reference .attitude-copy{width:100%}
 .adults-reference .attitude-copy h2{margin-bottom:20px}
 .adults-reference .attitude-columns{font-size:17px;line-height:1.6}
 .adults-reference .attitude-columns p+p{margin-top:20px}
 .adults-reference .attitude-copy .info-button{font-size:17px;margin-top:22px}
 .adults-reference .attitude-paint{display:none}
 .adults-reference .attitude-kv{position:relative;right:auto;top:auto;width:min(100%,850px);height:min(80cqw,680px);margin:22px auto 0}
 .adults-reference .attitude-kv img{width:190%;right:-8%;top:-1cqw;mask-image:linear-gradient(90deg,transparent 43%,#000 49%,#000 97%,transparent),linear-gradient(transparent,#000 10%,#000 92%,transparent);mask-composite:intersect}
 .adults-reference .contact-chapter{padding-top:30px;padding-bottom:40px;grid-template-columns:46% 54%}
 .adults-reference .contact-chapter h2{font-size:30px;white-space:normal;margin-bottom:20px}
 .adults-reference .first-contact{padding-right:30px}
 .adults-reference .first-contact p{font-size:17px;line-height:1.6}
 .adults-reference .first-contact p+p{margin-top:20px}
 .adults-reference .first-contact address{margin:30px 0 20px;gap:14px}
 .adults-reference .first-contact address>a,.adults-reference .first-contact address>div{font-size:17px;gap:12px}
 .adults-reference .first-contact address svg{width:24px;height:24px}
 .adults-reference .contact-form{padding-left:26px}
 .adults-reference .form-intro{font-size:16px;margin-bottom:20px}
 .adults-reference .field{font-size:16px;gap:6px;margin-bottom:18px}
 .adults-reference .field input,.adults-reference .field textarea{font-size:16px;padding:10px 12px;border-radius:4px}
 .adults-reference .field input{height:46px}
 .adults-reference .field textarea{height:160px}
 .adults-reference .form-hint,.adults-reference .privacy-link{font-size:12px}
 .adults-reference .form-hint{margin:8px 0 22px}
 .adults-reference .form-actions{gap:18px}
 .adults-reference .form-actions .brush-button{font-size:16px;padding-inline:26px;gap:24px}
 .adults-reference .adult-footer{font-size:14px;padding-top:24px;padding-bottom:70px}
 .adults-reference .footer-subtitle,.adults-reference .adult-footer nav{font-size:13px}
 .adults-reference .registration{font-size:12px}
 .adults-reference .adult-footer:after{bottom:0}
}
@media(max-width:760px){
 .adults-reference .concerns{grid-template-columns:minmax(0,1fr)}
 .adults-reference .concerns-copy{grid-column:1;grid-row:1}
 .adults-reference .portrait{grid-column:1;grid-row:2;width:210px;height:270px;margin:0 auto}
 .adults-reference .portrait:before{inset:-18px -30px -12px}
 .adults-reference .adult-topics{grid-row:3}
 .adults-reference .concerns:has(.adult-topics[open]) .portrait{grid-row:2}
 .adults-reference .adult-topics-columns{grid-template-columns:minmax(0,1fr);row-gap:30px}
 .adults-reference .attitude-copy{width:100%}
 .adults-reference .attitude{padding:38px 0 28px}
 .adults-reference .attitude-paint{display:none}
 .adults-reference .attitude-kv{position:relative;right:auto;top:auto;width:100%;height:80cqw;margin:22px 0 0}
 .adults-reference .attitude-kv img{width:190cqw;right:-8cqw;top:-1cqw;mask-image:linear-gradient(90deg,transparent 43%,#000 49%,#000 97%,transparent),linear-gradient(transparent,#000 10%,#000 92%,transparent);mask-composite:intersect}
 .adults-reference .contact-chapter{grid-template-columns:minmax(0,1fr);gap:32px}
 .adults-reference .first-contact{padding:0}
 .adults-reference .contact-form{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}
 .adults-reference .adult-footer{grid-template-columns:1fr}
}
@media(max-width:650px){
 .adults-reference .adult-hero{padding-top:6px}
 .adults-reference .hero-copy>p{font-size:17px}
 .adults-reference .practice-illustration{height:62cqw;margin-top:14px}
 .adults-reference .practice-illustration img{width:170%;margin-left:-70%;margin-top:-4cqw}
 .adults-reference .practice-illustration:before{inset:-5cqw 0 0;background-size:145% auto;background-position:70% bottom}
 .adults-reference .concerns{padding-top:20px}
 .adults-reference .concerns-copy h2,.adults-reference .attitude-copy h2,.adults-reference .contact-chapter h2{font-size:29px}
 .adults-reference .attitude:before{top:-75px;height:100px;background-size:100% auto}
 .adults-reference .form-row{grid-template-columns:1fr;gap:0}
}
@media(max-width:370px){
 .adults-reference h1{font-size:30px}
 .adults-reference .adult-topics summary{font-size:16px;gap:14px}
 .adults-reference .form-row{grid-template-columns:1fr;gap:0}
 .adults-reference .brush-button{font-size:16px;padding-inline:25px}
}
