/* Resource guides share the article rails and the site's component tokens. */
.site-resource main{background:radial-gradient(ellipse 80% 28rem at 65% 0,#ffffff05,transparent),var(--surface-base,#101112)}
.site-resource .resource-heading h1{max-width:18ch;font-size:var(--type-h1);line-height:1.04!important;letter-spacing:-.055em}
.site-resource .resource-heading>p:last-child{max-width:42rem;font-size:clamp(17px,1.4vw,20px);line-height:1.65}
.site-resource .resource-heading .site-breadcrumb{margin-bottom:32px}
.site-resource main>.layout-intro{padding-bottom:clamp(40px,5vw,72px)!important;border:0}
.site-resource main>.layout-section{padding-top:clamp(24px,3vw,40px)!important}
.site-resource .article-flow>section+section{margin-top:clamp(40px,5vw,64px)}
.site-resource .article-flow h2{max-width:28ch}
.site-resource .article-flow p{line-height:1.75}
.site-resource .article-flow p.font-mono{font-size:13px;line-height:1.6;letter-spacing:.02em}
.site-resource .resource-panel{border-color:#ffffff1f;border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffff05,#ffffff01)}
.site-resource .resource-panel .resource-panel{border-radius:0;background:transparent}
.site-resource .article-flow label{padding:14px 16px;min-height:48px;border:1px solid #ffffff14;border-radius:16px;background:#ffffff03;transition:background-color .2s,border-color .2s}
.site-resource .article-flow label span{font-size:16px;line-height:1.6}
.site-resource .article-flow input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--surface-selected);margin-top:3px}
.site-resource .article-flow label:focus-within{border-color:var(--border-interactive)}
.site-resource .article-flow label:has(input:checked){background:#d4f00009;border-color:#d4f00050}
.site-resource .article-flow .grid-cols-3{gap:0;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr))}
.site-resource .article-flow .grid-cols-3>div{min-width:0;overflow-wrap:break-word}
.site-resource .layout-footer>.layout-container{align-items:flex-start}
.site-resource .layout-footer nav{flex-wrap:wrap;align-items:center;gap:12px 24px;max-width:100%}
.site-resource .layout-footer nav>a{min-height:44px;display:inline-flex;align-items:center}
.site-resource .resource-footer-brand{display:grid;gap:0;max-width:100%}
.site-resource .resource-footer-brand p{max-width:34rem;line-height:1.65}
@media(max-width:599px){
 .site-resource .resource-heading h1{font-size:clamp(40px,10vw,56px)!important}
 .site-resource .resource-panel{padding:20px}
 .site-resource .resource-panel.overflow-hidden{padding:0}
 .site-resource .article-flow .grid-cols-3>div{padding:12px 8px;font-size:12px;line-height:1.5;letter-spacing:0}
 .site-resource .article-flow .grid-cols-3>div:first-child{font-size:13px}
 .site-resource .action-row{align-items:stretch}
 .site-resource .action-row>a{width:100%;text-align:center;white-space:normal;line-height:1.4}
}
@media(hover:hover){.site-resource .article-flow label:hover{background:#ffffff07;border-color:#ffffff30}}
@media(prefers-reduced-motion:reduce){.site-resource .article-flow label{transition:none}}