.tech-home .fabric-resources-main{padding-top:calc(var(--tech-header-height) + 42px);padding-bottom:80px}.fabric-resources-intro{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;margin-block:48px 64px;display:grid}.tech-home .fabric-resources-intro h1{letter-spacing:-.055em;color:#eff4eb;margin:0 0 24px;font-family:inherit;font-size:clamp(36px,4.2vw,56px);font-weight:650;line-height:1.06}.tech-home .fabric-resources-intro p{color:#b2c7b9;max-width:650px;font-size:18px;line-height:1.65}.fabric-resource-layout{grid-template-columns:230px minmax(0,1fr);gap:64px;display:grid}.fabric-resource-contents{border-top:1px solid #466451;flex-direction:column;align-self:start;padding-top:18px;display:flex;position:sticky;top:120px}.fabric-resource-contents>strong{color:#dce9d5;margin-bottom:12px;font-size:13px;font-weight:650}.tech-home .fabric-resource-contents a{color:#b6ccbc;align-items:center;gap:12px;min-height:44px;font-size:14px;text-decoration:none;display:flex}.fabric-resource-contents .tech-arrow{width:16px!important}.fabric-resource-articles{max-width:800px}.fabric-resource-articles section{border-bottom:1px solid #345240;margin-bottom:48px;padding:0 0 52px;scroll-margin-top:125px}.tech-home .fabric-resource-articles h2{letter-spacing:-.035em;margin:0 0 24px;font-family:inherit;font-size:32px;font-weight:650;line-height:1.18}.tech-home .fabric-resource-articles :is(p,li){color:#bdcfc2;font-size:16px;line-height:1.85}.tech-home .fabric-resource-articles p{margin:18px 0}.fabric-resource-articles :is(ol,ul){margin:22px 0;padding-left:23px}.fabric-resource-articles li{margin:15px 0;padding-left:6px}.fabric-resource-articles strong{color:#eef4e5;font-weight:600}.tech-home .fabric-resource-articles a{color:#d6e890;text-underline-offset:4px;text-decoration:underline}.fabric-resource-articles aside{color:#c8d8b7;background:#142c20;border-left:2px solid #bccf68;margin:28px 0;padding:18px 22px;font-size:14px;line-height:1.8}.fabric-resource-next{align-items:center;gap:14px;min-height:44px;margin-top:14px;font-size:14px;display:inline-flex}.fabric-resource-example{background:#0c1b15;border:1px solid #30473e;border-radius:20px;margin:30px 0;padding:28px}.fabric-resource-example>span{color:#c4d7a3;font-size:12px}.fabric-resource-example dl{margin-bottom:0}.fabric-resource-example dt{color:#e0eccf;margin:22px 0 6px;font-size:13px;font-weight:650}.fabric-resource-example dd{color:#c4d6c5;margin:0;font-size:15px;line-height:1.7}.fabric-resources-page a:focus-visible{outline-offset:5px;outline:2px solid #cbdc75}@media (width<=800px){.tech-home .fabric-resources-main{padding-top:calc(var(--tech-header-height) + 26px)}.fabric-resource-layout{grid-template-columns:1fr;gap:38px}.fabric-resource-contents{position:static}.fabric-resource-contents a{padding-block:6px}.fabric-resources-intro{grid-template-columns:1fr;gap:32px;margin-block:36px 44px}.tech-home .fabric-resource-articles h2{font-size:28px}.fabric-resource-example{padding:22px}.fabric-resource-articles section{margin-bottom:30px;padding-bottom:30px}}.fabric-resource-articles ol{list-style:decimal}.fabric-resource-articles ul{list-style:outside}.fabric-resources-intro .tech-button{margin-top:28px}.tech-home .fabric-resource-contents a:hover{color:var(--tech-ink);text-underline-offset:4px;text-decoration:underline}@media (width>=801px) and (width<=1000px){.fabric-resources-intro{gap:30px}.fabric-resource-layout{grid-template-columns:190px minmax(0,1fr);gap:36px}}