:root {--tertiary-d-1: hsla(199,63%,42%,1);--tertiary-d-2: hsla(200,55%,32%,1);--tertiary-d-3: hsla(201,46%,22%,1);--tertiary-d-4: hsla(203,35%,13%,1);--page-bg: #fafafa;--ink: #111;--ink-2: #555;--ink-3: #888;--rule: #e6e6e6;--code-bg: #f4f4f4;--card-bg: #ffffff;--callout-bg: #fffdf2;--callout-bd: #f3e7a3;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--f-min-screen-width: 320px;--f-max-screen-width: 1400px;--f-primary: rgb(0,183,193);--f-primary-5: rgba(0,183,193,0.05);--f-primary-10: rgba(0,183,193,0.1);--f-primary-20: rgba(0,183,193,0.2);--f-primary-30: rgba(0,183,193,0.3);--f-primary-40: rgba(0,183,193,0.4);--f-primary-50: rgba(0,183,193,0.5);--f-primary-60: rgba(0,183,193,0.6);--f-primary-70: rgba(0,183,193,0.7);--f-primary-80: rgba(0,183,193,0.8);--f-primary-90: rgba(0,183,193,0.9);--f-primary-d-1: rgb(24,141,149);--f-primary-d-2: rgb(28,104,109);--f-primary-d-3: rgb(27,72,75);--f-primary-d-4: rgb(19,36,37);--f-primary-l-1: rgb(95,198,206);--f-primary-l-2: rgb(140,212,217);--f-primary-l-3: rgb(183,227,230);--f-primary-l-4: rgb(217,240,242);--f-secondary: rgb(27,54,66);--f-secondary-5: rgba(27,54,66,0.05);--f-secondary-10: rgba(27,54,66,0.1);--f-secondary-20: rgba(27,54,66,0.2);--f-secondary-30: rgba(27,54,66,0.3);--f-secondary-40: rgba(27,54,66,0.4);--f-secondary-50: rgba(27,54,66,0.5);--f-secondary-60: rgba(27,54,66,0.6);--f-secondary-70: rgba(27,54,66,0.7);--f-secondary-80: rgba(27,54,66,0.8);--f-secondary-90: rgba(27,54,66,0.9);--f-secondary-d-1: rgb(24,44,53);--f-secondary-d-2: rgb(21,34,41);--f-secondary-d-3: rgb(17,25,29);--f-secondary-d-4: rgb(9,14,17);--f-secondary-l-1: rgb(69,89,99);--f-secondary-l-2: rgb(112,129,137);--f-secondary-l-3: rgb(158,168,174);--f-secondary-l-4: rgb(205,210,213);--f-accent: rgb(238,166,22);--f-accent-5: rgba(238,166,22,0.05);--f-accent-10: rgba(238,166,22,0.1);--f-accent-20: rgba(238,166,22,0.2);--f-accent-30: rgba(238,166,22,0.3);--f-accent-40: rgba(238,166,22,0.4);--f-accent-50: rgba(238,166,22,0.5);--f-accent-60: rgba(238,166,22,0.6);--f-accent-70: rgba(238,166,22,0.7);--f-accent-80: rgba(238,166,22,0.8);--f-accent-90: rgba(238,166,22,0.9);--f-accent-l-1: rgb(246,182,81);--f-accent-l-2: rgb(252,201,126);--f-accent-l-3: rgb(255,219,168);--f-accent-l-4: rgb(255,236,209);--f-bg-body: rgb(255,255,255);--f-bg-alt: rgba(0,0,0,0.04);--f-bg-dark: rgb(19,31,37);--f-text-body: rgb(27,54,66);--f-text-title: rgb(21,34,41);--f-border-primary: rgb(128,128,128);--f-shadow-primary: rgba(35,38,51,0.3);--f-light: rgb(255,255,255);--f-light-5: rgba(255,255,255,0.05);--f-light-10: rgba(255,255,255,0.1);--f-light-20: rgba(255,255,255,0.2);--f-light-30: rgba(255,255,255,0.3);--f-light-40: rgba(255,255,255,0.4);--f-light-50: rgba(255,255,255,0.5);--f-light-60: rgba(255,255,255,0.6);--f-light-70: rgba(255,255,255,0.7);--f-light-80: rgba(255,255,255,0.8);--f-light-90: rgba(255,255,255,0.9);--f-dark: rgb(9,14,17);--f-dark-5: rgba(9,14,17,0.05);--f-dark-10: rgba(9,14,17,0.1);--f-dark-20: rgba(9,14,17,0.2);--f-dark-30: rgba(9,14,17,0.3);--f-dark-40: rgba(9,14,17,0.4);--f-dark-50: rgba(9,14,17,0.5);--f-dark-60: rgba(9,14,17,0.6);--f-dark-70: rgba(9,14,17,0.7);--f-dark-80: rgba(9,14,17,0.8);--f-dark-90: rgba(9,14,17,0.9);--f-success: hsla(136,95%,56%,1);--f-success-5: hsla(136,95%,56%,0.05);--f-success-10: hsla(136,95%,56%,0.1);--f-success-20: hsla(136,95%,56%,0.2);--f-success-30: hsla(136,95%,56%,0.3);--f-success-40: hsla(136,95%,56%,0.4);--f-success-50: hsla(136,95%,56%,0.5);--f-success-60: hsla(136,95%,56%,0.6);--f-success-70: hsla(136,95%,56%,0.7);--f-success-80: hsla(136,95%,56%,0.8);--f-success-90: hsla(136,95%,56%,0.9);--f-error: hsla(351,95%,56%,1);--f-error-5: hsla(351,95%,56%,0.05);--f-error-10: hsla(351,95%,56%,0.1);--f-error-20: hsla(351,95%,56%,0.2);--f-error-30: hsla(351,95%,56%,0.3);--f-error-40: hsla(351,95%,56%,0.4);--f-error-50: hsla(351,95%,56%,0.5);--f-error-60: hsla(351,95%,56%,0.6);--f-error-70: hsla(351,95%,56%,0.7);--f-error-80: hsla(351,95%,56%,0.8);--f-error-90: hsla(351,95%,56%,0.9);--f-space-4xs: clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem);--f-space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--f-space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem);--f-space-xs: clamp(1.02rem,calc(0.35vw + 0.91rem),1.4rem);--f-space-s: clamp(1.28rem,calc(0.65vw + 1.07rem),1.98rem);--f-space-m: clamp(1.6rem,calc(1.11vw + 1.24rem),2.8rem);--f-space-l: clamp(2rem,calc(1.81vw + 1.42rem),3.96rem);--f-space-xl: clamp(2.5rem,calc(2.87vw + 1.58rem),5.6rem);--f-space-2xl: clamp(3.13rem,calc(4.44vw + 1.71rem),7.92rem);--f-space-3xl: clamp(3.91rem,calc(6.75vw + 1.75rem),11.19rem);--f-space-4xl: clamp(4.88rem,calc(10.13vw + 1.64rem),15.83rem);--f-text-xs: clamp(1.26rem,calc(-0.23vw + 1.34rem),1.01rem);--f-text-s: clamp(1.42rem,calc(-0.07vw + 1.44rem),1.35rem);--f-text-m: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem);--f-text-l: clamp(1.8rem,calc(0.55vw + 1.62rem),2.4rem);--f-text-xl: clamp(2.02rem,calc(1.09vw + 1.68rem),3.2rem);--f-text-2xl: clamp(2.28rem,calc(1.84vw + 1.69rem),4.26rem);--f-text-3xl: clamp(2.56rem,calc(2.89vw + 1.64rem),5.68rem);--f-text-4xl: clamp(2.88rem,calc(4.34vw + 1.49rem),7.58rem);--f-hero-title-size: var(--f-text-4xl);--f-post-title-size: var(--f-text-2xl);--f-nav-link-size: var(--f-text-s);--f-header-space: var(--f-space-s);--f-btn-space: var(--f-space-xs) var(--f-space-s);--f-card-space: var(--f-space-s);--f-footer-space: var(--f-space-s) var(--f-space-m);--f-columns-1: repeat(1,minmax(0,1fr));--f-columns-2: repeat(2,minmax(0,1fr));--f-columns-3: repeat(3,minmax(0,1fr));--f-columns-4: repeat(4,minmax(0,1fr));--f-columns-5: repeat(5,minmax(0,1fr));--f-columns-6: repeat(6,minmax(0,1fr));--f-columns-7: repeat(7,minmax(0,1fr));--f-columns-8: repeat(8,minmax(0,1fr));--f-radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--f-radius-s: clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem);--f-radius-m: clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--f-radius-l: clamp(1.6rem,calc(0.37vw + 1.48rem),2rem);--f-radius-xl: clamp(2.6rem,calc(0.56vw + 2.42rem),3.2rem);--f-radius-full: 999rem;--f-shadow-xs: 0 1px 2px var(--f-shadow-primary);--f-shadow-s: 0 1.5px 3px var(--f-shadow-primary);--f-shadow-m: 0 2px 6px var(--f-shadow-primary);--f-shadow-l: 0 3px 12px var(--f-shadow-primary);--f-shadow-xl: 0 6px 48px var(--f-shadow-primary);}