/* Companion resource pages. Existing landing page and shared service pages are unchanged. */
.resource-page{font-size:19px;line-height:1.65;padding-bottom:0;color-scheme:light}
.resource-wrap{width:min(1024px,calc(100% - 80px));margin-inline:auto}
.resource-page h1,.resource-page h2{font-family:Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.resource-page h1{font-size:clamp(38px,4.7vw,60px);max-width:850px}
.resource-page h2{font-size:31px;color:var(--teal);margin:0 0 20px}
.resource-page p{margin:0 0 22px}
.resource-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--rust);line-height:1.5}
.resource-hero{background:var(--teal);color:var(--paper);padding-block:44px 40px}
.resource-hero .resource-eyebrow{color:#e6b8a7;margin-bottom:22px}
.resource-hero a{color:inherit}
.resource-deck{font-size:22px;line-height:1.45;max-width:740px;margin-top:24px!important}
.resource-hero .resource-byline{font-size:15px;color:#d5e3df;margin:26px 0 0}
.resource-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-bottom:1px solid var(--line);padding-block:22px}
.resource-path a{display:flex;gap:12px;align-items:center;min-height:44px;font-size:16px}
.resource-path span{color:var(--rust);font-family:Georgia,serif;font-size:24px;text-decoration:none}
.resource-columns{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:48px;padding-top:40px;align-items:start}
.resource-reading{min-width:0}
.resource-reading section{margin:0 0 32px;padding-bottom:18px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.resource-reading section:last-child{border:0;margin-bottom:0}
.resource-sidebar nav{margin-bottom:28px}
.resource-sidebar nav a{display:block;font-size:16px;line-height:1.5;margin-bottom:12px;min-height:32px}
.resource-example{background:var(--canvas);border-top:4px solid var(--rust);padding:26px 24px;margin:0}
.resource-example figcaption{font-size:11px;margin-bottom:20px}
.resource-example blockquote{font-family:Georgia,serif;font-size:23px;line-height:1.5;margin:0;color:var(--teal)}
.resource-product,.resource-invitation{padding:28px;background:var(--canvas)}
.resource-product h2,.resource-invitation h2{font-size:28px}
.resource-product p:last-child,.resource-invitation p:last-child{margin-bottom:0}
.resource-references{margin-top:28px;padding-top:34px;border-top:1px solid var(--line)}
.reference-list{max-width:78ch}
.reference-list p{font-size:17px;line-height:1.65;padding-left:24px;text-indent:-24px;overflow-wrap:anywhere;margin-bottom:24px}
.reference-list a{overflow-wrap:anywhere}
.resource-back{padding-block:18px;margin:14px 0 30px!important}
.resource-back a,.resource-invitation>a{display:inline-flex;align-items:center;min-height:44px}
.resource-page .site-footer{margin-top:38px}
.resource-page .footer-grid{font-size:17px}
.resource-page .footer-grid>div{min-width:0}
.resource-page .footer-grid a{overflow-wrap:anywhere}
.resource-small{font-size:16px;color:var(--muted)}
.hub-body{padding-top:48px}
.hub-feature{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start;padding-bottom:40px}
.hub-feature h2{font-size:37px}
.hub-feature .button{margin-top:2px}
.hub-feature .resource-example{margin-top:4px}
.resource-invitation{margin-block:12px 48px}
.resource-invitation>p{max-width:65ch}
@media(max-width:760px){
 .resource-wrap{width:calc(100% - 48px)}
 .resource-hero{padding-block:34px}
 .resource-page h1{font-size:38px;line-height:1.12}
 .resource-page h2{font-size:28px}
 .resource-deck{font-size:20px}
 .resource-path{gap:10px;padding-block:16px}
 .resource-path a{flex-direction:column;gap:2px;font-size:14px;line-height:1.4;min-height:65px}
 .resource-path span{font-size:23px}
 .resource-columns{display:block;padding-top:30px}
 .resource-sidebar{display:none}
 .resource-inline-example{background:var(--canvas);border-left:3px solid var(--rust);padding:22px}
 .resource-product,.resource-invitation{padding:24px}
 .resource-reading section{margin-bottom:28px;padding-bottom:12px}
 .reference-list p{font-size:16px}
 .hub-body{padding-top:34px}
 .hub-feature{display:block;padding-bottom:28px}
 .hub-feature .resource-example{margin-top:32px}
 .hub-feature h2{font-size:31px}
 .resource-page .site-footer{padding-block:34px}
}
@media print{
 .marketing-header nav,.resource-path,.resource-sidebar,.site-footer,.resource-back{display:none}
 .resource-wrap{width:100%}
 .resource-columns{display:block}
 .resource-hero{background:transparent;color:var(--ink)}
 .resource-hero .resource-eyebrow,.resource-hero .resource-byline{color:var(--ink)}
 .reference-list{max-width:none}
 .resource-reading section{break-inside:avoid-page}
}