/* A quieter reading room, with warm photography and explicit choices. */
.resource-hub,.article-page{background:var(--ivory)}
.resource-hub main,.article-page main{overflow:visible}
.reading-room{padding-block:140px 62px}
.reading-room-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:6vw;margin-top:32px}
.reading-room-copy h1{font-size:clamp(48px,5.2vw,72px);line-height:1.06;letter-spacing:-.035em;margin:22px 0;max-width:17ch}
.reading-room-copy>p{font-size:18px;line-height:1.7;max-width:38ch}
.reading-room-photo,.reading-photo{min-width:0;margin:0}
.reading-room-photo img,.reading-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:var(--photo-position);border-radius:4px;filter:none!important;mix-blend-mode:normal!important;mask:none!important}
.reading-room-photo img{aspect-ratio:6/5;border-radius:4px 64px 4px 4px}
.reading-room-photo figcaption,.reading-photo figcaption{font:400 10px/1.6 var(--sans);padding-top:10px;max-width:100%}
.reading-room-photo figcaption a,.reading-photo figcaption a{text-decoration:underline;text-underline-offset:3px}
.resource-mode{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}
.resource-mode a{display:inline-flex;align-items:center;gap:12px;min-height:48px;font:500 14px/1.5 var(--sans)}
.resource-mode>a:not(.button){text-decoration:underline;text-underline-offset:6px}
.resource-mode svg,.resource-results svg,.resource-more svg,.article-quick-nav svg,.back-to-resources svg,.sidebar-consult svg,.article-invitation svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.resource-mode>a:last-child svg,.article-quick-nav>a:nth-child(2) svg{fill:currentColor;stroke:none;width:17px}
.resource-mode .button{padding:16px 21px}
.reading-room-note{display:block;font-size:12px;margin-top:19px}
.resource-library{padding-block:44px 62px;scroll-margin-top:12px}
.library-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:26px}
.library-heading h2{font-size:clamp(36px,3.6vw,48px);margin-top:12px}
.resource-search{width:340px;max-width:100%;flex-shrink:0}
.resource-search>label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}
.search-field{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid var(--blue);border-radius:5px;padding:0 10px 0 15px;background:var(--ivory)}
.search-field>svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.search-field input{width:100%;min-width:0;min-height:48px;background:none;border:none;font-size:13px;padding:0;outline-offset:5px}
.search-field input::placeholder{color:var(--blue);opacity:.8}
.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}
.search-field:focus-within{outline:2px solid var(--blue);outline-offset:4px}
.search-field input:focus-visible{outline:none}
.search-clear{flex:0 0 40px;min-height:44px;font-size:25px;border:0;line-height:1}
.resource-hub .resource-filters{gap:8px;border-top:0;padding:0 0 24px}
.resource-hub .resource-filters button{font-size:13px;padding:10px 17px;min-height:46px;box-shadow:none}
.resource-results{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-block:23px}
.resource-results .resource-count{margin:0;font-size:12px}
.resource-results>a{display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:44px}
.resource-hub .resource-grid{gap:18px}
.resource-hub .resource-card,.article-page .resource-card{background:var(--ivory);border-radius:5px;padding:25px;box-shadow:none;min-height:270px}
.resource-hub .resource-card:hover,.article-page .resource-card:hover{background:var(--wash);transform:translateY(-2px);border-color:var(--blue)}
.resource-hub .resource-card:focus-visible,.article-page .resource-card:focus-visible{outline-offset:4px;background:var(--wash)}
.resource-hub .resource-category,.article-page .resource-category{font-size:10px;min-height:0;line-height:1.5;gap:8px}
.resource-hub .resource-category>span,.article-page .resource-category>span{font-size:10px;white-space:nowrap;text-transform:none;letter-spacing:0}
.resource-hub .resource-card h3,.article-page .resource-card h3{font-size:31px;line-height:1.15;margin:19px 0 13px;text-wrap:pretty}
.resource-hub .resource-card>p,.article-page .resource-card>p{font-size:13px;line-height:1.6;max-width:none;margin-bottom:20px}
.resource-hub .resource-read,.article-page .resource-read{font-size:12px;padding-top:16px;min-height:44px}
.resource-more{display:flex;justify-content:center;align-items:center;gap:25px;min-height:50px;margin:26px auto 0;padding:12px 25px;border:1px solid var(--blue);border-radius:4px;font-size:13px;font-weight:500;background:var(--ivory)}
.resource-more:hover{background:var(--wash)}
.resource-empty{padding:40px 20px;text-align:center;border:1px solid var(--line);border-radius:5px;background:var(--wash)}
.resource-empty h3{font:400 31px/1.2 var(--serif)}
.resource-empty p{margin:15px auto 25px;font-size:15px}
.resource-hub .editorial-note{text-align:center;max-width:none;font-size:13px}
.watch-room{padding-block:60px 70px;border-top:1px solid var(--line);scroll-margin-top:12px}
.watch-heading{max-width:720px;margin-bottom:32px}
.watch-heading h2{margin:12px 0 17px}
.watch-heading>p{font-size:16px;line-height:1.7;max-width:53ch}
.watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.resource-video{min-width:0}
.video-screen{position:relative;aspect-ratio:16/9;background:var(--wash);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.video-launch{width:100%;height:100%;padding:0;display:block;position:absolute;inset:0;background:var(--ivory);border:0;isolation:isolate}
.video-launch>img{display:block;width:100%;height:100%;object-fit:cover;filter:none!important;mask:none!important}
.video-launch:focus-visible{outline-offset:-5px;outline:3px solid var(--blue);z-index:2}
.video-play-label{position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;gap:12px;background:var(--ivory);color:var(--blue);border:1px solid var(--line);padding:10px 13px;border-radius:4px;text-align:left;font:500 14px/1.3 var(--sans);box-shadow:0 2px 12px color-mix(in srgb,var(--blue) 9%,transparent);transition:transform 180ms ease,background-color 180ms ease}
.video-play-label small{display:block;margin-top:5px;font-size:10px;font-weight:400}
.video-play-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--blue);color:var(--ivory)}
.video-play-icon svg{width:19px;height:19px;fill:currentColor}
.video-launch:hover .video-play-label{transform:translateY(-2px);background:var(--ivory)}
.video-player,.video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-noscript{display:flex;align-items:center;justify-content:center;gap:15px;height:100%;padding:25px;font-size:15px;text-decoration:underline}
.video-noscript svg{width:24px;flex-shrink:0}
.video-information{padding-top:17px}
.video-publisher{font:500 10px/1.5 var(--sans);letter-spacing:.06em}
.video-information h3{font:400 29px/1.2 var(--serif);letter-spacing:-.02em;margin:10px 0 12px}
.video-information>p{font-size:14px;line-height:1.75;margin:0;max-width:none}
.video-utilities{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:10px}
.video-utilities a,.video-close{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px;border:0;padding:0}
.video-information>p.video-privacy{font-size:11px;line-height:1.65;margin-top:5px;max-width:55ch}
.watch-context{font-size:12px;line-height:1.8;margin-top:32px;max-width:85ch}
.watch-context a{text-decoration:underline;text-underline-offset:4px}
.video-takeaways{margin-top:20px;border-block:1px solid var(--line)}
.video-takeaways>summary{display:flex;justify-content:space-between;align-items:center;gap:15px;font:500 13px/1.5 var(--sans);min-height:52px;cursor:pointer;list-style:none}
.video-takeaways>summary>span{font-size:22px}
.video-takeaways[open]>summary>span{transform:rotate(45deg)}
.video-takeaways ul{padding-left:20px;margin:8px 0 16px}
.video-takeaways li{font-size:14px;line-height:1.8;margin-bottom:12px}
.article-body .video-takeaways>p{font-size:11px;line-height:1.65;margin-bottom:18px}
.article-page .article-header{padding-block:135px 0;background:var(--ivory)}
.article-opening{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:center;gap:5vw;margin-block:32px}
.article-opening h1{font-size:clamp(39px,4.25vw,59px);max-width:19ch;margin:18px 0 22px;line-height:1.1;text-wrap:pretty}
.article-opening .eyebrow{font-size:10px;letter-spacing:.1em}
.article-opening .article-answer{font-size:16px;line-height:1.8;max-width:52ch}
.article-opening .article-byline{font-size:10px;line-height:1.7;margin-top:19px}
.article-opening .reading-photo{align-self:center}
.article-opening .reading-photo img{aspect-ratio:3/2;border-radius:4px}
.article-quick-nav{display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:16px;margin:24px 0 0!important}
.article-quick-nav>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:500 13px/1.5 var(--sans);text-decoration:underline;text-underline-offset:5px}
.article-page .article-layout{grid-template-columns:230px minmax(0,690px);gap:clamp(30px,6vw,100px);justify-content:space-between;padding-block:46px 60px}
.article-page .article-contents{border:0;top:113px;padding:0;margin:0;max-height:calc(100svh - 132px);overflow-y:auto;scrollbar-width:thin;scroll-margin-top:12px}
.back-to-resources{display:inline-flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;min-height:44px;text-decoration:underline;text-underline-offset:4px;margin-bottom:16px}
.back-to-resources svg{transform:rotate(180deg);width:15px;height:15px}
.article-page .article-contents details{border-top:1px solid var(--line);padding-top:12px}
.article-page .article-contents summary{padding-right:8px}
.article-page .article-contents summary>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;height:20px;line-height:1}
.article-page .article-contents nav{gap:3px;padding-top:7px;padding-bottom:8px}
.article-page .article-contents nav>a{display:flex;align-items:baseline;gap:10px;font-size:11px;padding:9px 10px;min-height:42px;text-decoration:none;border-left:2px solid transparent;transition:background-color 160ms,border-color 160ms}
.article-contents nav>a>span{font-size:10px;flex:0 0 17px}
.article-page .article-contents nav>a:hover{background:var(--wash);text-decoration:underline;text-underline-offset:3px}
.article-page .article-contents nav>a[aria-current=location]{border-color:var(--blue);background:var(--wash);font-weight:500}
.article-page .article-service{font-size:13px;padding:15px 17px;margin-top:17px;background:var(--wash)}
.sidebar-consult{font-size:12px;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:underline;text-underline-offset:4px;padding-inline:2px}
.article-body .article-section-number{display:block;font:400 12px/1.5 var(--sans);padding-bottom:10px}
.article-page .article-body section{margin-bottom:44px;scroll-margin-top:12px}
.article-page .article-body h2{font-size:34px;line-height:1.18;margin-bottom:23px;max-width:25ch}
.article-page .article-body p{font-size:16px;line-height:1.85;margin-bottom:22px;max-width:none}
.article-page .article-body li{font-size:15px;line-height:1.8}
.reflection-prompt{margin:35px 0 47px;padding:30px 32px;background:var(--wash);border-left:2px solid var(--blue);border-radius:0 4px 4px 0}
.reflection-prompt .eyebrow{font-size:10px}
.article-body .reflection-prompt p{font:400 30px/1.3 var(--serif);letter-spacing:-.02em;margin:14px 0 19px;max-width:26ch}
.reflection-prompt>span:last-child{font-size:12px;display:block}
.article-page .article-body .article-watch{margin-block:46px 48px;padding-block:29px 26px;border-block:1px solid var(--line)}
.article-watch>.eyebrow{font-size:10px;margin-bottom:13px}
.article-page .article-watch h2{font-size:31px;max-width:24ch}
.article-page .video-information>p{font-size:14px;line-height:1.8;margin:0}
.article-page .video-information>p.video-privacy{font-size:11px;margin-top:5px}
.article-page .video-takeaways p{font-size:11px;margin-bottom:18px}
.article-page .video-takeaways li{font-size:14px}
.article-page .article-sources details{border-block:1px solid var(--line)}
.article-sources summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:56px;font:500 14px/1.5 var(--sans);list-style:none;cursor:pointer}
.article-sources summary>span{font-size:23px}
.article-sources details[open] summary>span{transform:rotate(45deg)}
.article-sources ul{padding-left:20px;margin-block:12px 24px}
.article-page .article-sources li{font-size:12px;margin-bottom:13px;line-height:1.75}
.article-page .article-sources p{font-size:12px;line-height:1.8}
.resource-hub .article-invitation,.article-page .article-invitation{padding:42px;background:var(--wash);border-radius:5px;margin:0 0 55px}
.article-invitation svg{width:20px}
.resource-hub .article-invitation h2,.article-page .article-invitation h2{font-size:40px;max-width:22ch;margin-top:15px}
.resource-hub .article-invitation p,.article-page .article-invitation p{font-size:15px;max-width:54ch;line-height:1.8;margin-bottom:24px}
.resource-hub .article-invitation .button,.article-page .article-invitation .button{min-height:52px;padding:15px 23px;transition:background-color 180ms,box-shadow 180ms,transform 180ms}
.article-top-link{display:flex;align-items:center;justify-content:flex-end;gap:15px;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:44px;margin-top:-25px}
.article-page .related-resources{padding-bottom:70px}
.related-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}
.related-heading h2{font-size:40px;margin-top:12px}
.related-heading .text-link{flex-shrink:0;margin-bottom:6px}
.article-page .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1500px){.reading-room-grid{gap:85px}.article-opening{gap:80px}}
@media(max-width:1100px){.reading-room-grid{gap:35px}.reading-room-copy h1{font-size:55px}.reading-room-copy>p{font-size:16px}.resource-mode{gap:18px}.resource-mode a{font-size:12px}.resource-mode .button{padding:14px 16px}.library-heading{gap:24px}.resource-search{width:280px}.watch-grid{gap:20px}.video-play-label{inset:auto 9px 9px;padding:9px;gap:9px;font-size:12px}.video-play-label small{font-size:9px}.video-play-icon{width:29px;height:29px}.video-information h3{font-size:25px}.article-opening{gap:30px;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}.article-opening h1{font-size:43px}.article-opening .article-answer{font-size:15px}.article-page .article-layout{grid-template-columns:195px minmax(0,1fr);gap:32px}.article-page .article-body h2{font-size:31px}}
@media(max-width:760px){.reading-room{padding-block:120px 34px}.reading-room-grid{grid-template-columns:minmax(0,1fr);gap:27px;margin-top:23px}.reading-room-copy h1{font-size:46px;margin-block:18px}.reading-room-copy>p{font-size:16px;max-width:37ch}.reading-room-copy .eyebrow{font-size:10px}.reading-room-photo img{aspect-ratio:3/2;border-radius:4px 42px 4px 4px}.reading-room-photo figcaption{font-size:9px;padding-top:7px}.resource-mode{gap:24px;margin-top:24px}.resource-mode a{font-size:12px}.reading-room-note{font-size:11px;margin-top:16px}.resource-library{padding-block:25px 39px;scroll-margin-top:12px}.library-heading{display:block;margin-bottom:20px}.library-heading .eyebrow{font-size:10px}.library-heading h2{font-size:35px}.resource-search{width:100%;margin-top:22px}.search-field input{font-size:16px}.search-field input::placeholder{font-size:12px}.resource-hub .resource-filters{gap:8px;display:grid;grid-template-columns:1fr 1fr;padding-bottom:20px}.resource-hub .resource-filters button{padding:10px 8px;font-size:11px;min-height:46px}.resource-results{margin-block:12px 18px;align-items:center}.resource-results .resource-count{font-size:11px;max-width:24ch}.resource-results>a{font-size:10px;gap:6px}.resource-results svg{width:15px}.resource-hub .resource-grid{gap:13px}.resource-hub .resource-card,.article-page .resource-card{padding:23px;min-height:0}.resource-hub .resource-card h3,.article-page .resource-card h3{font-size:30px;max-width:24ch;margin-block:17px 12px}.resource-hub .resource-card>p,.article-page .resource-card>p{font-size:13px;margin-bottom:20px}.resource-hub .resource-read,.article-page .resource-read{min-height:42px}.resource-hub .editorial-note{font-size:12px;line-height:1.8;margin-top:23px}.resource-more{width:100%;font-size:12px;margin-top:20px}.watch-room{padding-block:38px 43px;scroll-margin-top:12px}.watch-heading .eyebrow{font-size:10px}.watch-heading h2{font-size:38px}.watch-heading>p{font-size:15px}.watch-grid{grid-template-columns:minmax(0,1fr);gap:33px}.video-play-label{bottom:12px;left:12px;right:12px;font-size:13px;padding:10px 12px;gap:11px}.video-play-label small{font-size:10px}.video-play-icon{width:33px;height:33px}.video-information{padding-top:14px}.video-information h3{font-size:29px}.video-information>p{font-size:14px}.watch-context{font-size:11px;margin-top:24px}.resource-hub .article-invitation,.article-page .article-invitation{padding:27px 23px;margin-bottom:40px}.resource-hub .article-invitation h2,.article-page .article-invitation h2{font-size:34px}.resource-hub .article-invitation .eyebrow,.article-page .article-invitation .eyebrow{font-size:10px}.resource-hub .article-invitation p,.article-page .article-invitation p{font-size:14px}.article-page .article-header{padding-top:117px}.article-opening{display:flex;flex-direction:column;gap:25px;margin-block:25px}.article-opening h1{font-size:41px;max-width:19ch;margin-block:17px 20px}.article-opening .article-answer{font-size:16px;line-height:1.8}.article-opening .article-byline{font-size:10px}.article-opening .reading-photo{width:100%}.article-opening .reading-photo img{aspect-ratio:3/2}.article-quick-nav{gap:7px 22px;padding-block:12px}.article-quick-nav>a{font-size:11px;gap:8px;min-height:42px}.article-quick-nav svg{width:17px}.article-page .article-layout{display:block;padding-block:22px 37px}.article-page .article-contents{position:static;max-height:none;overflow:visible;margin-bottom:30px;scroll-margin-top:12px}.back-to-resources{margin-bottom:9px;font-size:11px}.article-page .article-contents details{padding-top:3px;border-bottom:1px solid var(--line)}.article-page .article-contents summary{min-height:52px;font-size:13px}.article-page .article-contents nav>a{font-size:12px;min-height:46px;padding:10px}.article-page .article-service{font-size:13px;margin-top:20px;padding:12px 17px}.article-page .article-service span{font-size:9px}.sidebar-consult{font-size:12px;min-height:46px}.article-page .article-body section{margin-bottom:35px;scroll-margin-top:12px}.article-page .article-body h2{font-size:31px;max-width:22ch;margin-bottom:19px}.article-page .article-body p{font-size:16px;line-height:1.85;margin-bottom:23px}.article-page .article-body li{font-size:15px}.reflection-prompt{padding:25px 23px;margin-block:30px 39px}.article-body .reflection-prompt p{font-size:28px;line-height:1.32;margin-block:14px 18px}.reflection-prompt>span:last-child{font-size:11px}.article-page .article-body .article-watch{margin-block:35px;padding-block:25px}.article-page .article-watch h2{font-size:29px}.article-page .video-information>p{font-size:14px;margin:0}.article-page .video-information>p.video-privacy{font-size:11px;margin-top:5px}.article-page .video-takeaways>p{font-size:11px;line-height:1.7;margin-bottom:18px}.article-page .video-takeaways li{font-size:13px}.article-page .article-sources li,.article-page .article-sources p{font-size:12px}.article-page .article-invitation h2{font-size:33px}.article-page .article-invitation p{font-size:14px}.article-top-link{font-size:11px;margin-top:-15px}.article-page .related-resources{padding-bottom:45px}.related-heading{display:block;margin-bottom:23px}.related-heading h2{font-size:34px}.related-heading .eyebrow{font-size:10px}.related-heading .text-link{font-size:12px;margin-top:18px}.article-page .related-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.reading-room-copy h1{font-size:40px}.reading-room-copy>p{font-size:15px}.resource-mode{gap:17px}.resource-mode a{font-size:11px}.resource-mode .button{padding:13px}.resource-hub .resource-filters button{font-size:10px}.resource-results{gap:6px}.resource-results>a{font-size:9px}.article-opening h1{font-size:37px}.article-opening .article-answer{font-size:15px}.resource-category{flex-wrap:wrap}.resource-hub .resource-card h3,.article-page .resource-card h3{font-size:29px}.article-page .article-body h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.resource-hub .resource-card,.article-page .resource-card,.video-play-label,.article-contents nav>a{transition:none!important;transform:none!important}}
.motion-paused .video-play-label,.motion-paused .resource-card{transform:none!important;transition:none!important}
/* Account for the shared header once, so jump links land close to the content. */
.resource-library,.watch-room,.article-page .article-body section,.article-page .article-contents{scroll-margin-top:12px}
@media(max-width:760px){.resource-library,.watch-room,.article-page .article-body section,.article-page .article-contents{scroll-margin-top:12px}}
