/* Editorial learning layouts, extending the established RespAir tokens. */
.learn-hero h1{max-width:1040px}
.learn-hero p:not(.breadcrumb){max-width:710px}
.learn-jump{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:38px;padding-top:23px;border-top:1px solid var(--line-dark)}
.learn-jump a{display:flex;gap:9px;align-items:baseline;padding:7px 0;color:var(--white);font-size:15px;text-decoration:none}
.learn-jump a:hover{text-decoration:underline}
.learn-preview{background:var(--ice);border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:14px;line-height:1.5}
.learn-preview .shell{display:flex;flex-wrap:wrap;gap:6px 16px;padding-block:14px}
.learn-preview strong{color:var(--navy)}
.learn-shortcuts{padding-block:35px;border-bottom:1px solid var(--line)}
.learn-shortcuts .shell{display:grid;grid-template-columns:1fr 2fr;gap:7%}
.learn-shortcuts h2{font-size:18px;line-height:1.5;max-width:230px;margin:0}
.learn-shortcuts .shell>div{display:flex;flex-direction:column;gap:4px}
.learn-shortcuts a{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:8px 0;color:var(--teal);font-size:16px}
.learn-center svg,.learning-guide svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.learn-area{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding-block:64px;border-bottom:1px solid var(--line);scroll-margin-top:115px}
.learn-area:last-child{border-bottom:0}
.learn-area h2{font-size:clamp(1.7rem,2.4vw,2.1rem);line-height:1.22;margin-bottom:16px}
.learn-area-intro>p{font-size:16px;line-height:1.65}
.learn-entry{padding-block:21px;border-bottom:1px solid var(--line)}
.learn-entry:first-child{padding-top:0}
.learn-entry:last-child{border-bottom:0;padding-bottom:0}
.learn-entry h3{font-size:20px;line-height:1.4;margin:0 0 7px}
.learn-entry h3 a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:var(--navy);text-decoration:none}
.learn-entry h3 a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.learn-entry h3 svg{align-self:center;color:var(--teal)}
.learn-entry p{font-size:16px;line-height:1.6;margin:0;max-width:65ch}
.learn-draft-label{display:block;font-size:13px;color:var(--teal);margin-top:6px}
.learn-support{background:var(--ice);padding-block:56px}
.learn-support .shell{display:grid;grid-template-columns:1.4fr 1fr;gap:10%}
.learn-support h2{font-size:24px;line-height:1.3}
.learn-support p{font-size:17px}
.learn-reading{padding-block:40px}
.learn-reading h2{font-size:20px}
.learn-reading p{max-width:80ch;font-size:16px;margin-bottom:0}
.learn-reading a{color:var(--teal)}
.guide-heading{padding-block:48px 40px;border-bottom:1px solid var(--line)}
.guide-heading .breadcrumb{color:var(--ink-soft);font-size:14px;margin:0 0 26px}
.guide-heading .breadcrumb a{color:var(--teal)}
.guide-heading h1{color:var(--navy);font-size:clamp(2.3rem,4.2vw,3.75rem);line-height:1.13;letter-spacing:-.025em;max-width:980px;margin:0 0 24px}
.guide-answer{max-width:74ch;font-size:21px;line-height:1.65;color:var(--ink-soft);margin:0}
.guide-meta{font-size:14px;margin:24px 0 0;color:var(--ink-soft)}
.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:7%;padding-block:48px 72px;align-items:start}
.guide-contents{position:sticky;top:115px}
.guide-contents h2{font-size:16px;margin:0 0 18px}
.guide-contents ol{list-style:none;padding:0;margin:0}
.guide-contents li{margin:0 0 10px}
.guide-contents a{display:block;font-size:15px;line-height:1.5;color:var(--ink-soft);text-decoration:none;padding:4px 0}
.guide-contents a:hover{color:var(--teal);text-decoration:underline}
.guide-contents .guide-back{color:var(--teal);margin-top:24px;border-top:1px solid var(--line);padding-top:20px}
.guide-body{max-width:72ch;font-size:18px;line-height:1.75;min-width:0}
.guide-body>section{scroll-margin-top:115px;padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid var(--line)}
.guide-body>section:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.guide-body h2{font-size:clamp(1.6rem,2.5vw,1.9rem);line-height:1.3;margin:0 0 20px}
.guide-body p{font-size:inherit;line-height:inherit;margin:0 0 18px}
.guide-body p:last-child{margin-bottom:0}
.guide-body ul{padding-left:24px;margin:0 0 20px}
.guide-body li{margin-bottom:9px}
.guide-body a{color:var(--teal);text-underline-offset:3px}
.guide-body .source-ref{white-space:nowrap;font-size:.8em;vertical-align:super;line-height:0}
.guide-table-wrap{margin:25px 0;overflow-x:auto}
.guide-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px;line-height:1.6}
.guide-table caption{text-align:left;margin-bottom:14px;font-size:15px;color:var(--ink-soft)}
.guide-table td,.guide-table th{padding:17px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.guide-table thead{background:var(--ice)}
.guide-table th{font-weight:700;color:var(--navy)}
.guide-definitions{margin:0}
.guide-definitions>div{margin-bottom:24px}
.guide-definitions dt{font-weight:700;margin-bottom:6px}
.guide-definitions dd{margin:0}
.guide-questions details{border-top:1px solid var(--line);padding:0}
.guide-questions details:last-child{border-bottom:1px solid var(--line)}
.guide-questions summary{position:relative;cursor:pointer;padding:20px 30px 20px 0;font-size:18px;font-weight:700;color:var(--navy);line-height:1.5;list-style:none}
.guide-questions summary::-webkit-details-marker{display:none}
.guide-questions summary::after{content:'+';position:absolute;right:0;top:20px;color:var(--teal);font-size:22px;font-weight:400}
.guide-questions details[open]>summary::after{content:'−'}
.guide-questions details>div{padding:0 0 22px}
.guide-body .guide-sources{font-size:15px;line-height:1.7}
.guide-sources ol{padding-left:22px;margin:22px 0}
.guide-sources li{scroll-margin-top:115px;padding-left:6px;margin-bottom:13px}
.guide-related ul{list-style:none;padding:0}
.guide-related li a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0}
.guide-related>p{font-size:16px}
.home-learn{padding-block:64px;border-bottom:1px solid var(--line)}
.home-learn .section-heading{margin-bottom:28px}
.home-learn-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.home-learn-links>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:18px 0;border-top:1px solid var(--line);font:700 16px/1.5 var(--head);color:var(--teal);text-decoration:none}
.home-learn-links>a:hover{text-decoration:underline}
.home-learn-note{display:flex;justify-content:space-between;gap:30px;margin-top:22px}
.home-learn-note p{font-size:15px;margin:0}
.home-learn-note a{color:var(--teal)}
.consultation-start{background:var(--ice)}
.consultation-start .split-layout{align-items:start}
.consultation-start h2 em{font-style:normal;color:var(--teal)}
.consultation-start-list>p{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.consultation-start-list strong{display:block;margin-bottom:6px}
.consultation-start .text-link{display:inline-flex;align-items:center;gap:10px;color:var(--teal);font-weight:700}
.consultation-start .text-link svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.guide-layout{grid-template-columns:210px minmax(0,1fr);gap:5%}.guide-contents{top:105px}}
@media(max-width:900px){.learn-area,.learn-shortcuts .shell{grid-template-columns:1fr 1.8fr;gap:6%}.learn-jump{gap:5px 24px}.guide-contents{position:static}.guide-layout{display:block;padding-top:28px}.guide-contents{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:36px}.guide-contents ol{columns:2;column-gap:28px}.guide-contents li{break-inside:avoid}.guide-contents .guide-back{border:0;margin-top:14px;padding-top:4px}.guide-body{max-width:72ch}.home-learn-links{gap:18px}.home-learn-note{display:block}.home-learn-note p+p{margin-top:14px}}
@media(max-width:600px){.learn-hero h1{font-size:clamp(2.2rem,9vw,2.7rem)}.learn-jump{display:block;margin-top:26px;padding-top:20px}.learn-jump a{padding:8px 0}.learn-preview .shell{display:block}.learn-preview strong{display:block;margin-bottom:3px}.learn-shortcuts .shell,.learn-area,.learn-support .shell{grid-template-columns:1fr;gap:22px}.learn-shortcuts h2{max-width:none}.learn-shortcuts a{font-size:15px}.learn-area{padding-block:38px;scroll-margin-top:90px}.learn-area-intro>p{margin-bottom:0}.learn-area h2{font-size:27px;margin-bottom:12px}.learn-entry{padding-block:20px}.learn-entry h3{font-size:19px}.learn-entry p{font-size:16px}.learn-support{padding-block:38px}.learn-support .shell>div+div{border-top:1px solid var(--line);padding-top:28px}.learn-reading{padding-block:32px}.guide-heading{padding-block:30px}.guide-heading .breadcrumb{font-size:13px;margin-bottom:22px}.guide-heading h1{font-size:35px;line-height:1.17}.guide-answer{font-size:18px}.guide-meta{font-size:13px}.guide-contents ol{columns:1}.guide-contents li{margin-bottom:6px}.guide-body{font-size:17px;line-height:1.75}.guide-body h2{font-size:25px}.guide-body>section{padding-bottom:28px;margin-bottom:28px;scroll-margin-top:90px}.guide-questions summary{font-size:17px}.guide-table{font-size:15px}.guide-table td,.guide-table th{padding:13px 10px}.guide-sources li{scroll-margin-top:90px}.home-learn{padding-block:50px}.home-learn-links{grid-template-columns:1fr;gap:0}}
