/* Educational guide and homepage teaser: scoped to preserve the approved site. */
.skin-guide-teaser{padding:72px 6%;background:var(--ivory);color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:7%;align-items:center;border-bottom:1px solid var(--line)}
.skin-guide-teaser figure{min-width:0}.skin-guide-teaser picture{display:block}.skin-guide-teaser img{height:auto;aspect-ratio:1;object-fit:contain}.skin-guide-teaser figcaption{font-size:12px;line-height:1.6;margin-top:14px}.skin-guide-teaser figcaption a{text-decoration:underline}.guide-eyebrow{font-size:13px;margin-bottom:18px}.skin-guide-teaser h2{font:56px/1.05 var(--serif);margin-bottom:24px;text-wrap:balance}.skin-guide-teaser .teaser-copy>p:not(.guide-eyebrow){font-size:18px;line-height:1.7;max-width:560px;margin-bottom:28px}.skin-guide-teaser .outline-button{max-width:100%;gap:24px}.masthead nav:has(.skin-guide-nav){gap:20px;font-size:13px}
.guide-page{background:var(--ivory);color:var(--ink);font:18px/1.75 var(--sans)}.guide-page a:not(.brand):not(.outline-button){text-decoration:underline;text-underline-offset:4px}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 6%;background:var(--blue);color:var(--ivory)}.guide-header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.guide-main{max-width:1140px;margin:auto;padding:36px 32px 80px}.guide-breadcrumb{font-size:14px;margin-bottom:32px}.guide-thanks{font:42px/1.16 var(--serif);max-width:860px;margin-bottom:20px}.guide-disclosure{max-width:820px;font-size:15px;line-height:1.75;margin-bottom:38px}.guide-title{font:70px/1.03 var(--serif);max-width:980px;text-wrap:balance;margin-bottom:24px}.guide-byline{font-size:15px;max-width:700px;margin-bottom:12px}.guide-date{font-size:14px;margin-bottom:30px}.guide-hero{max-width:800px;margin-bottom:48px}.guide-hero img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.guide-hero figcaption{font-size:13px;line-height:1.6;margin-top:14px}.guide-reading{max-width:780px;margin:auto}.guide-reading p{margin-bottom:22px;line-height:1.85}.guide-reading .guide-lede{font-size:21px;line-height:1.7}.guide-reading h2{font:38px/1.15 var(--serif);margin:48px 0 22px}.guide-reading h3{font:27px/1.25 var(--serif);margin:30px 0 14px}.guide-reading table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.7;margin-bottom:18px}.guide-reading th,.guide-reading td{padding:20px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top}.guide-reading th{width:30%;font-weight:400;background:var(--paper)}.guide-reading thead th{background:var(--blue);color:var(--ivory)}.guide-reading table caption{text-align:left;font-size:14px;margin-bottom:12px}.guide-note{font-size:14px}.guide-clinic{padding:40px 32px;margin:60px -32px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-clinic h2{margin-top:12px}.guide-clinic address{font-style:normal;margin-bottom:24px}.guide-clinic .clinic-details{display:grid;grid-template-columns:1fr 1fr;gap:30px}.guide-actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.guide-actions .outline-button{gap:16px;min-width:0;max-width:100%}.guide-related{padding-left:20px}.guide-related li{margin-bottom:12px}.guide-sources li{margin-bottom:16px}.guide-footer{padding:36px 6%;background:var(--blue);color:var(--ivory)}.guide-footer p{margin-bottom:16px}.guide-footer button{font:inherit;color:inherit;border:1px solid currentColor;background:transparent;padding:10px 16px}.guide-page p,.guide-page li,.guide-page td,.guide-page th{overflow-wrap:break-word}.guide-page h1,.guide-page h2,.skin-guide-teaser h2{letter-spacing:0}
@media(max-width:1150px) and (min-width:951px){.masthead nav:has(.skin-guide-nav){gap:12px;font-size:11px}}
@media(max-width:750px){.skin-guide-teaser{grid-template-columns:1fr;padding:44px 6%;gap:30px}.skin-guide-teaser h2{font-size:40px}.skin-guide-teaser .teaser-copy>p:not(.guide-eyebrow){font-size:17px}.guide-header{align-items:flex-start;flex-direction:column;padding:24px 6%}.guide-header nav{gap:18px}.guide-main{padding:28px 6% 50px}.guide-thanks{font-size:32px}.guide-title{font-size:46px}.guide-reading h2{font-size:32px}.guide-reading h3{font-size:25px}.guide-reading .guide-lede{font-size:19px}.guide-hero{margin-bottom:36px}.guide-clinic{margin:42px 0 0;padding:28px 20px}.guide-clinic .clinic-details{grid-template-columns:1fr;gap:0}.guide-reading th,.guide-reading td{padding:14px 10px;font-size:15px}.guide-reading th{width:34%}.guide-header .brand .brand-name{font-size:40px}.guide-page{font-size:17px}}
@media(max-width:370px){.guide-title{font-size:40px}.guide-thanks{font-size:29px}.guide-header .brand .brand-name{font-size:34px}.guide-header .brand .brand-clinic{font-size:9.5px}}