:where(:root:has([data-route~=concern])):root{--approach-art:url(/assets/approach-art.jpg)}:where(:root:has([data-route~=concern])) .accent-heading:after,:where(:root:has([data-route~=concern])) .closing-copy .accent-heading:after{content:none}:where(:root:has([data-route~=concern])) .closing-copy h2{margin-bottom:.75rem}@media (max-width:47.9375em){:where(:root:has([data-route~=concern])) .overview-directory{padding-top:2.25rem}:where(:root:has([data-route~=concern])) .overview-assessment-grid{grid-template-columns:1fr;gap:1.5rem}}:where(:root:has([data-route~=concern])) .explanation-section{background:linear-gradient(180deg, var(--clr-surface) 0%, var(--clr-surface-alt) 100%);padding-block:3.5rem 4rem;position:relative;overflow:hidden}:where(:root:has([data-route~=concern])) .explanation-section .accent-heading{font-family:var(--serif,"Newsreader", Georgia, serif);color:var(--heading,var(--clr-ink));letter-spacing:-.015em;max-width:32ch;margin-bottom:2.25rem;font-size:clamp(1.75rem,3.2vw,2.25rem);font-weight:700;line-height:1.25;position:relative}:where(:root:has([data-route~=concern])) .explanation-list{counter-reset:cause-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid;position:relative}:where(:root:has([data-route~=concern])) .explanation-list>li{counter-increment:cause-step;background:var(--white,var(--clr-white));border:1px solid var(--clr-mint-150);box-shadow:0 4px 18px rgb(var(--clr-ink-rgb) / 4%);border-radius:16px;flex-direction:column;align-items:flex-start;min-width:0;padding:1.625rem 1.5rem 1.75rem;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,border-color .22s;display:flex;position:relative}:where(:root:has([data-route~=concern])) .explanation-list>li:before{content:none;display:none}:where(:root:has([data-route~=concern])) .explanation-list>li:after{content:counter(cause-step, decimal-leading-zero);font-family:var(--sans);font-size:var(--fs-13);letter-spacing:.06em;color:var(--clr-sage);pointer-events:none;font-weight:700;line-height:1;position:absolute;top:22px;right:22px}:where(:root:has([data-route~=concern])) .explanation-list>li:hover{border-color:var(--action,var(--clr-action));box-shadow:0 12px 28px rgb(var(--clr-ink-rgb) / 9%);transform:translateY(-4px)}:where(:root:has([data-route~=concern])) .explanation-icon{box-sizing:border-box;background:var(--clr-surface-alt);border:1px solid rgb(var(--clr-action-rgb) / 6%);width:58px;height:58px;color:var(--action,var(--clr-action));border-radius:14px;flex:none;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:background-color .22s,transform .22s;display:flex}:where(:root:has([data-route~=concern])) .explanation-list>li:hover .explanation-icon{background:var(--clr-mint-150);transform:scale(1.05)}:where(:root:has([data-route~=concern])) .explanation-icon .icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}:where(:root:has([data-route~=concern])) .explanation-copy{width:100%;min-width:0;padding-right:0}:where(:root:has([data-route~=concern])) .explanation-label{font-family:var(--sans);font-size:var(--fs-18);color:var(--heading,var(--clr-ink));letter-spacing:-.01em;margin-bottom:.625rem;font-weight:700;line-height:1.35;display:block}:where(:root:has([data-route~=concern])) .explanation-list p{font-family:var(--sans);font-size:var(--fs-14-5);color:var(--body,var(--clr-muted));margin:0;line-height:1.6}@media (max-width:63.9375em){:where(:root:has([data-route~=concern])) .explanation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}@media (max-width:47.9375em){:where(:root:has([data-route~=concern])) .explanation-section{padding-block:2.5rem 3rem}:where(:root:has([data-route~=concern])) .explanation-section .accent-heading{font-size:var(--fs-26);margin-bottom:1.5rem}:where(:root:has([data-route~=concern])) .explanation-list{grid-template-columns:minmax(0,1fr);gap:1rem}:where(:root:has([data-route~=concern])) .explanation-list>li{padding:1.375rem 1.25rem 1.5rem}:where(:root:has([data-route~=concern])) .explanation-icon{border-radius:12px;width:50px;height:50px;margin-bottom:1rem}:where(:root:has([data-route~=concern])) .explanation-icon .icon{width:26px;height:26px}:where(:root:has([data-route~=concern])) .explanation-label{font-size:var(--fs-16);margin-bottom:.5rem}:where(:root:has([data-route~=concern])) .explanation-list p{font-size:var(--fs-14)}}:where(:root:has([data-route~=concern])) .support-card{will-change:transform, box-shadow;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),border-color .22s}:where(:root:has([data-route~=concern])) .support-card:hover{border-color:var(--action);box-shadow:0 16px 36px rgb(var(--clr-ink-rgb) / 12%);transform:translateY(-6px)}:where(:root:has([data-route~=concern])) .support-card .sprite{transition:transform .45s cubic-bezier(.16,1,.3,1)}:where(:root:has([data-route~=concern])) .support-card:hover .sprite{transform:scale(1.025)}:where(:root:has([data-route~=concern])) .care-row article{transition:transform .3s}:where(:root:has([data-route~=concern])) .care-row article:hover{transform:translateY(-3px)}:where(:root:has([data-route~=concern])) .notice{transition:transform .28s,box-shadow .28s,border-color .2s}:where(:root:has([data-route~=concern])) .notice:hover{box-shadow:0 10px 24px rgb(var(--clr-ink-rgb) / 7%);transform:translateY(-3px)}:where(:root:has([data-route~=concern])) .consult-card{transition:transform .35s,box-shadow .35s}:where(:root:has([data-route~=concern])) .consult-card:hover{box-shadow:0 16px 36px rgb(var(--clr-ink-rgb) / 10%);transform:translateY(-4px)}:where(:root:has([data-route~=concern])) .faq{transition:border-color .25s,box-shadow .25s,background-color .25s}:where(:root:has([data-route~=concern])) .faq:hover{border-color:var(--action);box-shadow:0 4px 14px rgb(var(--clr-ink-rgb) / 5%)}:where(:root:has([data-route~=concern])) .faq summary{transition:color .2s}:where(:root:has([data-route~=concern])) .faq summary:hover{color:var(--action)}:where(:root:has([data-route~=concern])) .button{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),background .2s,border-color .2s}:where(:root:has([data-route~=concern])) .button:hover{box-shadow:0 6px 18px rgb(var(--clr-ink-rgb) / 20%);transform:translateY(-2px)}:where(:root:has([data-route~=concern])) .button:active{transform:translateY(0)}@media (max-width:47.9375em){:where(:root:has([data-route~=concern])) .support-card:active,:where(:root:has([data-route~=concern])) .approach-card:active,:where(:root:has([data-route~=concern])) .notice:active,:where(:root:has([data-route~=concern])) .faq:active{transition:transform .12s;transform:scale(.988)}}@media (prefers-reduced-motion:reduce){:where(:root:has([data-route~=concern])) .support-card,:where(:root:has([data-route~=concern])) .support-card .sprite,:where(:root:has([data-route~=concern])) .support-card .arrow,:where(:root:has([data-route~=concern])) .approach-card,:where(:root:has([data-route~=concern])) .care-row article,:where(:root:has([data-route~=concern])) .care-row article .sprite,:where(:root:has([data-route~=concern])) .notice,:where(:root:has([data-route~=concern])) .consult-card,:where(:root:has([data-route~=concern])) .faq,:where(:root:has([data-route~=concern])) .button{transition:none;transform:none!important}}:where(:root:has([data-route~=concern])) .concern-detail-wrapper{display:contents}
