.resource-layout[data-theme=light]{--color-bg-primary:var(--light-bg-primary);--color-bg-secondary:var(--light-bg-secondary);--color-bg-tertiary:var(--light-bg-tertiary);--color-bg-skeleton:var(--light-bg-skeleton);--color-bg-skeleton-shimmer:color-mix(in srgb,var(--color-text-primary) 2%,transparent);--color-bg-surface:var(--light-bg-surface);--color-bg-card-hover:var(--light-bg-card-hover);--color-text-primary:var(--light-text-primary);--color-text-secondary:var(--light-text-secondary);--color-text-tertiary:var(--light-text-tertiary);--color-text-muted:var(--light-text-muted);--color-text-inverse:var(--light-text-inverse);--color-border-primary:var(--light-border-primary);--color-border-secondary:var(--light-border-secondary);--color-border-tertiary:var(--light-border-tertiary);--color-border-focus:var(--light-border-focus);--background:var(--light-bg-primary);--foreground:var(--light-text-primary);--border:var(--light-border-primary)}.resource-layout{--resource-header-height:64px;--resource-content-max:1080px;--resource-narrow-max:760px;--resource-side-padding:clamp(20px,4vw,64px);--resource-section-gap:clamp(72px,10vh,128px);--resource-horizon:var(--color-border-primary);--resource-card-bg:var(--color-bg-primary);--welcome-brand-gradient:linear-gradient(135deg,rgba(30,80,178,0.98),rgba(42,111,213,0.96) 38%,rgba(38,132,224,0.94) 68%,rgba(92,158,232,0.92));--welcome-hero-gradient:linear-gradient(to bottom,rgba(30,80,178,0.98) 0%,rgba(42,111,213,0.96) 34%,rgba(92,158,232,0.9) 58%,var(--color-bg-primary) 84%,var(--color-bg-primary) 100%);--welcome-glass-border:linear-gradient(135deg,rgba(255,255,255,0.62),rgba(255,255,255,0.18) 44%,rgba(255,255,255,0.38));--welcome-glass-gloss:linear-gradient(135deg,rgba(255,255,255,0.24),rgba(255,255,255,0.08) 24%,transparent 52%);--welcome-glass-radial:radial-gradient(circle at 18% 0%,rgba(255,255,255,0.2),transparent 38%);--welcome-glass-shadow:inset 0 1px 0 rgba(255,255,255,0.42),inset 0 -1px 0 rgba(255,255,255,0.12),0 24px 60px rgba(16,58,130,0.22)}.resource-layout ::-webkit-scrollbar{width:10px;height:10px}.resource-layout ::-webkit-scrollbar-track{background:transparent}.resource-layout ::-webkit-scrollbar-thumb{background:rgba(15,18,32,.18);border-radius:5px}.resource-layout ::-webkit-scrollbar-thumb:hover{background:rgba(15,18,32,.3)}.resource-layout *{scrollbar-width:thin;scrollbar-color:rgba(15,18,32,.18) transparent}.resource-legal-footer{border-top:.5px solid var(--color-border-primary)}.resource-header{position:fixed}.resource-header-inner{display:grid;grid-template-columns:auto 1fr auto}.resource-header-mark{display:inline-flex;text-decoration:none;transition:opacity var(--transition-base)}.resource-header-mark:hover{opacity:.78}.resource-header-mark:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:4px}.resource-header-nav-link{text-decoration:none;transition:color var(--transition-base)}.resource-header-nav-link:hover{color:var(--color-text-primary)!important}.resource-header-nav-link[aria-current=page]:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:1.5px;background:var(--color-brand-accent)}.resource-header-back{text-decoration:none;display:inline-flex;transition:color var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.resource-header-back:hover{color:var(--color-text-primary)!important;border-color:var(--color-border-secondary)!important;background:var(--color-bg-tertiary)!important}@media (max-width:768px){.resource-header-inner{grid-template-columns:auto auto}}.resource-press-hero{isolation:isolate}.resource-press-hero:before{content:"";position:absolute;inset:0;background:var(--welcome-glass-gloss),var(--welcome-glass-radial),radial-gradient(circle at 20% 20%,rgba(255,255,255,.12) 0,transparent 38%),radial-gradient(circle at 80% 78%,rgba(255,255,255,.1) 0,transparent 34%);pointer-events:none;z-index:0}.resource-press-hero-lede a{text-decoration:none;transition:border-color var(--transition-base)}.resource-press-hero-lede a:hover{border-bottom-color:#ffffff!important}.resource-about-list{border-top:.5px solid var(--color-border-primary)}.resource-about-block{display:grid;grid-template-columns:160px 1fr;border-bottom:.5px solid var(--color-border-primary)}.resource-about-list .resource-about-block:last-child{border-bottom:none}.resource-about-block-text{white-space:pre-line}@media (max-width:768px){.resource-about-block{grid-template-columns:1fr}}.resource-facts-list{display:grid;grid-template-columns:1fr;border-top:.5px solid var(--color-border-primary)}.resource-facts-row{display:grid;grid-template-columns:160px 1fr;border-bottom:.5px solid var(--color-border-primary)}.resource-facts-value a{text-decoration:none;transition:color var(--transition-base)}.resource-facts-value a:hover{color:var(--color-brand-accent)!important}@media (max-width:768px){.resource-facts-row{grid-template-columns:1fr}}.resource-founders-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:.5px solid var(--color-border-primary);border-left:.5px solid var(--color-border-primary)}.resource-founder-card{border-right:.5px solid var(--color-border-primary);border-bottom:.5px solid var(--color-border-primary)}@media (max-width:768px){.resource-founders-grid{grid-template-columns:1fr}}.resource-rules-list{list-style:none;border-top:.5px solid var(--color-border-primary)}.resource-rules-item{border-bottom:.5px solid var(--color-border-primary)}.resource-rules-item:before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:999px;background:var(--color-brand-accent)}.resource-metaphor-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:.5px solid var(--color-border-primary);border-left:.5px solid var(--color-border-primary)}.resource-metaphor-card,.resource-metaphor-prose-cell,.resource-metaphor-usage-cell{border-right:.5px solid var(--color-border-primary);border-bottom:.5px solid var(--color-border-primary)}.resource-metaphor-usage-list{list-style:none}.resource-metaphor-usage-item:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:999px;background:var(--color-brand-accent)}@media (max-width:768px){.resource-metaphor-grid{grid-template-columns:1fr}}.resource-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:.5px solid var(--color-border-primary);border-left:.5px solid var(--color-border-primary)}.resource-quote-card{border-right:.5px solid var(--color-border-primary);border-bottom:.5px solid var(--color-border-primary)}@media (max-width:768px){.resource-quotes-grid{grid-template-columns:1fr}}.resource-faq-list{border-top:.5px solid var(--color-border-primary)}.resource-faq-item{border-bottom:.5px solid var(--color-border-primary)}.resource-faq-summary{list-style:none;cursor:pointer;transition:color var(--transition-base)}.resource-faq-summary::-webkit-details-marker{display:none}.resource-faq-summary:after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.5px solid var(--color-text-tertiary);border-bottom:1.5px solid var(--color-text-tertiary);transform:rotate(45deg);transition:transform var(--transition-base),border-color var(--transition-base)}.resource-faq-item[open] .resource-faq-summary:after{transform:rotate(225deg);margin-top:-2px;border-color:var(--color-text-primary)}.resource-faq-summary:hover{color:var(--color-text-primary)!important}.resource-faq-summary:hover:after{border-color:var(--color-text-primary)}.resource-faq-summary:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:4px;border-radius:2px}.resource-logos-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:.5px solid var(--color-border-primary);border-left:.5px solid var(--color-border-primary)}.resource-logo-card{border-right:.5px solid var(--color-border-primary);border-bottom:.5px solid var(--color-border-primary)}.resource-logo-card--dark .resource-copy-btn:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.3)!important}.resource-logos-rules{list-style:none;border-top:.5px solid var(--color-border-primary)}.resource-logos-rules li{border-bottom:.5px solid var(--color-border-primary)}@media (max-width:1024px){.resource-logos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.resource-logos-grid{grid-template-columns:1fr}}.resource-swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:.5px solid var(--color-border-primary);border-left:.5px solid var(--color-border-primary)}.resource-swatch-card{border-right:.5px solid var(--color-border-primary)}.resource-swatch-card,.resource-typography{border-bottom:.5px solid var(--color-border-primary)}.resource-gradients-grid,.resource-typography{border-top:.5px solid var(--color-border-primary)}.resource-gradients-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:.5px solid var(--color-border-primary)}.resource-gradient-card{border-right:.5px solid var(--color-border-primary);border-bottom:.5px solid var(--color-border-primary)}.resource-gradient-preview--solid:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08) 24%,transparent 52%),radial-gradient(circle at 18% 0,rgba(255,255,255,.2),transparent 38%),radial-gradient(circle at 20% 20%,rgba(255,255,255,.12) 0,transparent 38%),radial-gradient(circle at 80% 78%,rgba(255,255,255,.1) 0,transparent 34%)}.resource-gradient-preview--fade:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08) 24%,transparent 52%),radial-gradient(circle at 18% 0,rgba(255,255,255,.2),transparent 38%)}.resource-gradient-code{overflow-x:auto;white-space:pre}@media (max-width:1024px){.resource-gradients-grid{grid-template-columns:1fr}.resource-swatch-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.resource-swatch-grid{grid-template-columns:1fr}}.resource-donts-list{list-style:none;border-top:.5px solid var(--color-border-primary)}.resource-donts-item{border-bottom:.5px solid var(--color-border-primary)}.resource-donts-item:before{content:"\2715";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:var(--type-ui-size);font-weight:var(--font-semibold);color:var(--color-stock-negative)}.resource-coming-soon{border-top:.5px solid var(--color-border-primary);border-bottom:.5px solid var(--color-border-primary)}.resource-coming-soon-cta{display:inline-flex;text-decoration:none;transition:background var(--transition-base)}.resource-coming-soon-cta:hover{background:var(--color-brand-accent-hover)!important}.resource-coming-soon-page{isolation:isolate}.resource-coming-soon-page:before{content:"";position:absolute;inset:0;background:var(--welcome-glass-gloss),var(--welcome-glass-radial),radial-gradient(circle at 20% 20%,rgba(255,255,255,.12) 0,transparent 38%),radial-gradient(circle at 80% 78%,rgba(255,255,255,.1) 0,transparent 34%);pointer-events:none;z-index:0}.resource-usage-body{border-left:2px solid var(--color-brand-accent)}.resource-contact-list{list-style:none;border-top:.5px solid var(--color-border-primary)}.resource-contact-row{display:grid;grid-template-columns:140px 1fr;border-bottom:.5px solid var(--color-border-primary)}.resource-contact-email{text-decoration:none;transition:color var(--transition-base)}.resource-contact-email:hover{color:var(--color-brand-accent)!important}@media (max-width:768px){.resource-contact-row{grid-template-columns:1fr}}.resource-copy-btn{display:inline-flex;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.resource-copy-btn:hover{background:var(--color-bg-tertiary)!important;border-color:var(--color-border-secondary)!important}.resource-copy-btn:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.resource-copy-btn--copied:hover{background:var(--color-brand-accent-hover)!important;border-color:var(--color-brand-accent-hover)!important}.resource-press-jumpnav{position:sticky}.resource-press-jumpnav-list{list-style:none;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.resource-press-jumpnav-list::-webkit-scrollbar{display:none}.resource-press-jumpnav-link{display:inline-flex;text-decoration:none;white-space:nowrap;transition:color var(--transition-base),background var(--transition-base)}.resource-press-jumpnav-link:hover{color:var(--color-text-primary)!important;background:var(--color-bg-tertiary)}[id=about],[id=colors],[id=contact],[id=donts],[id=faq],[id=founders],[id=glance],[id=how-to-refer],[id=logos],[id=metaphor],[id=more-coming],[id=quick-facts],[id=quotes],[id=typography],[id=usage]{scroll-margin-top:calc(var(--resource-header-height) + 52px)}.resource-glance-grid{display:grid;grid-template-columns:2fr 1fr 1fr;border-top:.5px solid var(--color-border-primary);border-left:.5px solid var(--color-border-primary)}.resource-glance-card{border-right:.5px solid var(--color-border-primary);border-bottom:.5px solid var(--color-border-primary)}.resource-glance-contact-email{text-decoration:none}.resource-glance-contact-email:hover{border-bottom-color:var(--color-brand-accent)!important}@media (max-width:1024px){.resource-glance-grid{grid-template-columns:1fr 1fr}.resource-glance-card--wide{grid-column:1/-1}}@media (max-width:768px){.resource-glance-grid{grid-template-columns:1fr}.resource-glance-card--wide{grid-column:auto}}.resource-more-coming-list{list-style:none;border-top:.5px solid var(--color-border-primary)}.resource-more-coming-item{display:grid;grid-template-columns:auto 1fr auto;border-bottom:.5px solid var(--color-border-primary)}.resource-more-coming-cta-btn{display:inline-flex;text-decoration:none;white-space:nowrap;transition:background var(--transition-base)}.resource-more-coming-cta-btn:hover{background:var(--color-brand-accent-hover)!important}@media (max-width:768px){.resource-more-coming-item{grid-template-columns:auto 1fr}.resource-more-coming-cta-btn{grid-column:1/-1;justify-self:flex-start}}.resource-more-coming-cta a{text-decoration:none}.resource-more-coming-cta a:hover{border-bottom-color:var(--color-brand-accent)!important}.resource-letters-list{list-style:none}.resource-letters-list>li{border-top:1px solid var(--color-border-primary)}.resource-letters-item{display:block;text-decoration:none}.resource-letters-item:hover h2{color:var(--color-brand-accent)!important}.resource-letters-back{text-decoration:none}.resource-letter-body a,.resource-letters-back:hover{text-decoration:underline}.resource-letter-body a{text-underline-offset:3px}.resource-letters-calendar{border-top:1px solid var(--color-border-primary)}.resource-letters-calendar a{text-decoration:underline;text-underline-offset:3px}.resource-letters-more ul{list-style:none}.resource-letters-more li{border-top:1px solid var(--color-border-primary)}.resource-letters-more a{text-decoration:none}.resource-letters-more a:hover{color:var(--color-brand-accent)!important}.resource-letters-more time{white-space:nowrap}