/* The guide directory keeps the established photographs and editorial rhythm. */
body.knowledge-page main p{font-size:16px;line-height:1.95;line-break:strict;overflow-wrap:break-word;text-wrap:pretty}
body.knowledge-page main :is(h2,h3){line-height:1.65;letter-spacing:.025em;line-break:strict;text-wrap:pretty}
body.knowledge-page main .eyebrow{font-size:14px;line-height:1.8;letter-spacing:.12em}
body.knowledge-page main .text-link{font-size:16px;line-height:1.8;min-height:48px;max-width:100%}
body.knowledge-page main .button{font-size:16px;line-height:1.8;min-height:58px;padding:17px 24px;gap:24px;max-width:100%}
body.knowledge-page main a:focus-visible{outline:3px solid #a76616;outline-offset:5px}
body.knowledge-page main :is(.guide-directory,.knowledge-resources){scroll-margin-top:8px}

/* Breadcrumbs sit on the photograph, without occupying another reading row. */
body.knowledge-page .page-hero.subhero{padding-block-start:82px}
body.knowledge-page .page-hero.subhero>.breadcrumbs{position:absolute;inset-block:12px auto;inset-inline:max(var(--gutter),calc((100% - 1280px)/2)) auto;width:max-content;max-width:calc(100% - var(--gutter)*2);padding:0;margin:0}
body.knowledge-page .page-hero.subhero>.breadcrumbs ol{width:fit-content;max-width:100%;padding:0;margin:0;background:transparent;border-radius:0;align-items:center;flex-wrap:nowrap}
body.knowledge-page .page-hero.subhero>.breadcrumbs li{flex-shrink:0;line-height:1.8}
body.knowledge-page .page-hero.subhero>.breadcrumbs li:last-child{min-width:0;flex-shrink:1}
body.knowledge-page .page-hero.subhero>.breadcrumbs a{font-size:16px;min-height:44px;padding-block:8px}
body.knowledge-page .page-hero.subhero>.breadcrumbs [aria-current]{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.knowledge-page .page-hero .hero-message{font-size:clamp(34px,3.1vw,46px);line-height:1.55;margin-block:20px 22px;max-width:15em}
body.knowledge-page .knowledge-message-line{display:inline-block;margin-inline-end:.35em}
body.knowledge-page main .page-lead{font-size:17px!important;line-height:1.95;max-width:34em}
body.knowledge-page .knowledge-lead-sentence{display:block}
body.knowledge-page .knowledge-lead-sentence+.knowledge-lead-sentence{margin-top:.35em}
body.knowledge-page .knowledge-hero-action{width:fit-content;margin-top:24px}
body.knowledge-page .knowledge-copy-line{display:block}
body.knowledge-page .knowledge-copy-line+.knowledge-copy-line{margin-top:.15em}

/* Three subjects, expressed as photographic chapters rather than repeated cards. */
body.knowledge-page .guide-directory{padding-block:62px 76px}
body.knowledge-page .guide-directory-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0 7%;padding-bottom:34px;border-bottom:1px solid #d3dfd1}
body.knowledge-page .guide-directory-intro>.eyebrow{grid-column:1/-1;margin:0 0 14px}
body.knowledge-page .guide-directory-intro h2{font-size:clamp(26px,2.4vw,34px);margin:0}
body.knowledge-page .knowledge-title-line{display:inline-block}
body.knowledge-page main .guide-directory-intro>p:not(.eyebrow){align-self:center;margin:0;max-width:32em}
body.knowledge-page .guide-directory>article{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;padding-block:44px 48px;align-items:center;border-bottom:1px solid #d3dfd1}
body.knowledge-page .guide-directory>article:nth-of-type(n)>.guide-scene{grid-column:1;grid-row:1}
body.knowledge-page .guide-directory>article:nth-of-type(n)>div{grid-column:2;grid-row:1}
body.knowledge-page .guide-directory>article:nth-of-type(2)>.guide-scene{grid-column:2;grid-row:1}
body.knowledge-page .guide-directory>article:nth-of-type(2)>div{grid-column:1;grid-row:1}
body.knowledge-page .guide-directory>article>div{min-width:0}
body.knowledge-page .guide-scene{width:100%;min-width:0;margin:0;background:transparent;border:0;overflow:visible}
body.knowledge-page .guide-scene img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:2px 32px 2px 2px;transform:none;filter:none;transition:none}
body.knowledge-page .guide-directory>article:nth-of-type(2) .guide-scene img{object-fit:cover;object-position:50% 44%;border-radius:32px 2px 2px 2px}
body.knowledge-page .guide-directory>article:nth-of-type(3) .guide-scene img{aspect-ratio:960/723;object-fit:contain;background:#fff;border-radius:2px}
body.knowledge-page .guide-scene figcaption{font-size:14px;line-height:1.8;margin:12px 0 0;color:#52675d}
body.knowledge-page main .guide-category{display:flex;align-items:center;gap:15px;margin:0 0 15px;color:#446756}
body.knowledge-page .guide-category>span{display:grid;place-items:center;width:38px;min-height:38px;flex-shrink:0;border:1px solid #bbd0b9;border-radius:50%;font-size:14px;letter-spacing:.02em}
body.knowledge-page .guide-directory article h2{font-size:clamp(25px,2.35vw,32px);font-weight:500;line-height:1.65;margin:0}
body.knowledge-page main .guide-summary{font-size:16px!important;line-height:1.95;max-width:35em;margin:18px 0 20px}
body.knowledge-page .guide-check-points{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0 0 22px;padding:0}
body.knowledge-page .guide-check-points>li{font-size:16px;line-height:1.8;color:#446756;padding-inline-start:13px;position:relative;max-width:100%;overflow-wrap:break-word}
body.knowledge-page .guide-check-points>li::before{content:"";position:absolute;inset:12px auto auto 0;width:4px;height:4px;background:#6d9272;border-radius:50%}
body.knowledge-page .guide-link{display:flex;align-items:center;justify-content:space-between;gap:22px;width:fit-content;padding:8px 4px;margin:0;border-bottom:1px solid #9db6a3}
body.knowledge-page .guide-link>span{flex-shrink:0}
body.knowledge-page .guide-link:hover{color:var(--teal-deep);background:#eff5ea;border-color:var(--teal)}
body.knowledge-page .guide-link:active{background:#e2eddb}

/* Resource titles describe the destination; a short line explains what is there. */
body.knowledge-page .knowledge-resources{padding-block:58px 66px}
body.knowledge-page .knowledge-resources>.two-column{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:8%;align-items:start}
body.knowledge-page .knowledge-resources .chapter-heading{margin:0;min-width:0}
body.knowledge-page .knowledge-resources h2{font-size:clamp(27px,2.4vw,34px);line-height:1.65}
body.knowledge-page .knowledge-resources h2>.phrase{display:block}
body.knowledge-page .knowledge-resources .chapter-heading>p:not(.eyebrow){font-size:16px;line-height:1.95;max-width:28em;margin-top:22px}
body.knowledge-page .knowledge-resource-art{display:block;width:260px;max-width:80%;height:auto;margin-top:26px}
body.knowledge-page .knowledge-resource-list{display:block;min-width:0;margin:0;border-top:1px solid #b6cab6}
body.knowledge-page .knowledge-resource{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:11px 20px;padding:23px 8px 25px;color:var(--ink);border-bottom:1px solid #b6cab6;min-width:0;transition:background .2s}
body.knowledge-page .resource-kind{grid-column:1;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;line-height:1.8;color:#446756}
body.knowledge-page .resource-origin{font-size:14px;color:#47615a}
body.knowledge-page .resource-copy{grid-column:1;display:grid;gap:10px;min-width:0}
body.knowledge-page main .resource-title{font-family:var(--sans);font-size:21px;font-weight:500;line-height:1.7;letter-spacing:.015em;line-break:strict;text-wrap:pretty;overflow-wrap:break-word;margin:0}
body.knowledge-page .resource-description{font-size:16px;line-height:1.9;line-break:strict;text-wrap:pretty;overflow-wrap:break-word;color:#465e56}
body.knowledge-page .resource-arrow{grid-column:2;grid-row:1/3;align-self:center;font-size:22px;line-height:1.5;color:var(--teal);transition:transform .2s}
body.knowledge-page .knowledge-resource:hover{background:#eaf1e3}
body.knowledge-page .knowledge-resource:hover .resource-title{color:var(--teal-deep)}
body.knowledge-page .knowledge-resource:hover .resource-arrow{transform:translateX(3px)}
body.knowledge-page .knowledge-resource:active{background:#e0ebd9}
body.knowledge-page main .page-cta h2{font-size:clamp(28px,2.6vw,36px);line-height:1.65;max-width:18em}
body.knowledge-page .page-cta h2>.phrase{display:block}
body.knowledge-page .knowledge-cta-line{display:block}
body.knowledge-page main .page-cta p:not(.eyebrow){font-size:16px!important;line-height:1.95;max-width:39em}

@media(max-width:1050px){
 body.knowledge-page .page-hero.subhero .page-hero-copy{width:64%}
 body.knowledge-page .guide-directory-intro{grid-template-columns:minmax(0,1fr);gap:18px}
 body.knowledge-page .guide-directory-intro>.eyebrow{margin:0}
 body.knowledge-page main .guide-directory-intro>p:not(.eyebrow){max-width:44em}
 body.knowledge-page .knowledge-resources>.two-column{grid-template-columns:minmax(0,1fr);gap:30px}
 body.knowledge-page .knowledge-resources .chapter-heading{display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:32px;align-items:center}
 body.knowledge-page .knowledge-resources .chapter-heading>:not(.knowledge-resource-art){grid-column:1}
 body.knowledge-page .knowledge-resource-art{grid-column:2;grid-row:1/4;width:220px;max-width:100%;margin:0}
 body.knowledge-page .knowledge-resources h2>.phrase{display:inline-block}
 body.knowledge-page .knowledge-resources .chapter-heading>p:not(.eyebrow){max-width:44em;margin-top:18px}
}
@media(max-width:960px){
 body.knowledge-page .guide-directory>article{grid-template-columns:minmax(0,1fr);gap:25px;padding-block:34px 38px}
 body.knowledge-page .guide-directory>article:nth-of-type(n)>.guide-scene,body.knowledge-page .guide-directory>article:nth-of-type(n)>div{grid-column:1;grid-row:auto}
 body.knowledge-page .guide-scene{max-width:680px;justify-self:center}
 body.knowledge-page .guide-directory>article:nth-of-type(3) .guide-scene{max-width:520px}
 body.knowledge-page .guide-summary{max-width:44em}
}
@media(max-width:760px){
 body.knowledge-page .page-hero.subhero{padding-block-start:298px}
 body.knowledge-page .page-hero.subhero .page-hero-copy{width:100%}
 body.knowledge-page .page-hero.subhero>.breadcrumbs{inset-block-start:14px;max-width:calc(100% - var(--gutter)*2)}
 body.knowledge-page .page-hero .hero-message{font-size:34px;line-height:1.6}
 body.knowledge-page .knowledge-message-line{display:block;margin-inline-end:0}
 body.knowledge-page main .page-lead{font-size:16px!important}
 body.knowledge-page .knowledge-lead-sentence{display:inline}
 body.knowledge-page .knowledge-lead-sentence+.knowledge-lead-sentence{margin-top:0}
 body.knowledge-page .knowledge-copy-line{display:inline}
 body.knowledge-page .knowledge-copy-line+.knowledge-copy-line{margin-top:0}
 body.knowledge-page .guide-directory{padding-block:38px 48px}
 body.knowledge-page .guide-directory-intro{padding-bottom:28px;gap:16px}
 body.knowledge-page .guide-directory>article{grid-template-columns:minmax(0,1fr);gap:25px;padding-block:32px 36px}
 body.knowledge-page .guide-directory>article:nth-of-type(n)>.guide-scene,body.knowledge-page .guide-directory>article:nth-of-type(n)>div{grid-column:1;grid-row:auto}
 body.knowledge-page .guide-scene img{border-radius:2px 26px 2px 2px;aspect-ratio:1.5}
 body.knowledge-page .guide-directory>article:nth-of-type(3) .guide-scene{max-width:520px;justify-self:center}
 body.knowledge-page .guide-directory article h2{font-size:27px}
 body.knowledge-page main .guide-summary{margin-block:16px 18px}
 body.knowledge-page .guide-check-points{margin-bottom:18px}
 body.knowledge-page .guide-link{width:100%;padding-block:10px}
 body.knowledge-page .knowledge-resources{padding-block:38px 46px}
 body.knowledge-page .knowledge-resources>.two-column{gap:26px}
 body.knowledge-page main .resource-title{font-size:20px}
 body.knowledge-page .knowledge-resource{padding-block:21px 23px;gap:10px 15px}
 body.knowledge-page .page-cta .cta-actions{width:100%}
}
@media(max-width:600px){
 body.knowledge-page .knowledge-resources .chapter-heading{display:block}
 body.knowledge-page .knowledge-resource-art{width:220px;max-width:70%;margin-top:22px}
}
@media(max-width:420px){
 body.knowledge-page .guide-directory article h2{font-size:25px}
 body.knowledge-page .page-cta h2>.phrase{display:inline}
 body.knowledge-page .guide-check-points{column-gap:14px}
}
@media(prefers-reduced-motion:reduce){body.knowledge-page .knowledge-resource,body.knowledge-page .resource-arrow{transition:none;transform:none}}
