:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 478px;--max-screen-width: 1170px;--primary: #227099;--secondary: #299BA0;--tertiary: #10445F;--bright-turquoise: #26C2C9;--base: var(--light);--bg-body: var(--light);--dark-teal: #04393C;--light-aqua: #E6F6F5;--deep-teal-bg: #195869;--text-body: var(--tertiary);--text-title: var(--primary);--sky-blue: #85D5D8;--success: #00995D;--error: #f92444;--error-l-1: #ff6164;--error-l-2: #ff908a;--error-l-3: #ffb4ad;--error-l-4: #ffdad6;--light: #ffffff;--dark: #000000;--outline-color: var(--secondary);--border-light-blue: #D0DCE3;--border-blue: #3E87AE;--space-4xs: clamp(0.31rem,calc(0.08vw + 0.29rem),0.35rem);--space-3xs: clamp(0.41rem,calc(0.18vw + 0.36rem),0.49rem);--space-2xs: clamp(0.54rem,calc(0.32vw + 0.45rem),0.68rem);--space-xs: clamp(0.72rem,calc(0.55vw + 0.55rem),0.96rem);--space-s: clamp(0.95rem,calc(0.91vw + 0.68rem),1.34rem);--space-m: clamp(1.25rem,calc(1.45vw + 0.82rem),1.88rem);--space-l: clamp(1.65rem,calc(2.25vw + 0.98rem),2.63rem);--space-xl: clamp(2.18rem,calc(3.46vw + 1.14rem),3.67rem);--space-2xl: clamp(2.88rem,calc(5.25vw + 1.31rem),5.14rem);--space-3xl: clamp(3.79rem,calc(7.88vw + 1.44rem),7.2rem);--space-4xl: clamp(5.01rem,calc(11.73vw + 1.5rem),10.08rem);--text-xs: clamp(0.69rem,calc(-0.26vw + 0.77rem),0.58rem);--text-s: clamp(0.83rem,calc(-0.11vw + 0.87rem),0.79rem);--text-m: clamp(1rem,calc(0.14vw + 0.96rem),1.06rem);--text-l: clamp(1.2rem,calc(0.54vw + 1.04rem),1.43rem);--text-xl: clamp(1.44rem,calc(1.15vw + 1.1rem),1.94rem);--text-2xl: clamp(1.73rem,calc(2.05vw + 1.12rem),2.61rem);--text-3xl: clamp(2.07rem,calc(3.37vw + 1.07rem),3.53rem);--text-4xl: clamp(2.49rem,calc(5.26vw + 0.92rem),4.76rem);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--h1: var(--text-4xl);--h2: calc(var(--text-2xl) - 3px);--h3: calc(var(--text-l) - 2px);--h4: calc(var(--text-l) - 4px);--header-space: var(--space-s);--btn-space: var(--space-xs) var(--space-s);--card-space: var(--space-s);--footer-space: var(--space-s) var(--space-m);--columns-1: repeat(1,minmax(0,1fr));--columns-2: repeat(2,minmax(0,1fr));--columns-3: repeat(3,minmax(0,1fr));--columns-4: repeat(4,minmax(0,1fr));--columns-5: repeat(5,minmax(0,1fr));--columns-6: repeat(6,minmax(0,1fr));--columns-7: repeat(7,minmax(0,1fr));--columns-8: repeat(8,minmax(0,1fr));--columns-9: repeat(9,minmax(0,1fr));--columns-10: repeat(10,minmax(0,1fr));--columns-11: repeat(11,minmax(0,1fr));--columns-12: repeat(12,minmax(0,1fr));--radius-xs: clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s: clamp(0.38rem,calc(0.29vw + 0.29rem),0.5rem);--radius-m: clamp(0.75rem,calc(0.43vw + 0.62rem),0.94rem);--radius-l: clamp(1.25rem,calc(1.45vw + 0.82rem),1.88rem);--radius-xl: clamp(1.63rem,calc(0.87vw + 1.37rem),2rem);--radius-full: 999rem;--shadow-xs: 0 1px 2px var(--shadow-primary,rgba(0,0,0,0.25));--shadow-s: 0 1.5px 3px var(--shadow-primary,rgba(0,0,0,0.25));--shadow-m: 0 2px 6px var(--shadow-primary,rgba(0,0,0,0.25));--shadow-l: 0 3px 12px var(--shadow-primary,rgba(0,0,0,0.25));--shadow-xl: 0 6px 48px var(--shadow-primary,rgba(0,0,0,0.25));--transition-fast: 0.1s;--transition-base: 0.2s;--transition-slow: 0.4s;--easing: cubic-bezier(.1,.6,.4,1);}