.resource-main{border-top:1px solid var(--color-dark-grey)}.resource-article{padding:64px 20px 100px}.resource-heading{text-align:center;max-width:940px;margin:0 auto 64px}.resource-heading h1{letter-spacing:-.035em;margin:28px 0;font-size:clamp(2.5rem,5.5vw,4.75rem);line-height:1.02}.resource-eyebrow,.resource-byline{font:400 13px / 1.6 var(--font-sans);color:var(--color-dark-grey)}.resource-eyebrow a{text-underline-offset:4px;text-decoration:underline}.resource-description{max-width:650px;font:400 18px / 1.6 var(--font-sans);margin:0 auto 24px}.resource-prose{max-width:680px;font:400 17px / 1.75 var(--font-sans);overflow-wrap:anywhere;margin:auto}.resource-article-interactive .resource-heading{margin-bottom:28px}.resource-featured{margin-bottom:48px}.resource-prose .join-lab-next-step{font-size:15px}.resource-prose p{margin:18px 0}.resource-prose .resource-summary{font:400 25px / 1.45 var(--font-serif);margin:0 0 36px}.resource-prose h2{font:400 32px / 1.15 var(--font-serif);letter-spacing:-.02em;margin:0 0 22px}.resource-prose h3{font:400 24px / 1.25 var(--font-serif);margin:30px 0 16px}.resource-prose section{margin-top:56px;scroll-margin-top:90px}.resource-prose a:not(.resource-button){text-underline-offset:4px;text-decoration:underline}.resource-prose a:hover,.resource-index a:hover{text-decoration-thickness:2px}.resource-prose ul,.resource-prose ol{margin:18px 0;padding-left:24px}.resource-prose ul{list-style:outside}.resource-prose ol{list-style:decimal}.resource-prose li{margin:10px 0}.resource-prose .resource-toc{border-block:1px solid #aaa69e;padding:16px 0;font-size:15px}.resource-toc p{color:var(--color-dark-grey);margin-top:0}.resource-prose pre{color:#f1efeb;background:#181818;border-radius:2px;margin:24px 0;padding:22px;font:400 13px/1.7 ui-monospace,monospace;overflow-x:auto}.resource-prose code{font-family:ui-monospace,monospace;font-size:.86em}.resource-prose pre code{font-size:inherit}.resource-table-wrap{margin:26px 0;overflow-x:auto}.resource-prose table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.resource-prose caption{text-align:left;color:var(--color-dark-grey);margin-bottom:12px}.resource-prose th,.resource-prose td{text-align:left;vertical-align:top;border-bottom:1px solid #aaa69e;padding:14px 12px}.resource-prose th{border-top:1px solid #aaa69e;font-weight:600}.resource-prose .resource-cta{border-block:1px solid #aaa69e;margin-top:64px;padding:36px 0}.resource-button{background:var(--color-primary);color:var(--color-secondary);font:400 15px / 1.4 var(--font-sans);justify-content:space-between;align-items:center;gap:32px;margin:12px 18px 12px 0;padding:14px 20px;display:inline-flex}.resource-button:hover{background:#333}.resource-secondary-link{font-size:14px;display:inline-block}.resource-related{margin-top:40px}.resource-index{max-width:1100px;margin:0 auto;padding:64px 20px 100px}.resource-index-list{border-top:1px solid #aaa69e}.resource-index-item{border-bottom:1px solid #aaa69e;grid-template-columns:120px 1fr;gap:24px;padding:32px 0;display:grid}.resource-index-item h2{font:400 32px / 1.2 var(--font-serif);margin-bottom:12px}.resource-index-item p{font:400 16px / 1.6 var(--font-sans);max-width:700px}.resource-index-item a{text-underline-offset:5px;text-decoration:underline}.connector-categories{font:400 14px / 1.6 var(--font-sans);flex-wrap:wrap;gap:12px 22px;margin-bottom:28px;display:flex}.connector-categories a{text-underline-offset:4px;text-decoration:underline}.connector-categories a[aria-current=page]{font-weight:700}.connector-directory-search{font:400 15px / 1.6 var(--font-sans);margin-bottom:36px}.connector-directory-search label{margin-bottom:10px;display:block}.connector-directory-search input{background:0 0;border:1px solid #88847d;width:100%;padding:16px;font-size:18px}.connector-directory-search p{margin-top:10px}.join-lab{border-block:1px solid #aaa69e;padding:28px 0}.join-lab-controls{border:0;grid-template-columns:1fr 1fr;gap:24px;min-width:0;margin:0;padding:0;display:grid}.join-lab-controls legend{margin-bottom:18px;font-weight:600}.join-lab-controls label{gap:8px;font-size:15px;display:grid}.join-lab-controls select,.join-lab-fallback input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:1px solid #88847d;padding:12px}.join-lab-controls label span{color:var(--color-dark-grey);font-size:13px}.resource-prose .join-lab-equation{margin:28px 0 20px;font-size:16px}.join-lab-comparison{grid-template-columns:1fr 1fr;gap:16px;display:grid}.join-lab-result{border:1px solid #aaa69e;padding:22px}.join-lab-result-correct{background:#e7e9df;border-color:#75796b}.resource-prose .join-lab-result h3{font:500 16px / 1.4 var(--font-sans);margin:0 0 20px}.join-lab-result dl{gap:18px;display:grid}.join-lab-result dt{font-size:13px}.join-lab-result dd{font:400 clamp(1.8rem, 4vw, 2.5rem) / 1.2 var(--font-serif);font-variant-numeric:tabular-nums;margin:0}.resource-prose .join-lab-result p,.resource-prose .join-lab-explanation,.resource-prose .join-lab-share-status{margin:18px 0 0;font-size:13px;line-height:1.6}.join-lab-details{margin:22px 0;font-size:14px}.join-lab-details summary{cursor:pointer;text-underline-offset:4px;text-decoration:underline}.join-lab-details table{min-width:470px}.join-lab-details .resource-table-wrap{margin:20px 0}.join-lab-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.join-lab-actions .resource-button{margin:0}.join-lab-copy{font:inherit;text-underline-offset:4px;cursor:pointer;padding:12px 0;font-size:14px;text-decoration:underline}.join-lab-fallback{gap:8px;margin-top:16px;font-size:14px;display:grid}.join-lab select:focus-visible,.join-lab button:focus-visible,.join-lab summary:focus-visible,.join-lab input:focus-visible,.join-lab a:focus-visible,.join-lab [tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@media (max-width:600px){.resource-article,.resource-index{padding:40px 20px 64px}.resource-heading{margin-bottom:40px}.resource-index-item{grid-template-columns:1fr;gap:10px}.join-lab-comparison{grid-template-columns:1fr}.join-lab-result dl{grid-template-columns:1fr 1fr;gap:12px}.join-lab-controls{gap:16px}}
