/* Varied page rhythm: a sector showcase, editorial pauses, grouped answers. */
.audiences{padding-block:75px 80px;scroll-margin-top:0}.audiences .section-head{margin-bottom:35px}
.audience-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);margin-bottom:35px;gap:20px}
.audience-tabs button{display:flex;align-items:center;gap:17px;text-align:left;background:none;color:#65766a;border:0;border-bottom:2px solid transparent;padding:19px 0 21px;font-size:18px;font-weight:500;transition:color .2s,border-color .2s}
.audience-tabs button:hover{color:var(--green)}
.audience-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}
.tab-index{font-size:12px;font-weight:400;letter-spacing:.04em}
.audiences-enhanced .audience{grid-template-columns:1fr 1.08fr;gap:64px;padding:0;border:0;min-height:540px;align-items:center;animation:sector-in .4s var(--ease)}
.audiences-enhanced .audience-image{order:0;aspect-ratio:auto;height:540px}
.audiences-enhanced .audience:nth-of-type(even) .audience-image{order:0}
.audiences-enhanced .audience-copy{padding:22px 0}
.audiences-enhanced .audience-copy h3{font-size:clamp(30px,2.9vw,40px)}
.audiences-enhanced .audience-copy>p:not(.eyebrow){margin-top:20px}
.audiences-enhanced .feature-list{margin-block:18px}
.audiences-enhanced .feature-list li{padding-block:9px}
.audiences-enhanced .audience:focus-visible{outline:2px solid var(--green);outline-offset:8px;border-radius:10px}
@keyframes sector-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.problem{padding-block:70px;background:#f0f7f3;border-block:1px solid #dceadf}
.problem>.shell{display:grid;grid-template-columns:1fr 1.08fr;column-gap:64px}
.problem .eyebrow{grid-column:1;align-self:end}
.problem h2{grid-column:1;font-size:clamp(34px,3.6vw,51px);max-width:450px;align-self:start}
.problem-grid{grid-column:2;grid-row:1/3;display:block;margin:0;counter-reset:reception-work}
.problem-grid article{display:grid;grid-template-columns:32px 1fr;column-gap:16px;padding-block:24px;border-top:1px solid #c5d8cb}
.problem-grid article:first-child{border-top:0;padding-top:0}
.problem-grid article:last-child{padding-bottom:0}
.problem-grid article:before{counter-increment:reception-work;content:'0' counter(reception-work);grid-row:1/3;font-size:12px;color:var(--green);padding-top:4px}
.problem-grid h3{font-size:22px;margin-bottom:10px}
.problem-grid p{grid-column:2;font-size:15px;line-height:1.8}
.journal{padding-block:80px}
.journal .section-head{align-items:center;margin-bottom:32px}
.journal h2 br{display:none}
.article-grid{grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:0 48px}
.article-card{padding:25px 0;min-height:0}
.article-card:first-child{grid-row:1/3;background:#f3f8f5;border:1px solid #dce9e1;border-radius:10px;padding:36px;display:flex;flex-direction:column;align-items:start}
.article-card:first-child h3{font-size:clamp(27px,2.4vw,34px);line-height:1.35;max-width:490px;margin-bottom:35px}
.article-card:first-child .article-link{margin-top:auto;width:100%}
.article-card:not(:first-child) h3{font-size:23px;margin-top:12px}
.article-card .article-link{margin-top:20px;font-size:13px}
.article-card .article-category{font-size:12px}
.article-card:last-child{border-bottom:1px solid #c4d6ca}
.article-card:hover{transform:none}
.faq-layout{grid-template-columns:.75fr 1.25fr;gap:100px;align-items:start}
.faq-intro{position:sticky;top:130px}
.faq-intro h2{font-size:clamp(34px,3.3vw,46px)}
.faq-nav{display:flex;flex-direction:column;gap:3px;margin-block:28px;max-width:290px}
.faq-nav a{display:flex;gap:18px;padding:10px 0;font-size:14px;color:#3b5c48}
.faq-nav a span{font-size:12px;color:#708678;min-width:20px;padding-top:2px}
.faq-nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}
.faq-group{scroll-margin-top:20px;margin-bottom:38px}
.faq-group:last-child{margin-bottom:0}
.faq-group>h3{display:flex;align-items:center;gap:16px;font-size:15px;font-weight:600;letter-spacing:0;padding-bottom:17px;border-bottom:1px solid #b9d2c1;color:#315a40}
.faq-group>h3 span{font-size:12px;color:var(--green);font-weight:400}
.faq-list details{padding:16px 0}
.faq-list summary{font-size:16px;line-height:1.65;align-items:center;gap:20px}
.faq-list summary:after{content:'';width:28px;height:28px;flex:0 0 28px;border:1px solid #c8dcd0;border-radius:50%;display:block;background:linear-gradient(currentColor,currentColor) center/10px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 10px no-repeat}
.faq-list details[open] summary:after{content:'';background-size:10px 1.5px,0 0;background-color:#edf7f1}
.faq-list details p{font-size:15px;line-height:1.85;padding:12px 45px 6px 0}
.faq-list details p a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.audiences-enhanced .audience,.problem>.shell{gap:40px}.audiences-enhanced .audience-image{height:535px}.faq-layout{gap:55px}.article-grid{column-gap:32px}}
@media(max-width:850px){.audience-tabs{gap:15px}.audience-tabs button{font-size:16px;gap:10px}.audiences-enhanced .audience{gap:32px;grid-template-columns:.85fr 1fr}.audiences-enhanced .audience-image{height:560px}.audiences-enhanced .audience-copy h3{font-size:30px}.problem>.shell{grid-template-columns:.8fr 1fr}.problem h2{font-size:35px}.faq-layout{grid-template-columns:.7fr 1.3fr;gap:32px}.faq-intro h2{font-size:34px}.article-card:first-child{padding:27px}.article-card:not(:first-child) h3{font-size:20px}}
@media(max-width:700px){
 .audiences{padding-bottom:55px;scroll-margin-top:0}.audience-tabs{grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:25px}.audience-tabs button{font-size:16px;padding:15px 0;min-height:54px;gap:13px}.audiences-enhanced .audience{display:flex;gap:25px;min-height:0}.audiences-enhanced .audience-image{height:280px;aspect-ratio:auto;order:0;width:100%}.audiences-enhanced .audience-copy{padding:0}.audiences-enhanced .audience-copy h3{font-size:30px}.audiences-enhanced .audience-copy>p:not(.eyebrow){font-size:16px}.audiences-enhanced .feature-list li{font-size:14px;padding-block:10px}
 .problem{padding-block:50px}.problem>.shell{display:block}.problem h2{font-size:34px;max-width:430px}.problem-grid{margin-top:35px}.problem-grid article{padding-block:23px}.problem-grid article:first-child{border-top:1px solid #c5d8cb;padding-top:23px}.problem-grid h3{font-size:21px}
 .journal{padding-block:60px}.journal .section-head{margin-bottom:28px}.journal h2{max-width:330px}.journal .section-head>.text-link{margin-top:18px}.article-grid{display:block}.article-card:first-child{padding:26px;margin-bottom:6px}.article-card:first-child h3{font-size:29px;margin-bottom:30px}.article-card:not(:first-child) h3{font-size:23px}.article-card:nth-child(2){border-top:0}.article-card{padding-block:26px}
 .faq-layout{display:block}.faq-intro{position:static;margin-bottom:35px}.faq-intro h2{font-size:34px}.faq-intro h2 br{display:none}.faq-intro>p:not(.eyebrow){margin-top:18px!important}.faq-nav{max-width:none;margin-block:22px 12px}.faq-nav a{font-size:15px;padding-block:9px}.faq-group{scroll-margin-top:10px;margin-bottom:35px}.faq-group>h3{font-size:15px}.faq-list summary{font-size:16px}.faq-list details p{padding-right:15px;font-size:15px}.faq-list details{padding-block:15px}
}
@media(prefers-reduced-motion:reduce){.audiences-enhanced .audience{animation:none}}
/* Keep all five sectors visible, with a distinct place for hair salons. */
.sector-nav{grid-template-columns:1.35fr repeat(5,minmax(0,1fr))}
.sector-nav>a{padding-inline:18px}
.hero-note{max-width:460px}
.scenario-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.scenario-controls button{text-align:left}
@media(max-width:1100px){.sector-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sector-nav>span{display:none}.sector-nav>a{padding-inline:12px;font-size:14px}.sector-nav>a:first-of-type{padding-left:0;border-left:0}.audience-tabs{gap:14px}.audience-tabs button{font-size:16px;gap:12px}}
@media(min-width:701px) and (max-width:1000px){.audience-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}.audience-tabs button{padding-block:15px}.sector-nav>a{font-size:13px;gap:8px;padding-inline:10px}}
@media(max-width:700px){.sector-nav{grid-template-columns:1fr 1fr}.sector-nav>a{padding:18px 12px 18px 0;border-left:0;border-bottom:1px solid var(--line);font-size:14px}.sector-nav>a:nth-of-type(even){padding-left:20px;border-left:1px solid var(--line)}.sector-nav>a:last-of-type{grid-column:1/-1;border:0;padding-right:0}.audience-tabs{grid-template-columns:1fr 1fr;gap:0 20px}.audience-tabs button:last-child{grid-column:1/-1}.hero-note{max-width:350px}}