html{font-size:62.5%;}html.cf-theme-dark{color-scheme:dark;}:root,:root.cf-theme-dark .theme-inverted,:root.cf-theme-dark .theme-always-light,:root.cf-theme-light .theme-inverted .theme-always-light{--min-screen-width:360px;--max-screen-width:1366px;--primary:#415A77;--primary-5:#415a770d;--primary-10:#415a771a;--primary-20:#415a7733;--primary-30:#415a774d;--primary-40:#415a7766;--primary-50:#415a7780;--primary-60:#415a7799;--primary-70:#415a77b3;--primary-80:#415a77cc;--primary-90:#415a77e6;--primary-d-1:#35485f;--primary-d-2:#2a3747;--primary-d-3:#192a42;--primary-d-4:#121823;--primary-l-1:#647790;--primary-l-2:#8c99ab;--primary-l-3:#aeb8c6;--primary-l-4:#d8dde3;--primary-hover:#374D66;--primary-active:#2F4157;--primary-text:#FFFFFF;--primary-hover-text:#FFFFFF;--primary-active-text:#FFFFFF;--secondary:#14344C;--secondary-5:#14344c0d;--secondary-10:#14344c1a;--secondary-20:#14344c33;--secondary-30:#14344c4d;--secondary-40:#14344c66;--secondary-50:#14344c80;--secondary-60:#14344c99;--secondary-70:#14344cb3;--secondary-80:#14344ccc;--secondary-90:#14344ce6;--secondary-d-1:#142b3e;--secondary-d-2:#122230;--secondary-d-3:#101a23;--secondary-d-4:#091015;--secondary-l-1:#42576c;--secondary-l-2:#6f7f90;--secondary-l-3:#9da8b4;--secondary-l-4:#deedf8;--secondary-hover:#112C41;--secondary-active:#0E2537;--secondary-text:#FFFFFF;--secondary-hover-text:#FFFFFF;--secondary-active-text:#FFFFFF;--tertiary:#E0E1DD;--tertiary-5:#e0e1dd0d;--tertiary-10:#e0e1dd1a;--tertiary-20:#e0e1dd33;--tertiary-30:#e0e1dd4d;--tertiary-40:#e0e1dd66;--tertiary-50:#e0e1dd80;--tertiary-60:#e0e1dd99;--tertiary-70:#e0e1ddb3;--tertiary-80:#e0e1ddcc;--tertiary-90:#e0e1dde6;--tertiary-d-1:#aeafac;--tertiary-d-2:#80817e;--tertiary-d-3:#555553;--tertiary-d-4:#2c2c2b;--tertiary-l-1:#e6e7e4;--tertiary-l-2:#ebece9;--tertiary-l-3:#f3f3f1;--tertiary-l-4:#f8f8f7;--tertiary-hover:#CACBC7;--tertiary-active:#B8B9B5;--tertiary-text:#000000;--tertiary-hover-text:#000000;--tertiary-active-text:#000000;--accent:#FF6F60;--accent-5:#ff6f600d;--accent-10:#ff6f601a;--accent-20:#ff6f6033;--accent-30:#ff6f604d;--accent-40:#ff6f6066;--accent-50:#ff6f6080;--accent-60:#ff6f6099;--accent-70:#ff6f60b3;--accent-80:#ff6f60cc;--accent-90:#ff6f60e6;--accent-d-1:#c7594d;--accent-d-2:#92443a;--accent-d-3:#612f29;--accent-d-4:#301b17;--accent-l-1:#ff9180;--accent-l-2:#ffad9e;--accent-l-3:#ffc8bd;--accent-l-4:#ffe2db;--accent-hover:#E66456;--accent-active:#D15B4F;--accent-text:#FFFFFF;--accent-hover-text:#FFFFFF;--accent-active-text:#FFFFFF;--contrast:#4FF3F3;--contrast-5:#4ff3f30d;--contrast-10:#4ff3f31a;--contrast-20:#4ff3f333;--contrast-30:#4ff3f34d;--contrast-40:#4ff3f366;--contrast-50:#4ff3f380;--contrast-60:#4ff3f399;--contrast-70:#4ff3f3b3;--contrast-80:#4ff3f3cc;--contrast-90:#4ff3f3e6;--contrast-d-1:#42bdbd;--contrast-d-2:#378b8b;--contrast-d-3:#2a5b5b;--contrast-d-4:#1a2e2d;--contrast-l-1:#83f6f6;--contrast-l-2:#a9f9f8;--contrast-l-3:#c6fbfa;--contrast-l-4:#e2fdfc;--contrast-hover:#47DBDB;--contrast-active:#41C7C7;--contrast-text:#000000;--contrast-hover-text:#000000;--contrast-active-text:#000000;--base:#334155;--base-5:#3341550d;--base-10:#3341551a;--base-20:#33415533;--base-30:#3341554d;--base-40:#33415566;--base-50:#33415580;--base-60:#33415599;--base-70:#334155b3;--base-80:#334155cc;--base-90:#334155e6;--base-d-1:#2b3546;--base-d-2:#222935;--base-d-3:#191d24;--base-d-4:#0f1115;--base-l-1:#586374;--base-l-2:#7f8794;--base-l-3:#a9aeb7;--base-l-4:#d2d5da;--bg-body:#E6E6E6;--bg-surface:#FFFFFF;--bg-surface-muted:#F2F4F6;--bg-surface-raised:#FFFFFF;--bg-surface-inverse:#13233B;--bg-overlay:rgba(15,15,15,0.55);--shadow-primary:rgba(15,15,15,0.5);--neutral:#465663;--neutral-5:#4656630d;--neutral-10:#4656631a;--neutral-20:#46566333;--neutral-30:#4656634d;--neutral-40:#46566366;--neutral-50:#46566380;--neutral-60:#46566399;--neutral-70:#465663b3;--neutral-80:#465663cc;--neutral-90:#465663e6;--neutral-d-1:#3b4954;--neutral-d-2:#333e47;--neutral-d-3:#293138;--neutral-d-4:#21272c;--neutral-d-5:#191c1f;--neutral-d-6:#101214;--neutral-l-1:#5e6c78;--neutral-l-2:#77838d;--neutral-l-3:#909aa2;--neutral-l-4:#acb3b9;--neutral-l-5:#c7ccd1;--neutral-l-6:#e3e6e8;--white:#FFFFFF;--white-5:#ffffff0d;--white-10:#ffffff1a;--white-20:#ffffff33;--white-30:#ffffff4d;--white-40:#ffffff66;--white-50:#ffffff80;--white-60:#ffffff99;--white-70:#ffffffb3;--white-80:#ffffffcc;--white-90:#ffffffe6;--black:#000000;--black-5:#0000000d;--black-10:#0000001a;--black-20:#00000033;--black-30:#0000004d;--black-40:#00000066;--black-50:#00000080;--black-60:#00000099;--black-70:#000000b3;--black-80:#000000cc;--black-90:#000000e6;--text-body:#212121;--text-title:#13233B;--success:#2FBF9C;--success-5:#2fbf9c0d;--success-10:#2fbf9c1a;--success-20:#2fbf9c33;--success-30:#2fbf9c4d;--success-40:#2fbf9c66;--success-50:#2fbf9c80;--success-60:#2fbf9c99;--success-70:#2fbf9cb3;--success-80:#2fbf9ccc;--success-90:#2fbf9ce6;--error:#EF4444;--error-5:#ef44440d;--error-10:#ef44441a;--error-20:#ef444433;--error-30:#ef44444d;--error-40:#ef444466;--error-50:#ef444480;--error-60:#ef444499;--error-70:#ef4444b3;--error-80:#ef4444cc;--error-90:#ef4444e6;--space-4xs:clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem);--space-3xs:clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--space-2xs:clamp(0.82rem,calc(0.17vw + 0.76rem),0.99rem);--space-xs:clamp(1.02rem,calc(0.37vw + 0.89rem),1.4rem);--space-s:clamp(1.28rem,calc(0.7vw + 1.03rem),1.98rem);--space-m:clamp(1.6rem,calc(1.19vw + 1.17rem),2.8rem);--space-l:clamp(2rem,calc(1.95vw + 1.3rem),3.96rem);--space-xl:clamp(2.5rem,calc(3.08vw + 1.39rem),5.6rem);--space-2xl:clamp(3.13rem,calc(4.76vw + 1.41rem),7.92rem);--space-3xl:clamp(3.91rem,calc(7.24vw + 1.3rem),11.19rem);--space-4xl:clamp(4.88rem,calc(10.88vw + 0.97rem),15.83rem);--text-xs:clamp(1.19rem,calc(-0.23vw + 1.27rem),0.96rem);--text-s:clamp(1.33rem,calc(-0.06vw + 1.35rem),1.27rem);--text-m:clamp(1.5rem,calc(0.2vw + 1.43rem),1.7rem);--text-l:clamp(1.69rem,calc(0.58vw + 1.48rem),2.27rem);--text-xl:clamp(1.9rem,calc(1.12vw + 1.5rem),3.02rem);--text-2xl:clamp(2.14rem,calc(1.88vw + 1.46rem),4.03rem);--text-3xl:clamp(2.4rem,calc(2.95vw + 1.34rem),5.37rem);--text-4xl:clamp(2.7rem,calc(4.43vw + 1.11rem),7.15rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--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));--radius-xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s:clamp(0.6rem,calc(0.2vw + 0.53rem),0.8rem);--radius-m:clamp(1rem,calc(0.2vw + 0.93rem),1.2rem);--radius-l:clamp(1.6rem,calc(0.4vw + 1.46rem),2rem);--radius-xl:clamp(2.6rem,calc(0.6vw + 2.39rem),3.2rem);--radius-full:999rem;--shadow-xs:0 1px 2px var(--shadow-primary);--shadow-s:0 1.5px 3px var(--shadow-primary);--shadow-m:0 2px 6px var(--shadow-primary);--shadow-l:0 3px 12px var(--shadow-primary);--shadow-xl:0 6px 48px var(--shadow-primary);--icon-size-sm:2rem;--icon-size-md:2.4rem;--icon-size-lg:3.2rem;--avatar-size-sm:2rem;--avatar-size-md:3rem;--avatar-size-lg:5rem;}:root.cf-theme-dark,:root.cf-theme-light .theme-inverted,:root.cf-theme-light .theme-always-dark,:root.cf-theme-dark .theme-inverted .theme-always-dark{--primary:#1D2835;--primary-5:#1d28350d;--primary-10:#1d28351a;--primary-20:#1d283533;--primary-30:#1d28354d;--primary-40:#1d283566;--primary-50:#1d283580;--primary-60:#1d283599;--primary-70:#1d2835b3;--primary-80:#1d2835cc;--primary-90:#1d2835e6;--primary-d-1:#18202a;--primary-d-2:#151b23;--primary-d-3:#101419;--primary-d-4:#090c10;--primary-l-1:#454e59;--primary-l-2:#6f7680;--primary-l-3:#9ea2a9;--primary-l-4:#ccced1;--primary-hover:#627791;--primary-active:#586B82;--primary-text:#000000;--primary-hover-text:#000000;--primary-active-text:#FFFFFF;--secondary:#3C627E;--secondary-5:#3c627e0d;--secondary-10:#3c627e1a;--secondary-20:#3c627e33;--secondary-30:#3c627e4d;--secondary-40:#3c627e66;--secondary-50:#3c627e80;--secondary-60:#3c627e99;--secondary-70:#3c627eb3;--secondary-80:#3c627ecc;--secondary-90:#3c627ee6;--secondary-d-1:#314d63;--secondary-d-2:#273a49;--secondary-d-3:#1e2a34;--secondary-d-4:#12171c;--secondary-l-1:#638097;--secondary-l-2:#889daf;--secondary-l-3:#afbdca;--secondary-l-4:#d7dee4;--secondary-hover:#365970;--secondary-active:#304E65;--secondary-text:#FFFFFF;--secondary-hover-text:#FFFFFF;--secondary-active-text:#FFFFFF;--tertiary:#E9EAE7;--tertiary-5:#e9eae70d;--tertiary-10:#e9eae71a;--tertiary-20:#e9eae733;--tertiary-30:#e9eae74d;--tertiary-40:#e9eae766;--tertiary-50:#e9eae780;--tertiary-60:#e9eae799;--tertiary-70:#e9eae7b3;--tertiary-80:#e9eae7cc;--tertiary-90:#e9eae7e6;--tertiary-d-1:#b6b7b4;--tertiary-d-2:#858683;--tertiary-d-3:#575856;--tertiary-d-4:#2e2e2d;--tertiary-l-1:#eeeeec;--tertiary-l-2:#f3f3f1;--tertiary-l-3:#f5f6f4;--tertiary-l-4:#fafafa;--tertiary-hover:#D2D3D0;--tertiary-active:#BFC0BD;--tertiary-text:#000000;--tertiary-hover-text:#000000;--tertiary-active-text:#000000;--accent:#FF8275;--accent-5:#ff82750d;--accent-10:#ff82751a;--accent-20:#ff827533;--accent-30:#ff82754d;--accent-40:#ff827566;--accent-50:#ff827580;--accent-60:#ff827599;--accent-70:#ff8275b3;--accent-80:#ff8275cc;--accent-90:#ff8275e6;--accent-d-1:#c7665c;--accent-d-2:#914d46;--accent-d-3:#5f3530;--accent-d-4:#311e1b;--accent-l-1:#ff9c8f;--accent-l-2:#ffb4a8;--accent-l-3:#ffcfc7;--accent-l-4:#ffe6e0;--accent-hover:#E67569;--accent-active:#D16B60;--accent-text:#FFFFFF;--accent-hover-text:#FFFFFF;--accent-active-text:#FFFFFF;--contrast:#63F5F5;--contrast-5:#63f5f50d;--contrast-10:#63f5f51a;--contrast-20:#63f5f533;--contrast-30:#63f5f54d;--contrast-40:#63f5f566;--contrast-50:#63f5f580;--contrast-60:#63f5f599;--contrast-70:#63f5f5b3;--contrast-80:#63f5f5cc;--contrast-90:#63f5f5e6;--contrast-d-1:#50bebe;--contrast-d-2:#408c8c;--contrast-d-3:#2e5c5c;--contrast-d-4:#1d302f;--contrast-l-1:#8cf8f8;--contrast-l-2:#aefaf9;--contrast-l-3:#cafcfb;--contrast-l-4:#e7fefd;--contrast-hover:#59DDDD;--contrast-active:#51C9C9;--contrast-text:#000000;--contrast-hover-text:#000000;--contrast-active-text:#000000;--base:#E6E6E6;--base-5:#e6e6e60d;--base-10:#e6e6e61a;--base-20:#e6e6e633;--base-30:#e6e6e64d;--base-40:#e6e6e666;--base-50:#e6e6e680;--base-60:#e6e6e699;--base-70:#e6e6e6b3;--base-80:#e6e6e6cc;--base-90:#e6e6e6e6;--base-d-1:#b3b3b3;--base-d-2:#828282;--base-d-3:#575757;--base-d-4:#2b2b2b;--base-l-1:#ebebeb;--base-l-2:#f0f0f0;--base-l-3:#f5f5f5;--base-l-4:#fafafa;--bg-body:#0D0D0D;--bg-surface:#262626;--bg-surface-muted:#1A1F26;--bg-surface-raised:#30363D;--bg-surface-inverse:#F3F4F6;--bg-overlay:rgba(15,15,63,1);--shadow-primary:rgba(15,15,15,0.5);--neutral:#1C2227;--neutral-5:#1c22270d;--neutral-10:#1c22271a;--neutral-20:#1c222733;--neutral-30:#1c22274d;--neutral-40:#1c222766;--neutral-50:#1c222780;--neutral-60:#1c222799;--neutral-70:#1c2227b3;--neutral-80:#1c2227cc;--neutral-90:#1c2227e6;--neutral-d-1:#1a1f23;--neutral-d-2:#161a1d;--neutral-d-3:#14171a;--neutral-d-4:#0f1215;--neutral-d-5:#0b0d0f;--neutral-d-6:#060809;--neutral-l-1:#383e42;--neutral-l-2:#555a5e;--neutral-l-3:#74787b;--neutral-l-4:#96999c;--neutral-l-5:#b8babc;--neutral-l-6:#dadbdc;--white:#000000;--white-5:#0000000d;--white-10:#0000001a;--white-20:#00000033;--white-30:#0000004d;--white-40:#00000066;--white-50:#00000080;--white-60:#00000099;--white-70:#000000b3;--white-80:#000000cc;--white-90:#000000e6;--black:#FFFFFF;--black-5:#ffffff0d;--black-10:#ffffff1a;--black-20:#ffffff33;--black-30:#ffffff4d;--black-40:#ffffff66;--black-50:#ffffff80;--black-60:#ffffff99;--black-70:#ffffffb3;--black-80:#ffffffcc;--black-90:#ffffffe6;--text-body:#BFBFBF;--text-title:#FFFFFF;}.expand-click:not(a){position:static;}.expand-click:not(a) a{position:static;}.expand-click:not(a) > a:before{content:'';position:absolute;inset:0;cursor:pointer;display:flex;z-index:2;}a.expand-click{position:static;}a.expand-click:before{content:'';position:absolute;inset:0;cursor:pointer;display:flex;}.expand-click:focus-within:after{content:'';position:absolute;inset:-2px;z-index:1;outline:2px solid var(--primary);outline-offset:2px;display:var(--after-display);}.expand-click:focus-within:focus{outline:none;}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-s);background:var(--primary);color:#fff;font-size:var(--text-m);font-weight:600;border-radius:var(--radius-m);border:1px solid var(--primary-d-1);box-shadow:var(--shadow-m);transition:all 0.25s ease-in-out;outline:0;cursor:pointer;}@media (hover:hover){.btn:hover{background:var(--primary-d-1);transform:translateY(-0.1rem);}}.btn.small{font-size:var(--text-s);padding:var(--space-xs) var(--space-s);}.btn.large{font-size:var(--text-l);padding:var(--space-s) var(--space-m);}.btn.tertiary{background:var(--tertiary);border-color:var(--tertiary-d-1);}.btn.ghost{color:var(--dark-80);background:transparent;border-color:transparent;box-shadow:none;}.btn.slight{color:var(--dark-80);background:var(--bg-surface);border-color:var(--border-primary);box-shadow:var(--shadow-s);}.btn.secondary{background:var(--secondary);border-color:var(--secondary-d-1);}@media (hover:hover){.btn.ghost:hover{background:var(--dark-10);}}@media (hover:hover){.btn.slight:hover{background:var(--dark-5);}}@media (hover:hover){.btn.tertiary:hover{background:var(--tertiary-d-1);}}@media (hover:hover){.btn.secondary:hover{background:var(--secondary-d-1);}}.btn:focus{outline:4px solid var(--primary-l-3);outline-offset:2px;}.btn.no-bg{color:var(--dark-80);background:transparent;box-shadow:none;border-color:transparent;}@media (hover:hover){.btn.no-bg:hover{color:var(--dark);}}.badge{display:flex;align-items:center;justify-content:center;gap:var(--space-4xs);padding:var(--space-2xs) var(--space-s);background:var(--dark-10);color:var(--primary);font-size:var(--text-s);font-weight:500;border-radius:var(--radius-full);border:0;outline:0;}.badge.secondary{color:var(--secondary);}.link{color:var(--primary);font-size:var(--text-m);font-weight:600;letter-spacing:0.05rem;box-shadow:0 2px 0 var(--primary-20);text-decoration:none;transition:all 0.15s ease-in-out;}@media (hover:hover){.link:hover{box-shadow:0 2px 0 var(--primary-40);}}.link:focus{background:var(--primary-10);}.link.secondary{color:var(--secondary);border-color:var(--secondary-20);}.link.tertiary{color:var(--tertiary);border-color:var(--tertiary-20);}.input{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-title);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;appearance:none;outline:0;}.input:focus{background:var(--primary-20);border-color:var(--primary);box-shadow:var(--shadow-l);}@media (hover:hover){.input:hover{border-color:var(--primary);background:transparent;box-shadow:var(--shadow-l);}}.input::placeholder{color:var(--dark-40);}.input:invalid{border-color:var(--error);background:var(--error-10);}.input:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.select{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-body);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;outline:0;}.select:focus{background:var(--primary-20);border-color:var(--primary);}@media (hover:hover){.select:hover{border-color:var(--primary);}}.select::placeholder{color:var(--dark-40);}.select:invalid{border-color:var(--error);background:var(--error-10);}.select:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.card{display:grid;gap:var(--space-xs);padding:var(--space-m);font-size:var(--text-m);color:var(--text-body);background:var(--bg-surface);line-height:1.3;border-radius:var(--radius-m);box-shadow:var(--shadow-m);}.card.secondary{background:var(--secondary);color:#fff;}.card.primary{background:var(--primary);color:#fff;}.icon{color:var(--primary);width:var(--icon-size-md);height:auto;font-size:var(--icon-size-md);}.icon.large{width:var(--icon-size-lg);font-size:var(--icon-size-lg);}.icon.secondary{color:var(--secondary);}.icon.tertiary{color:var(--tertiary);}.icon.outline{padding:0.5em;border:1px solid var(--border-primary);border-radius:100%;box-sizing:content-box;}.icon.filled{padding:0.5em;border-radius:100%;box-sizing:content-box;background:var(--dark-10);}.icon.small{width:var(--icon-size-sm);font-size:vvar(--icon-size-sm);}.avatar{width:var(--avatar-size-md);height:var(--avatar-size-md);border-radius:100%;box-shadow:var(--shadow-m);object-fit:cover;}.avatar.small{width:var(--avatar-size-sm);height:var(--avatar-size-sm);}.avatar.large{width:var(--avatar-size-lg);height:var(--avatar-size-lg);}.divider{min-width:100%;width:100%;max-width:100%;min-height:1px;height:1px;max-height:1px;background:var(--border-primary);margin:var(--space-m) 0;border:0;}.divider.vertical{min-width:1px;width:1px;max-width:1px;min-height:100%;height:100%;max-height:100%;}.checkbox{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-s);width:clamp(1.8rem,calc(0.4vw + 1.66rem),2.2rem);height:clamp(1.8rem,calc(0.4vw + 1.66rem),2.2rem);}.checkbox:checked:before{transform:scale(1);}.checkbox::before{content:"";width:1em;height:1em;box-shadow:inset 1em 1em #fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform 0.2s;}@media (hover:hover){.checkbox:hover{border-color:var(--primary);}}.checkbox:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.checkbox:checked{background:var(--primary);border-color:var(--primary);}.radio{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-full);width:clamp(1.8rem,calc(0.4vw + 1.66rem),2.2rem);height:clamp(1.8rem,calc(0.4vw + 1.66rem),2.2rem);}.radio:checked:before{transform:scale(1);}.radio::before{content:"";width:1em;height:1em;border-radius:100%;transform:scale(0);transition:transform 0.2s;background:var(--primary);}@media (hover:hover){.radio:hover{border-color:var(--primary);}}.radio:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.radio:checked{border-color:var(--primary);}.bg-primary{background-color:var(--primary);}.bg-primary-5{background-color:var(--primary-5);}.bg-primary-10{background-color:var(--primary-10);}.bg-primary-20{background-color:var(--primary-20);}.bg-primary-30{background-color:var(--primary-30);}.bg-primary-40{background-color:var(--primary-40);}.bg-primary-50{background-color:var(--primary-50);}.bg-primary-60{background-color:var(--primary-60);}.bg-primary-70{background-color:var(--primary-70);}.bg-primary-80{background-color:var(--primary-80);}.bg-primary-90{background-color:var(--primary-90);}.bg-primary-d-1{background-color:var(--primary-d-1);}.bg-primary-d-2{background-color:var(--primary-d-2);}.bg-primary-d-3{background-color:var(--primary-d-3);}.bg-primary-d-4{background-color:var(--primary-d-4);}.bg-primary-l-1{background-color:var(--primary-l-1);}.bg-primary-l-2{background-color:var(--primary-l-2);}.bg-primary-l-3{background-color:var(--primary-l-3);}.bg-primary-l-4{background-color:var(--primary-l-4);}.text-primary{color:var(--primary);}.text-primary-5{color:var(--primary-5);}.text-primary-10{color:var(--primary-10);}.text-primary-20{color:var(--primary-20);}.text-primary-30{color:var(--primary-30);}.text-primary-40{color:var(--primary-40);}.text-primary-50{color:var(--primary-50);}.text-primary-60{color:var(--primary-60);}.text-primary-70{color:var(--primary-70);}.text-primary-80{color:var(--primary-80);}.text-primary-90{color:var(--primary-90);}.text-primary-d-1{color:var(--primary-d-1);}.text-primary-d-2{color:var(--primary-d-2);}.text-primary-d-3{color:var(--primary-d-3);}.text-primary-d-4{color:var(--primary-d-4);}.text-primary-l-1{color:var(--primary-l-1);}.text-primary-l-2{color:var(--primary-l-2);}.text-primary-l-3{color:var(--primary-l-3);}.text-primary-l-4{color:var(--primary-l-4);}.border-primary{border-color:var(--primary);}.border-primary-5{border-color:var(--primary-5);}.border-primary-10{border-color:var(--primary-10);}.border-primary-20{border-color:var(--primary-20);}.border-primary-30{border-color:var(--primary-30);}.border-primary-40{border-color:var(--primary-40);}.border-primary-50{border-color:var(--primary-50);}.border-primary-60{border-color:var(--primary-60);}.border-primary-70{border-color:var(--primary-70);}.border-primary-80{border-color:var(--primary-80);}.border-primary-90{border-color:var(--primary-90);}.border-primary-d-1{border-color:var(--primary-d-1);}.border-primary-d-2{border-color:var(--primary-d-2);}.border-primary-d-3{border-color:var(--primary-d-3);}.border-primary-d-4{border-color:var(--primary-d-4);}.border-primary-l-1{border-color:var(--primary-l-1);}.border-primary-l-2{border-color:var(--primary-l-2);}.border-primary-l-3{border-color:var(--primary-l-3);}.border-primary-l-4{border-color:var(--primary-l-4);}.bg-secondary{background-color:var(--secondary);}.bg-secondary-5{background-color:var(--secondary-5);}.bg-secondary-10{background-color:var(--secondary-10);}.bg-secondary-20{background-color:var(--secondary-20);}.bg-secondary-30{background-color:var(--secondary-30);}.bg-secondary-40{background-color:var(--secondary-40);}.bg-secondary-50{background-color:var(--secondary-50);}.bg-secondary-60{background-color:var(--secondary-60);}.bg-secondary-70{background-color:var(--secondary-70);}.bg-secondary-80{background-color:var(--secondary-80);}.bg-secondary-90{background-color:var(--secondary-90);}.bg-secondary-d-1{background-color:var(--secondary-d-1);}.bg-secondary-d-2{background-color:var(--secondary-d-2);}.bg-secondary-d-3{background-color:var(--secondary-d-3);}.bg-secondary-d-4{background-color:var(--secondary-d-4);}.bg-secondary-l-1{background-color:var(--secondary-l-1);}.bg-secondary-l-2{background-color:var(--secondary-l-2);}.bg-secondary-l-3{background-color:var(--secondary-l-3);}.bg-secondary-l-4{background-color:var(--secondary-l-4);}.text-secondary{color:var(--secondary);}.text-secondary-5{color:var(--secondary-5);}.text-secondary-10{color:var(--secondary-10);}.text-secondary-20{color:var(--secondary-20);}.text-secondary-30{color:var(--secondary-30);}.text-secondary-40{color:var(--secondary-40);}.text-secondary-50{color:var(--secondary-50);}.text-secondary-60{color:var(--secondary-60);}.text-secondary-70{color:var(--secondary-70);}.text-secondary-80{color:var(--secondary-80);}.text-secondary-90{color:var(--secondary-90);}.text-secondary-d-1{color:var(--secondary-d-1);}.text-secondary-d-2{color:var(--secondary-d-2);}.text-secondary-d-3{color:var(--secondary-d-3);}.text-secondary-d-4{color:var(--secondary-d-4);}.text-secondary-l-1{color:var(--secondary-l-1);}.text-secondary-l-2{color:var(--secondary-l-2);}.text-secondary-l-3{color:var(--secondary-l-3);}.text-secondary-l-4{color:var(--secondary-l-4);}.border-secondary{border-color:var(--secondary);}.border-secondary-5{border-color:var(--secondary-5);}.border-secondary-10{border-color:var(--secondary-10);}.border-secondary-20{border-color:var(--secondary-20);}.border-secondary-30{border-color:var(--secondary-30);}.border-secondary-40{border-color:var(--secondary-40);}.border-secondary-50{border-color:var(--secondary-50);}.border-secondary-60{border-color:var(--secondary-60);}.border-secondary-70{border-color:var(--secondary-70);}.border-secondary-80{border-color:var(--secondary-80);}.border-secondary-90{border-color:var(--secondary-90);}.border-secondary-d-1{border-color:var(--secondary-d-1);}.border-secondary-d-2{border-color:var(--secondary-d-2);}.border-secondary-d-3{border-color:var(--secondary-d-3);}.border-secondary-d-4{border-color:var(--secondary-d-4);}.border-secondary-l-1{border-color:var(--secondary-l-1);}.border-secondary-l-2{border-color:var(--secondary-l-2);}.border-secondary-l-3{border-color:var(--secondary-l-3);}.border-secondary-l-4{border-color:var(--secondary-l-4);}.bg-tertiary{background-color:var(--tertiary);}.bg-tertiary-5{background-color:var(--tertiary-5);}.bg-tertiary-10{background-color:var(--tertiary-10);}.bg-tertiary-20{background-color:var(--tertiary-20);}.bg-tertiary-30{background-color:var(--tertiary-30);}.bg-tertiary-40{background-color:var(--tertiary-40);}.bg-tertiary-50{background-color:var(--tertiary-50);}.bg-tertiary-60{background-color:var(--tertiary-60);}.bg-tertiary-70{background-color:var(--tertiary-70);}.bg-tertiary-80{background-color:var(--tertiary-80);}.bg-tertiary-90{background-color:var(--tertiary-90);}.bg-tertiary-d-1{background-color:var(--tertiary-d-1);}.bg-tertiary-d-2{background-color:var(--tertiary-d-2);}.bg-tertiary-d-3{background-color:var(--tertiary-d-3);}.bg-tertiary-d-4{background-color:var(--tertiary-d-4);}.bg-tertiary-l-1{background-color:var(--tertiary-l-1);}.bg-tertiary-l-2{background-color:var(--tertiary-l-2);}.bg-tertiary-l-3{background-color:var(--tertiary-l-3);}.bg-tertiary-l-4{background-color:var(--tertiary-l-4);}.text-tertiary{color:var(--tertiary);}.text-tertiary-5{color:var(--tertiary-5);}.text-tertiary-10{color:var(--tertiary-10);}.text-tertiary-20{color:var(--tertiary-20);}.text-tertiary-30{color:var(--tertiary-30);}.text-tertiary-40{color:var(--tertiary-40);}.text-tertiary-50{color:var(--tertiary-50);}.text-tertiary-60{color:var(--tertiary-60);}.text-tertiary-70{color:var(--tertiary-70);}.text-tertiary-80{color:var(--tertiary-80);}.text-tertiary-90{color:var(--tertiary-90);}.text-tertiary-d-1{color:var(--tertiary-d-1);}.text-tertiary-d-2{color:var(--tertiary-d-2);}.text-tertiary-d-3{color:var(--tertiary-d-3);}.text-tertiary-d-4{color:var(--tertiary-d-4);}.text-tertiary-l-1{color:var(--tertiary-l-1);}.text-tertiary-l-2{color:var(--tertiary-l-2);}.text-tertiary-l-3{color:var(--tertiary-l-3);}.text-tertiary-l-4{color:var(--tertiary-l-4);}.border-tertiary{border-color:var(--tertiary);}.border-tertiary-5{border-color:var(--tertiary-5);}.border-tertiary-10{border-color:var(--tertiary-10);}.border-tertiary-20{border-color:var(--tertiary-20);}.border-tertiary-30{border-color:var(--tertiary-30);}.border-tertiary-40{border-color:var(--tertiary-40);}.border-tertiary-50{border-color:var(--tertiary-50);}.border-tertiary-60{border-color:var(--tertiary-60);}.border-tertiary-70{border-color:var(--tertiary-70);}.border-tertiary-80{border-color:var(--tertiary-80);}.border-tertiary-90{border-color:var(--tertiary-90);}.border-tertiary-d-1{border-color:var(--tertiary-d-1);}.border-tertiary-d-2{border-color:var(--tertiary-d-2);}.border-tertiary-d-3{border-color:var(--tertiary-d-3);}.border-tertiary-d-4{border-color:var(--tertiary-d-4);}.border-tertiary-l-1{border-color:var(--tertiary-l-1);}.border-tertiary-l-2{border-color:var(--tertiary-l-2);}.border-tertiary-l-3{border-color:var(--tertiary-l-3);}.border-tertiary-l-4{border-color:var(--tertiary-l-4);}.bg-body{background-color:var(--bg-body);}.bg-surface{background-color:var(--bg-surface);}.text-body{color:var(--text-body);}.text-title{color:var(--text-title);}.bg-success{background-color:var(--success);}.bg-success-5{background-color:var(--success-5);}.bg-success-10{background-color:var(--success-10);}.bg-success-20{background-color:var(--success-20);}.bg-success-30{background-color:var(--success-30);}.bg-success-40{background-color:var(--success-40);}.bg-success-50{background-color:var(--success-50);}.bg-success-60{background-color:var(--success-60);}.bg-success-70{background-color:var(--success-70);}.bg-success-80{background-color:var(--success-80);}.bg-success-90{background-color:var(--success-90);}.text-success{color:var(--success);}.text-success-5{color:var(--success-5);}.text-success-10{color:var(--success-10);}.text-success-20{color:var(--success-20);}.text-success-30{color:var(--success-30);}.text-success-40{color:var(--success-40);}.text-success-50{color:var(--success-50);}.text-success-60{color:var(--success-60);}.text-success-70{color:var(--success-70);}.text-success-80{color:var(--success-80);}.text-success-90{color:var(--success-90);}.border-success{border-color:var(--success);}.border-success-5{border-color:var(--success-5);}.border-success-10{border-color:var(--success-10);}.border-success-20{border-color:var(--success-20);}.border-success-30{border-color:var(--success-30);}.border-success-40{border-color:var(--success-40);}.border-success-50{border-color:var(--success-50);}.border-success-60{border-color:var(--success-60);}.border-success-70{border-color:var(--success-70);}.border-success-80{border-color:var(--success-80);}.border-success-90{border-color:var(--success-90);}.bg-error{background-color:var(--error);}.bg-error-5{background-color:var(--error-5);}.bg-error-10{background-color:var(--error-10);}.bg-error-20{background-color:var(--error-20);}.bg-error-30{background-color:var(--error-30);}.bg-error-40{background-color:var(--error-40);}.bg-error-50{background-color:var(--error-50);}.bg-error-60{background-color:var(--error-60);}.bg-error-70{background-color:var(--error-70);}.bg-error-80{background-color:var(--error-80);}.bg-error-90{background-color:var(--error-90);}.text-error{color:var(--error);}.text-error-5{color:var(--error-5);}.text-error-10{color:var(--error-10);}.text-error-20{color:var(--error-20);}.text-error-30{color:var(--error-30);}.text-error-40{color:var(--error-40);}.text-error-50{color:var(--error-50);}.text-error-60{color:var(--error-60);}.text-error-70{color:var(--error-70);}.text-error-80{color:var(--error-80);}.text-error-90{color:var(--error-90);}.border-error{border-color:var(--error);}.border-error-5{border-color:var(--error-5);}.border-error-10{border-color:var(--error-10);}.border-error-20{border-color:var(--error-20);}.border-error-30{border-color:var(--error-30);}.border-error-40{border-color:var(--error-40);}.border-error-50{border-color:var(--error-50);}.border-error-60{border-color:var(--error-60);}.border-error-70{border-color:var(--error-70);}.border-error-80{border-color:var(--error-80);}.border-error-90{border-color:var(--error-90);}.padding-4xs{padding:var(--space-4xs);}.padding-3xs{padding:var(--space-3xs);}.padding-2xs{padding:var(--space-2xs);}.padding-xs{padding:var(--space-xs);}.padding-s{padding:var(--space-s);}.padding-m{padding:var(--space-m);}.padding-l{padding:var(--space-l);}.padding-xl{padding:var(--space-xl);}.padding-2xl{padding:var(--space-2xl);}.padding-3xl{padding:var(--space-3xl);}.padding-4xl{padding:var(--space-4xl);}.padding-left-4xs{padding-left:var(--space-4xs);}.padding-left-3xs{padding-left:var(--space-3xs);}.padding-left-2xs{padding-left:var(--space-2xs);}.padding-left-xs{padding-left:var(--space-xs);}.padding-left-s{padding-left:var(--space-s);}.padding-left-m{padding-left:var(--space-m);}.padding-left-l{padding-left:var(--space-l);}.padding-left-xl{padding-left:var(--space-xl);}.padding-left-2xl{padding-left:var(--space-2xl);}.padding-left-3xl{padding-left:var(--space-3xl);}.padding-left-4xl{padding-left:var(--space-4xl);}.padding-right-4xs{padding-right:var(--space-4xs);}.padding-right-3xs{padding-right:var(--space-3xs);}.padding-right-2xs{padding-right:var(--space-2xs);}.padding-right-xs{padding-right:var(--space-xs);}.padding-right-s{padding-right:var(--space-s);}.padding-right-m{padding-right:var(--space-m);}.padding-right-l{padding-right:var(--space-l);}.padding-right-xl{padding-right:var(--space-xl);}.padding-right-2xl{padding-right:var(--space-2xl);}.padding-right-3xl{padding-right:var(--space-3xl);}.padding-right-4xl{padding-right:var(--space-4xl);}.padding-top-4xs{padding-top:var(--space-4xs);}.padding-top-3xs{padding-top:var(--space-3xs);}.padding-top-2xs{padding-top:var(--space-2xs);}.padding-top-xs{padding-top:var(--space-xs);}.padding-top-s{padding-top:var(--space-s);}.padding-top-m{padding-top:var(--space-m);}.padding-top-l{padding-top:var(--space-l);}.padding-top-xl{padding-top:var(--space-xl);}.padding-top-2xl{padding-top:var(--space-2xl);}.padding-top-3xl{padding-top:var(--space-3xl);}.padding-top-4xl{padding-top:var(--space-4xl);}.padding-bottom-4xs{padding-bottom:var(--space-4xs);}.padding-bottom-3xs{padding-bottom:var(--space-3xs);}.padding-bottom-2xs{padding-bottom:var(--space-2xs);}.padding-bottom-xs{padding-bottom:var(--space-xs);}.padding-bottom-s{padding-bottom:var(--space-s);}.padding-bottom-m{padding-bottom:var(--space-m);}.padding-bottom-l{padding-bottom:var(--space-l);}.padding-bottom-xl{padding-bottom:var(--space-xl);}.padding-bottom-2xl{padding-bottom:var(--space-2xl);}.padding-bottom-3xl{padding-bottom:var(--space-3xl);}.padding-bottom-4xl{padding-bottom:var(--space-4xl);}.padding-horizontal-4xs{padding-left:var(--space-4xs);padding-right:var(--space-4xs);}.padding-horizontal-3xs{padding-left:var(--space-3xs);padding-right:var(--space-3xs);}.padding-horizontal-2xs{padding-left:var(--space-2xs);padding-right:var(--space-2xs);}.padding-horizontal-xs{padding-left:var(--space-xs);padding-right:var(--space-xs);}.padding-horizontal-s{padding-left:var(--space-s);padding-right:var(--space-s);}.padding-horizontal-m{padding-left:var(--space-m);padding-right:var(--space-m);}.padding-horizontal-l{padding-left:var(--space-l);padding-right:var(--space-l);}.padding-horizontal-xl{padding-left:var(--space-xl);padding-right:var(--space-xl);}.padding-horizontal-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl);}.padding-horizontal-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl);}.padding-horizontal-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl);}.padding-vertical-4xs{padding-top:var(--space-4xs);padding-bottom:var(--space-4xs);}.padding-vertical-3xs{padding-top:var(--space-3xs);padding-bottom:var(--space-3xs);}.padding-vertical-2xs{padding-top:var(--space-2xs);padding-bottom:var(--space-2xs);}.padding-vertical-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs);}.padding-vertical-s{padding-top:var(--space-s);padding-bottom:var(--space-s);}.padding-vertical-m{padding-top:var(--space-m);padding-bottom:var(--space-m);}.padding-vertical-l{padding-top:var(--space-l);padding-bottom:var(--space-l);}.padding-vertical-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl);}.padding-vertical-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);}.padding-vertical-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);}.padding-vertical-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);}.margin-4xs{margin:var(--space-4xs);}.margin-3xs{margin:var(--space-3xs);}.margin-2xs{margin:var(--space-2xs);}.margin-xs{margin:var(--space-xs);}.margin-s{margin:var(--space-s);}.margin-m{margin:var(--space-m);}.margin-l{margin:var(--space-l);}.margin-xl{margin:var(--space-xl);}.margin-2xl{margin:var(--space-2xl);}.margin-3xl{margin:var(--space-3xl);}.margin-4xl{margin:var(--space-4xl);}.margin-left-4xs{margin-left:var(--space-4xs);}.margin-left-3xs{margin-left:var(--space-3xs);}.margin-left-2xs{margin-left:var(--space-2xs);}.margin-left-xs{margin-left:var(--space-xs);}.margin-left-s{margin-left:var(--space-s);}.margin-left-m{margin-left:var(--space-m);}.margin-left-l{margin-left:var(--space-l);}.margin-left-xl{margin-left:var(--space-xl);}.margin-left-2xl{margin-left:var(--space-2xl);}.margin-left-3xl{margin-left:var(--space-3xl);}.margin-left-4xl{margin-left:var(--space-4xl);}.margin-right-4xs{margin-right:var(--space-4xs);}.margin-right-3xs{margin-right:var(--space-3xs);}.margin-right-2xs{margin-right:var(--space-2xs);}.margin-right-xs{margin-right:var(--space-xs);}.margin-right-s{margin-right:var(--space-s);}.margin-right-m{margin-right:var(--space-m);}.margin-right-l{margin-right:var(--space-l);}.margin-right-xl{margin-right:var(--space-xl);}.margin-right-2xl{margin-right:var(--space-2xl);}.margin-right-3xl{margin-right:var(--space-3xl);}.margin-right-4xl{margin-right:var(--space-4xl);}.margin-top-4xs{margin-top:var(--space-4xs);}.margin-top-3xs{margin-top:var(--space-3xs);}.margin-top-2xs{margin-top:var(--space-2xs);}.margin-top-xs{margin-top:var(--space-xs);}.margin-top-s{margin-top:var(--space-s);}.margin-top-m{margin-top:var(--space-m);}.margin-top-l{margin-top:var(--space-l);}.margin-top-xl{margin-top:var(--space-xl);}.margin-top-2xl{margin-top:var(--space-2xl);}.margin-top-3xl{margin-top:var(--space-3xl);}.margin-top-4xl{margin-top:var(--space-4xl);}.margin-bottom-4xs{margin-bottom:var(--space-4xs);}.margin-bottom-3xs{margin-bottom:var(--space-3xs);}.margin-bottom-2xs{margin-bottom:var(--space-2xs);}.margin-bottom-xs{margin-bottom:var(--space-xs);}.margin-bottom-s{margin-bottom:var(--space-s);}.margin-bottom-m{margin-bottom:var(--space-m);}.margin-bottom-l{margin-bottom:var(--space-l);}.margin-bottom-xl{margin-bottom:var(--space-xl);}.margin-bottom-2xl{margin-bottom:var(--space-2xl);}.margin-bottom-3xl{margin-bottom:var(--space-3xl);}.margin-bottom-4xl{margin-bottom:var(--space-4xl);}.margin-horizontal-4xs{margin-left:var(--space-4xs);margin-right:var(--space-4xs);}.margin-horizontal-3xs{margin-left:var(--space-3xs);margin-right:var(--space-3xs);}.margin-horizontal-2xs{margin-left:var(--space-2xs);margin-right:var(--space-2xs);}.margin-horizontal-xs{margin-left:var(--space-xs);margin-right:var(--space-xs);}.margin-horizontal-s{margin-left:var(--space-s);margin-right:var(--space-s);}.margin-horizontal-m{margin-left:var(--space-m);margin-right:var(--space-m);}.margin-horizontal-l{margin-left:var(--space-l);margin-right:var(--space-l);}.margin-horizontal-xl{margin-left:var(--space-xl);margin-right:var(--space-xl);}.margin-horizontal-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl);}.margin-horizontal-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl);}.margin-horizontal-4xl{margin-left:var(--space-4xl);margin-right:var(--space-4xl);}.margin-vertical-4xs{margin-top:var(--space-4xs);margin-bottom:var(--space-4xs);}.margin-vertical-3xs{margin-top:var(--space-3xs);margin-bottom:var(--space-3xs);}.margin-vertical-2xs{margin-top:var(--space-2xs);margin-bottom:var(--space-2xs);}.margin-vertical-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs);}.margin-vertical-s{margin-top:var(--space-s);margin-bottom:var(--space-s);}.margin-vertical-m{margin-top:var(--space-m);margin-bottom:var(--space-m);}.margin-vertical-l{margin-top:var(--space-l);margin-bottom:var(--space-l);}.margin-vertical-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl);}.margin-vertical-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);}.margin-vertical-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl);}.margin-vertical-4xl{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl);}.gap-4xs{gap:var(--space-4xs);}.gap-3xs{gap:var(--space-3xs);}.gap-2xs{gap:var(--space-2xs);}.gap-xs{gap:var(--space-xs);}.gap-s{gap:var(--space-s);}.gap-m{gap:var(--space-m);}.gap-l{gap:var(--space-l);}.gap-xl{gap:var(--space-xl);}.gap-2xl{gap:var(--space-2xl);}.gap-3xl{gap:var(--space-3xl);}.gap-4xl{gap:var(--space-4xl);}.text-xs{font-size:var(--text-xs);}.text-s{font-size:var(--text-s);}.text-m{font-size:var(--text-m);}.text-l{font-size:var(--text-l);}.text-xl{font-size:var(--text-xl);}.text-2xl{font-size:var(--text-2xl);}.text-3xl{font-size:var(--text-3xl);}.text-4xl{font-size:var(--text-4xl);}H1{font-size:var(--text-4xl);line-height:1.1;}H2{font-size:var(--text-3xl);line-height:1.2;}H3{font-size:var(--text-2xl);line-height:1.3;}H4{font-size:var(--text-xl);line-height:1.3;}H5{font-size:var(--text-l);line-height:1.3;}H6{font-size:var(--text-m);line-height:1.4;}.line-height-xs{line-height:1;}.line-height-s{line-height:1.2;}.line-height-m{line-height:1.3;}.line-height-l{line-height:1.4;}.line-height-xl{line-height:1.5;}.italic{font-style:italic;}.bold{font-weight:bold;}.lowercase{text-transform:lowercase;}.uppercase{text-transform:uppercase;}.underline{text-decoration:underline;}.font-100{font-weight:100;}.font-200{font-weight:200;}.font-300{font-weight:300;}.font-400{font-weight:400;}.font-500{font-weight:500;}.font-600{font-weight:600;}.font-700{font-weight:700;}.font-800{font-weight:800;}.font-900{font-weight:900;}.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.row{display:grid;grid-auto-flow:column;justify-content:start;}.column{display:grid;grid-auto-flow:row;justify-items:start;align-content:start;}.columns-2{display:grid;grid-template-columns:var(--columns-2);}.columns-3{display:grid;grid-template-columns:var(--columns-3);}.columns-4{display:grid;grid-template-columns:var(--columns-4);}.columns-5{display:grid;grid-template-columns:var(--columns-5);}.columns-6{display:grid;grid-template-columns:var(--columns-6);}.columns-7{display:grid;grid-template-columns:var(--columns-7);}.columns-8{display:grid;grid-template-columns:var(--columns-8);}.columns-min-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));}.columns-min-10{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));}.columns-min-20{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));}.columns-min-30{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));}.columns-min-40{display:grid;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));}.columns-min-50{display:grid;grid-template-columns:repeat(auto-fit,minmax(50rem,1fr));}.columns-min-60{display:grid;grid-template-columns:repeat(auto-fit,minmax(60rem,1fr));}.columns-min-70{display:grid;grid-template-columns:repeat(auto-fit,minmax(70rem,1fr));}.flex-row{display:flex;flex-direction:row;}.flex-column{display:flex;flex-direction:column;}.flex-1{flex:1;}.flex-2{flex:2;}.flex-3{flex:3;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.col-span-2{grid-column:auto / span 2;}.col-span-3{grid-column:auto / span 3;}.col-span-4{grid-column:auto / span 4;}.col-span-5{grid-column:auto / span 5;}.col-span-6{grid-column:auto / span 6;}.col-span-7{grid-column:auto / span 7;}.col-span-8{grid-column:auto / span 8;}.col-start-1{grid-column-start:1;}.col-start-2{grid-column-start:2;}.col-start-3{grid-column-start:3;}.col-start-4{grid-column-start:4;}.col-start-5{grid-column-start:5;}.col-start-6{grid-column-start:6;}.col-start-7{grid-column-start:7;}.col-start-8{grid-column-start:8;}.row-span-2{grid-row:auto / span 2;}.row-span-3{grid-row:auto / span 3;}.row-span-4{grid-row:auto / span 4;}.row-span-5{grid-row:auto / span 5;}.row-span-6{grid-row:auto / span 6;}.row-span-7{grid-row:auto / span 7;}.row-span-8{grid-row:auto / span 8;}.row-start-1{grid-row-start:1;}.row-start-2{grid-row-start:2;}.row-start-3{grid-row-start:3;}.row-start-4{grid-row-start:4;}.row-start-5{grid-row-start:5;}.row-start-6{grid-row-start:6;}.row-start-7{grid-row-start:7;}.row-start-8{grid-row-start:8;}.items-left{justify-items:start;}.content-left{justify-content:start;}.items-center{justify-items:center;}.content-center{justify-content:center;}.items-right{justify-items:end;}.content-right{justify-content:end;}.items-top{align-items:start;}.content-top{align-content:start;}.items-middle{align-items:center;}.content-middle{align-content:center;}.items-bottom{align-items:end;}.content-bottom{align-content:end;}.items-stretch{align-items:stretch;}.content-stretch{justify-content:stretch;}.space-between{justify-content:space-between;}.space-around{justify-content:space-around;}.self-left{margin-right:auto;place-self:start;}.self-center{margin-inline:auto;place-self:center;}.self-right{margin-left:auto;place-self:end;}.self-top{margin-bottom:auto;align-self:start;}.self-middle{margin-block:auto;align-self:center;}.self-bottom{margin-top:auto;align-self:end;}.self-stretch{align-self:stretch;}.full-width{width:100%;}.full-height{height:100%;}.screen-width{width:100vw;}.screen-height{height:100vh;}.auto-width{width:auto;}.auto-height{height:auto;}.width-90{width:90%;}.width-80{width:80%;}.width-70{width:70%;}.width-60{width:60%;}.width-50{width:50%;}.width-40{width:40%;}.width-30{width:30%;}.width-20{width:20%;}.width-10{width:10%;}.max-site-width{max-width:var(--max-screen-width);width:100%;}.max-width-140{max-width:140rem;}.max-width-130{max-width:130rem;}.max-width-120{max-width:120rem;}.max-width-110{max-width:110rem;}.max-width-100{max-width:100rem;}.max-width-90{max-width:90rem;}.max-width-80{max-width:80rem;}.max-width-70{max-width:70rem;}.max-width-60{max-width:60rem;}.max-width-50{max-width:50rem;}.max-width-40{max-width:40rem;}.max-width-30{max-width:30rem;}.max-width-20{max-width:20rem;}.max-width-10{max-width:10rem;}.radius-xs{border-radius:var(--radius-xs);}.radius-s{border-radius:var(--radius-s);}.radius-m{border-radius:var(--radius-m);}.radius-l{border-radius:var(--radius-l);}.radius-xl{border-radius:var(--radius-xl);}.radius-full{border-radius:var(--radius-full);}.border{border-width:1px;border-style:solid;}.border-left{border-left-width:1px;border-left-style:solid;}.border-right{border-right-width:1px;border-right-style:solid;}.border-top{border-top-width:1px;border-top-style:solid;}.border-bottom{border-bottom-width:1px;border-bottom-style:solid;}.shadow-xs{box-shadow:var(--shadow-xs);}.shadow-s{box-shadow:var(--shadow-s);}.shadow-m{box-shadow:var(--shadow-m);}.shadow-l{box-shadow:var(--shadow-l);}.shadow-xl{box-shadow:var(--shadow-xl);}.opacity-0{opacity:0;}.opacity-10{opacity:0.1;}.opacity-20{opacity:0.2;}.opacity-30{opacity:0.3;}.opacity-40{opacity:0.4;}.opacity-50{opacity:0.5;}.opacity-60{opacity:0.6;}.opacity-70{opacity:0.7;}.opacity-80{opacity:0.8;}.opacity-90{opacity:0.9;}.opacity-100{opacity:1;}.aspect-1{aspect-ratio:1;}.aspect-4-3{aspect-ratio:4 / 3;}.aspect-3-4{aspect-ratio:3 / 4;}.aspect-3-2{aspect-ratio:3 / 2;}.aspect-2-3{aspect-ratio:2 / 3;}.aspect-16-9{aspect-ratio:16 / 9;}.aspect-9-16{aspect-ratio:9 / 16;}.fit-contain{object-fit:contain;}.fit-cover{object-fit:cover;}.fit-fill{object-fit:fill;}.bg-blur-xs{backdrop-filter:blur(2px);}.bg-blur-s{backdrop-filter:blur(4px);}.bg-blur-m{backdrop-filter:blur(8px);}.bg-blur-l{backdrop-filter:blur(16px);}.bg-blur-xl{backdrop-filter:blur(32px);}.grayscale{filter:grayscale(1);}.rotate-90{transform:rotate(90deg);}.rotate-180{transform:rotate(180deg);}.display-none{display:none;}.visible{visibility:visible;}.hidden{visibility:hidden;}.overflow-hidden{overflow:hidden;}.overflow-auto{overflow:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-hidden{overflow-y:hidden;}.overflow-y-auto{overflow-y:auto;}.list-none{list-style-type:none;}.white-space-nowrap{white-space:nowrap;}.transition-global{transition:all 0.3s;}.relative{position:relative;}.absolute{position:absolute;}.sticky{position:sticky;}.fixed{position:fixed;}.inset-0{inset:0;}.bottom-0{bottom:0;}.top-0{top:0;}.left-0{left:0;}.right-0{right:0;}.pointer{cursor:pointer;}.not-allowed{cursor:not-allowed;}.cursor-auto{cursor:auto;}.no-pointer-events{pointer-events:none;}.z--1{z-index:-1;}.z-0{z-index:0;}.z-1{z-index:1;}.z-10{z-index:10;}.z-100{z-index:100;}.z-1000{z-index:1000;}.z-10000{z-index:10000;}@media (max-width:1400px){.column--on-xl{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-xl{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-xl{grid-template-columns:repeat(2,1fr);}.columns-3--on-xl{grid-template-columns:repeat(3,1fr);}.columns-4--on-xl{grid-template-columns:repeat(4,1fr);}.columns-5--on-xl{grid-template-columns:repeat(5,1fr);}.columns-6--on-xl{grid-template-columns:repeat(6,1fr);}.col-span-1--on-xl{grid-column:auto / span 1;}.col-span-2--on-xl{grid-column:auto / span 2;}.col-span-3--on-xl{grid-column:auto / span 3;}.col-span-4--on-xl{grid-column:auto / span 4;}.col-span-5--on-xl{grid-column:auto / span 5;}.col-span-6--on-xl{grid-column:auto / span 6;}.col-start-1--on-xl{grid-column-start:1;}.col-start-2--on-xl{grid-column-start:2;}.col-start-3--on-xl{grid-column-start:3;}.col-start-4--on-xl{grid-column-start:4;}.col-start-5--on-xl{grid-column-start:5;}.col-start-6--on-xl{grid-column-start:6;}.row-span-1--on-xl{grid-row:auto / span 1;}.row-span-2--on-xl{grid-row:auto / span 2;}.row-span-3--on-xl{grid-row:auto / span 3;}.row-span-4--on-xl{grid-row:auto / span 4;}.row-span-5--on-xl{grid-row:auto / span 5;}.row-span-6--on-xl{grid-row:auto / span 6;}.row-start-1--on-xl{grid-row-start:1;}.row-start-2--on-xl{grid-row-start:2;}.row-start-3--on-xl{grid-row-start:3;}.row-start-4--on-xl{grid-row-start:4;}.row-start-5--on-xl{grid-row-start:5;}.row-start-6--on-xl{grid-row-start:6;}}@media (max-width:992px){.column--on-l{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-l{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-l{grid-template-columns:repeat(2,1fr);}.columns-3--on-l{grid-template-columns:repeat(3,1fr);}.columns-4--on-l{grid-template-columns:repeat(4,1fr);}.columns-5--on-l{grid-template-columns:repeat(5,1fr);}.columns-6--on-l{grid-template-columns:repeat(6,1fr);}.col-span-1--on-l{grid-column:auto / span 1;}.col-span-2--on-l{grid-column:auto / span 2;}.col-span-3--on-l{grid-column:auto / span 3;}.col-span-4--on-l{grid-column:auto / span 4;}.col-span-5--on-l{grid-column:auto / span 5;}.col-span-6--on-l{grid-column:auto / span 6;}.col-start-1--on-l{grid-column-start:1;}.col-start-2--on-l{grid-column-start:2;}.col-start-3--on-l{grid-column-start:3;}.col-start-4--on-l{grid-column-start:4;}.col-start-5--on-l{grid-column-start:5;}.col-start-6--on-l{grid-column-start:6;}.row-span-1--on-l{grid-row:auto / span 1;}.row-span-2--on-l{grid-row:auto / span 2;}.row-span-3--on-l{grid-row:auto / span 3;}.row-span-4--on-l{grid-row:auto / span 4;}.row-span-5--on-l{grid-row:auto / span 5;}.row-span-6--on-l{grid-row:auto / span 6;}.row-start-1--on-l{grid-row-start:1;}.row-start-2--on-l{grid-row-start:2;}.row-start-3--on-l{grid-row-start:3;}.row-start-4--on-l{grid-row-start:4;}.row-start-5--on-l{grid-row-start:5;}.row-start-6--on-l{grid-row-start:6;}}@media (max-width:768px){.column--on-m{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-m{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-m{grid-template-columns:repeat(2,1fr);}.columns-3--on-m{grid-template-columns:repeat(3,1fr);}.columns-4--on-m{grid-template-columns:repeat(4,1fr);}.columns-5--on-m{grid-template-columns:repeat(5,1fr);}.columns-6--on-m{grid-template-columns:repeat(6,1fr);}.col-span-1--on-m{grid-column:auto / span 1;}.col-span-2--on-m{grid-column:auto / span 2;}.col-span-3--on-m{grid-column:auto / span 3;}.col-span-4--on-m{grid-column:auto / span 4;}.col-span-5--on-m{grid-column:auto / span 5;}.col-span-6--on-m{grid-column:auto / span 6;}.col-start-1--on-m{grid-column:1;}.col-start-2--on-m{grid-column:2;}.col-start-3--on-m{grid-column:3;}.col-start-4--on-m{grid-column:4;}.col-start-5--on-m{grid-column:5;}.col-start-6--on-m{grid-column:6;}.row-span-1--on-m{grid-row:auto / span 1;}.row-span-2--on-m{grid-row:auto / span 2;}.row-span-3--on-m{grid-row:auto / span 3;}.row-span-4--on-m{grid-row:auto / span 4;}.row-span-5--on-m{grid-row:auto / span 5;}.row-span-6--on-m{grid-row:auto / span 6;}.row-start-1--on-m{grid-row-start:1;}.row-start-2--on-m{grid-row-start:2;}.row-start-3--on-m{grid-row-start:3;}.row-start-4--on-m{grid-row-start:4;}.row-start-5--on-m{grid-row-start:5;}.row-start-6--on-m{grid-row-start:6;}}@media (max-width:480px){.column--on-s{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-s{grid-template-columns:1fr;grid-auto-flow:column;}.columns-2--on-s{grid-template-columns:repeat(2,1fr);}.columns-3--on-s{grid-template-columns:repeat(3,1fr);}.columns-4--on-s{grid-template-columns:repeat(4,1fr);}.columns-5--on-s{grid-template-columns:repeat(5,1fr);}.columns-6--on-s{grid-template-columns:repeat(6,1fr);}.col-span-1--on-s{grid-column:auto / span 1;}.col-span-2--on-s{grid-column:auto / span 2;}.col-span-3--on-s{grid-column:auto / span 3;}.col-span-4--on-s{grid-column:auto / span 4;}.col-span-5--on-s{grid-column:auto / span 5;}.col-span-6--on-s{grid-column:auto / span 6;}.col-start-1--on-s{grid-column-start:1;}.col-start-2--on-s{grid-column-start:2;}.col-start-3--on-s{grid-column-start:3;}.col-start-4--on-s{grid-column-start:4;}.col-start-5--on-s{grid-column-start:5;}.col-start-6--on-s{grid-column-start:6;}.row-span-1--on-s{grid-row:auto / span 1;}.row-span-2--on-s{grid-row:auto / span 2;}.row-span-3--on-s{grid-row:auto / span 3;}.row-span-4--on-s{grid-row:auto / span 4;}.row-span-5--on-s{grid-row:auto / span 5;}.row-span-6--on-s{grid-row:auto / span 6;}.row-start-1--on-s{grid-row-start:1;}.row-start-2--on-s{grid-row-start:2;}.row-start-3--on-s{grid-row-start:3;}.row-start-4--on-s{grid-row-start:4;}.row-start-5--on-s{grid-row-start:5;}.row-start-6--on-s{grid-row-start:6;}}/* Custom Stylesheets */ /** * CoreBridge — Semantic Tokens * * Portable semantic/contextual mappings for Core Framework. * Core Framework primitives and colour palettes remain the source of truth. * Edit mappings here;do not copy primitive values into this file. */ /* ================================================== 01. COLOUR ROLES ================================================== */ :root,:where(.theme-always-light,.theme-always-dark,.theme-inverted){--color-text:var(--text-body);--color-heading:var(--text-title);--color-text-muted:var(--neutral-l-2);--color-text-subtle:var(--neutral-l-3);--color-text-disabled:var(--neutral-l-4);--color-text-inverse:var(--white);--color-icon:var(--color-text);--color-icon-muted:var(--color-text-muted);--color-icon-inverse:var(--color-text-inverse);--color-link:var(--primary);--color-link-hover:var(--primary-hover);--color-link-active:var(--primary-active);--color-link-visited:var(--secondary);--color-link-inverse:var(--contrast);--color-link-inverse-hover:var(--contrast-hover);--color-canvas:var(--bg-body);--color-surface:var(--bg-surface);--color-surface-muted:var(--bg-surface-muted);--color-surface-raised:var(--bg-surface-raised);--color-surface-inverse:var(--bg-surface-inverse);--color-surface-disabled:var(--neutral-10);--color-surface-selected:var(--primary-10);--color-surface-hover:var(--neutral-5);--color-surface-active:var(--neutral-10);--color-backdrop:var(--bg-overlay);--color-selection-bg:var(--primary);--color-selection-text:var(--white);--color-border:var(--neutral-20);--color-border-subtle:var(--neutral-10);--color-border-strong:var(--neutral-40);--color-divider:var(--color-border-subtle);--color-focus:var(--primary);--color-focus-offset:var(--color-canvas);--color-info:var(--contrast);--color-info-surface:var(--contrast-10);--color-success:var(--success);--color-success-surface:var(--success-10);--color-warning:var(--accent);--color-warning-surface:var(--accent-10);--color-error:var(--error);--color-error-surface:var(--error-10);--color-on-primary:var(--primary-text);--color-on-secondary:var(--secondary-text);--color-on-tertiary:var(--tertiary-text);--color-on-accent:var(--accent-text);--color-on-contrast:var(--contrast-text);--color-on-success:var(--black);--color-on-error:var(--white);}/* Re-evaluate colour roles inside nested Core Framework theme contexts. */ :where([data-corebridge-theme-mode]){color:var(--color-text);background-color:var(--color-canvas);}:where([data-corebridge-theme-mode]) :where(h1,h2,h3,h4,h5,h6){color:var(--color-heading);}/* ================================================== 02. TYPOGRAPHY ROLES ================================================== */ :root{--font-body:inherit;--font-heading:var(--font-body);--font-display:var(--font-heading);--font-mono:ui-monospace,monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--body-size:var(--text-m);--body-line-height:1.6;--body-weight:var(--font-weight-regular);--body-letter-spacing:normal;--lead-size:var(--text-l);--lead-line-height:1.5;--small-size:var(--text-s);--small-line-height:1.5;--caption-size:var(--text-xs);--caption-line-height:1.4;--label-size:var(--text-s);--label-line-height:1.25;--label-weight:var(--font-weight-semibold);--code-size:0.9em;--quote-size:var(--text-l);--quote-line-height:1.5;--display-size:var(--text-4xl);--display-line-height:1.05;--display-weight:var(--font-weight-bold);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--h1-size:var(--text-3xl);--h2-size:var(--text-2xl);--h3-size:var(--text-xl);--h4-size:var(--text-l);--h5-size:var(--text-m);--h6-size:var(--text-s);--heading-line-height:1.15;--heading-weight:var(--font-weight-bold);--heading-letter-spacing:-0.02em;--nav-link-size:var(--text-s);--nav-link-weight:var(--font-weight-semibold);}/* ================================================== 03. SPACING AND RHYTHM ================================================== */ :root{--page-gutter:var(--space-m);--page-gutter-narrow:var(--space-s);--section-padding-block:var(--space-2xl);--section-padding-block-compact:var(--space-xl);--section-padding-block-spacious:var(--space-3xl);--section-gap:var(--space-xl);--content-gap:var(--space-m);--content-gap-compact:var(--space-s);--content-gap-spacious:var(--space-l);--flow-space:var(--space-s);--flow-space-heading:var(--space-m);--stack-gap:var(--space-m);--cluster-gap:var(--space-s);--grid-gap:var(--space-m);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--column-gap:var(--space-l);--list-gap:var(--space-xs);--inline-gap:var(--space-xs);--control-padding-block:var(--space-xs);--control-padding-inline:var(--space-s);--panel-padding:var(--space-m);--header-padding-block:var(--space-s);--header-padding-inline:var(--page-gutter);--footer-padding-block:var(--space-xl);--footer-padding-inline:var(--page-gutter);}/* ================================================== 04. LAYOUT AND SIZING ================================================== */ :root{--container-width:var(--max-screen-width);--container-width-wide:1600px;--container-width-narrow:960px;--content-width:72ch;--content-width-narrow:56ch;--content-width-wide:90ch;--sidebar-width:minmax(16rem,24rem);--aside-width:20rem;--grid-item-min-width:16rem;--form-width:40rem;--form-width-narrow:28rem;--header-height:auto;--header-offset:var(--header-height);--footer-min-height:auto;--control-height:2.75rem;--control-height-compact:2.25rem;--control-height-large:3.25rem;--icon-size:1.25em;--icon-size-small:1em;--icon-size-large:1.5em;--avatar-size:3rem;--avatar-size-small:2rem;--avatar-size-large:5rem;--media-aspect-ratio:16 / 9;--scroll-offset:calc(var(--header-offset) + var(--space-s));}/* ================================================== 05. BORDERS,RADII AND ELEVATION ================================================== */ :root{--border-width:1px;--border-width-strong:2px;--border-style:solid;--divider-width:1px;--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring:0 0 0 var(--focus-ring-width) var(--color-focus);--radius-control:var(--radius-s);--radius-button:var(--radius-s);--radius-card:var(--radius-m);--radius-panel:var(--radius-m);--radius-media:var(--radius-m);--radius-modal:var(--radius-l);--radius-badge:var(--radius-full);--radius-avatar:var(--radius-full);--elevation-none:none;--elevation-low:var(--shadow-s);--elevation-medium:var(--shadow-m);--elevation-high:var(--shadow-l);--elevation-overlay:var(--shadow-xl);--elevation-card:var(--elevation-low);--elevation-dropdown:var(--elevation-medium);--elevation-modal:var(--elevation-overlay);}/* ================================================== 06. BUTTONS ================================================== */ :root{--btn-padding-block:var(--control-padding-block);--btn-padding-inline:var(--control-padding-inline);--btn-gap:var(--inline-gap);--btn-min-height:var(--control-height);--btn-min-width:0;--btn-font-size:var(--label-size);--btn-font-weight:var(--font-weight-semibold);--btn-line-height:1.2;--btn-letter-spacing:normal;--btn-radius:var(--radius-button);--btn-border-width:var(--border-width);--btn-icon-size:var(--icon-size);--btn-circle-size:var(--control-height);--btn-disabled-opacity:var(--disabled-opacity);--btn-transition-duration:var(--duration-fast);--btn-transition-easing:var(--ease-out);--btn-hover-offset:-1px;--btn-active-offset:0;--btn-focus-ring:var(--focus-ring);}/* ================================================== 07. FORMS AND CONTROLS ================================================== */ :root{--field-height:var(--control-height);--field-padding-block:var(--control-padding-block);--field-padding-inline:var(--control-padding-inline);--field-gap:var(--space-2xs);--form-gap:var(--space-m);--field-font-size:var(--body-size);--field-line-height:1.3;--field-radius:var(--radius-control);--field-border-width:var(--border-width);--field-bg:var(--color-surface);--field-color:var(--color-text);--field-placeholder-color:var(--color-text-muted);--field-border-color:var(--color-border);--field-border-hover:var(--color-border-strong);--field-border-focus:var(--color-focus);--field-border-error:var(--color-error);--field-disabled-bg:var(--color-surface-disabled);--field-disabled-color:var(--color-text-disabled);--field-focus-ring:var(--focus-ring);--textarea-min-height:8rem;--choice-size:1.25rem;--choice-gap:var(--space-xs);--form-help-size:var(--caption-size);--form-help-color:var(--color-text-muted);--form-error-size:var(--caption-size);--form-error-color:var(--color-error);}/* ================================================== 08. SITE CHROME AND NAVIGATION ================================================== */ :root{--header-bg:var(--color-surface);--header-color:var(--color-text);--header-border-color:var(--color-border-subtle);--header-shadow:var(--elevation-none);--header-space:var(--header-padding-block);--nav-gap:var(--space-m);--nav-submenu-gap:var(--space-xs);--nav-link-color:var(--color-text);--nav-link-hover:var(--color-link-hover);--nav-link-active:var(--color-link-active);--nav-link-padding-block:var(--space-xs);--nav-link-padding-inline:var(--space-xs);--submenu-bg:var(--color-surface-raised);--submenu-padding:var(--space-xs);--submenu-radius:var(--radius-panel);--submenu-shadow:var(--elevation-dropdown);--footer-bg:var(--color-surface-inverse);--footer-color:var(--color-text-inverse);--footer-gap:var(--space-l);--footer-space:var(--footer-padding-block) var(--footer-padding-inline);}/* ================================================== 09. CARDS,CONTENT AND MEDIA ================================================== */ :root{--card-bg:var(--color-surface);--card-color:var(--color-text);--card-padding:var(--panel-padding);--card-gap:var(--content-gap);--card-radius:var(--radius-card);--card-border-width:var(--border-width);--card-border-color:var(--color-border-subtle);--card-shadow:var(--elevation-card);--card-hover-shadow:var(--elevation-medium);--card-space:var(--card-padding);--prose-gap:var(--flow-space);--prose-measure:var(--content-width);--media-radius:var(--radius-media);--media-bg:var(--color-surface-muted);--figure-gap:var(--space-xs);--avatar-bg:var(--color-surface-muted);--avatar-color:var(--color-text-muted);}/* ================================================== 10. DISCLOSURE,OVERLAYS AND FEEDBACK ================================================== */ :root{--disclosure-gap:var(--space-s);--disclosure-padding:var(--space-s);--disclosure-border-color:var(--color-border-subtle);--tabs-gap:var(--space-xs);--tab-padding-block:var(--space-xs);--tab-padding-inline:var(--space-s);--tab-indicator-color:var(--primary);--modal-width:min(40rem,calc(100vw - 2 * var(--page-gutter)));--modal-padding:var(--space-l);--modal-gap:var(--space-m);--modal-bg:var(--color-surface-raised);--modal-radius:var(--radius-modal);--modal-shadow:var(--elevation-modal);--drawer-width:min(28rem,90vw);--popover-width:20rem;--popover-padding:var(--space-s);--tooltip-max-width:18rem;--tooltip-padding:var(--space-2xs) var(--space-xs);--tooltip-bg:var(--color-surface-inverse);--tooltip-color:var(--color-text-inverse);--alert-padding:var(--space-s);--alert-gap:var(--space-xs);--alert-radius:var(--radius-panel);--toast-width:min(24rem,calc(100vw - 2 * var(--page-gutter)));--toast-gap:var(--space-xs);}/* ================================================== 11. TABLES,LISTS AND PAGINATION ================================================== */ :root{--table-cell-padding-block:var(--space-xs);--table-cell-padding-inline:var(--space-s);--table-border-color:var(--color-border-subtle);--table-header-bg:var(--color-surface-muted);--table-stripe-bg:var(--color-surface-hover);--table-row-hover-bg:var(--color-surface-selected);--marker-color:var(--primary);--breadcrumb-gap:var(--space-xs);--pagination-gap:var(--space-xs);--pagination-size:var(--control-height);}/* ================================================== 12. MOTION AND INTERACTION ================================================== */ :root{--duration-instant:0ms;--duration-fast:120ms;--duration-normal:200ms;--duration-slow:320ms;--duration-enter:240ms;--duration-exit:180ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--transition-color:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);--transition-transform:transform var(--duration-normal) var(--ease-out);--transition-opacity:opacity var(--duration-normal) var(--ease-out);--motion-distance-small:0.25rem;--motion-distance-medium:0.75rem;--motion-scale-pressed:0.98;}/* ================================================== 13. LAYERING ================================================== */ :root{--z-base:0;--z-raised:10;--z-sticky:100;--z-header:200;--z-dropdown:300;--z-backdrop:400;--z-drawer:500;--z-modal:600;--z-toast:700;--z-tooltip:800;}/* ================================================== 14. ACCESSIBILITY AND GLOBAL BEHAVIOUR ================================================== */ :root{--target-size-min:44px;--disabled-opacity:0.5;--placeholder-opacity:0.75;--content-readable-width:65ch;--skip-link-offset:var(--space-xs);--outline-offset:var(--focus-ring-offset);--reduced-motion-duration:0.01ms;--high-contrast-border-width:2px;}/* ================================================== 15. COMPATIBILITY ALIASES ================================================== */ :root{--btn-space:var(--btn-padding-block) var(--btn-padding-inline);}/** * CoreBridge — Components * * Portable component recipes for Core Framework and Bricks. * Requires Core Framework plus CoreBridge — Semantic Tokens. */ /* ================================================== 01. BUTTONS ================================================== */ .btn{--btn-role-color:var(--primary);--btn-role-hover-color:var(--primary-hover);--btn-role-active-color:var(--primary-active);--btn-role-text-color:var(--primary-text);--btn-role-hover-text-color:var(--primary-hover-text);--btn-role-active-text-color:var(--primary-active-text);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);min-inline-size:var(--btn-min-width);min-block-size:var(--btn-min-height);padding-block:var(--btn-padding-block);padding-inline:var(--btn-padding-inline);color:var(--btn-role-text-color);background-color:var(--btn-role-color);font-family:var(--font-body);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);letter-spacing:var(--btn-letter-spacing);text-align:center;text-decoration:none;border:var(--btn-border-width) solid var(--btn-role-color);border-radius:var(--btn-radius);box-shadow:var(--elevation-low);cursor:pointer;transition:color var(--btn-transition-duration) var(--btn-transition-easing),background-color var(--btn-transition-duration) var(--btn-transition-easing),border-color var(--btn-transition-duration) var(--btn-transition-easing),box-shadow var(--btn-transition-duration) var(--btn-transition-easing),transform var(--btn-transition-duration) var(--btn-transition-easing);}.btn.secondary{--btn-role-color:var(--secondary);--btn-role-hover-color:var(--secondary-hover);--btn-role-active-color:var(--secondary-active);--btn-role-text-color:var(--secondary-text);--btn-role-hover-text-color:var(--secondary-hover-text);--btn-role-active-text-color:var(--secondary-active-text);}.btn.tertiary{--btn-role-color:var(--tertiary);--btn-role-hover-color:var(--tertiary-hover);--btn-role-active-color:var(--tertiary-active);--btn-role-text-color:var(--tertiary-text);--btn-role-hover-text-color:var(--tertiary-hover-text);--btn-role-active-text-color:var(--tertiary-active-text);}.btn.accent{--btn-role-color:var(--accent);--btn-role-hover-color:var(--accent-hover);--btn-role-active-color:var(--accent-active);--btn-role-text-color:var(--accent-text);--btn-role-hover-text-color:var(--accent-hover-text);--btn-role-active-text-color:var(--accent-active-text);}.btn.contrast{--btn-role-color:var(--contrast);--btn-role-hover-color:var(--contrast-hover);--btn-role-active-color:var(--contrast-active);--btn-role-text-color:var(--contrast-text);--btn-role-hover-text-color:var(--contrast-hover-text);--btn-role-active-text-color:var(--contrast-active-text);}@media (hover:hover){.btn:hover{color:var(--btn-role-hover-text-color);background-color:var(--btn-role-hover-color);border-color:var(--btn-role-hover-color);box-shadow:var(--elevation-medium);transform:translateY(var(--btn-hover-offset));}}.btn:active{color:var(--btn-role-active-text-color);background-color:var(--btn-role-active-color);border-color:var(--btn-role-active-color);box-shadow:var(--elevation-low);transform:translateY(var(--btn-active-offset)) scale(var(--motion-scale-pressed));}.btn:focus-visible{outline:none;box-shadow:var(--btn-focus-ring),var(--elevation-low);}.btn:disabled,.btn[aria-disabled="true"]{opacity:var(--btn-disabled-opacity);cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none;}.btn.outline{color:var(--btn-role-color);background-color:transparent;border-color:var(--btn-role-color);box-shadow:none;}@media (hover:hover){.btn.outline:hover{color:var(--btn-role-hover-text-color);background-color:var(--btn-role-hover-color);border-color:var(--btn-role-hover-color);}}.btn.outline:active{color:var(--btn-role-active-text-color);background-color:var(--btn-role-active-color);border-color:var(--btn-role-active-color);}.btn.circle{border-radius:var(--radius-full);}.btn.small{--btn-min-height:var(--control-height-compact);--btn-padding-block:var(--space-2xs);--btn-padding-inline:var(--space-xs);--btn-font-size:var(--small-size);min-block-size:var(--btn-min-height);padding-block:var(--btn-padding-block);padding-inline:var(--btn-padding-inline);font-size:var(--btn-font-size);}.btn.large{--btn-min-height:var(--control-height-large);--btn-padding-block:var(--space-s);--btn-padding-inline:var(--space-m);--btn-font-size:var(--lead-size);min-block-size:var(--btn-min-height);padding-block:var(--btn-padding-block);padding-inline:var(--btn-padding-inline);font-size:var(--btn-font-size);}/* ================================================== 02. LINKS ================================================== */ .link{--link-color:var(--color-link);--link-hover-color:var(--color-link-hover);--link-active-color:var(--color-link-active);color:var(--link-color);font-weight:var(--nav-link-weight);text-decoration-line:underline;text-decoration-thickness:0.1em;text-underline-offset:0.2em;transition:var(--transition-color);}.link.secondary{--link-color:var(--secondary);--link-hover-color:var(--secondary-hover);--link-active-color:var(--secondary-active);}.link.tertiary{--link-color:var(--tertiary);--link-hover-color:var(--tertiary-hover);--link-active-color:var(--tertiary-active);}.link.accent{--link-color:var(--accent);--link-hover-color:var(--accent-hover);--link-active-color:var(--accent-active);}.link.contrast{--link-color:var(--contrast);--link-hover-color:var(--contrast-hover);--link-active-color:var(--contrast-active);}@media (hover:hover){.link:hover{color:var(--link-hover-color);}}.link:active{color:var(--link-active-color);}.link:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-control);}/* ================================================== 03. BADGES ================================================== */ .badge{--badge-color:var(--primary);--badge-bg:var(--primary-10);display:inline-flex;align-items:center;justify-content:center;gap:var(--inline-gap);padding-block:var(--space-2xs);padding-inline:var(--space-xs);color:var(--badge-color);background-color:var(--badge-bg);font-size:var(--caption-size);font-weight:var(--font-weight-semibold);line-height:var(--caption-line-height);border-radius:var(--radius-badge);}.badge.secondary{--badge-color:var(--secondary);--badge-bg:var(--secondary-10);}.badge.tertiary{--badge-color:var(--tertiary);--badge-bg:var(--tertiary-10);}.badge.accent{--badge-color:var(--accent);--badge-bg:var(--accent-10);}.badge.contrast{--badge-color:var(--contrast);--badge-bg:var(--contrast-10);}/* ================================================== 04. FORM CONTROLS ================================================== */ .input,.select,.textarea{inline-size:100%;min-block-size:var(--field-height);padding-block:var(--field-padding-block);padding-inline:var(--field-padding-inline);color:var(--field-color);background-color:var(--field-bg);font-family:var(--font-body);font-size:var(--field-font-size);line-height:var(--field-line-height);border:var(--field-border-width) solid var(--field-border-color);border-radius:var(--field-radius);box-shadow:var(--elevation-none);appearance:none;transition:var(--transition-color),var(--transition-opacity);}.textarea{min-block-size:var(--textarea-min-height);resize:vertical;}.input::placeholder,.textarea::placeholder{color:var(--field-placeholder-color);opacity:var(--placeholder-opacity);}@media (hover:hover){.input:hover,.select:hover,.textarea:hover{border-color:var(--field-border-hover);}}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--field-border-focus);outline:none;box-shadow:var(--field-focus-ring);}.input:invalid,.select:invalid,.textarea:invalid,.input[aria-invalid="true"],.select[aria-invalid="true"],.textarea[aria-invalid="true"]{border-color:var(--field-border-error);}.input:disabled,.select:disabled,.textarea:disabled{color:var(--field-disabled-color);background-color:var(--field-disabled-bg);opacity:var(--disabled-opacity);cursor:not-allowed;}.checkbox,.radio{display:inline-grid;place-content:center;inline-size:var(--choice-size);block-size:var(--choice-size);margin:0;color:var(--color-on-primary);background-color:var(--field-bg);border:var(--border-width-strong) solid var(--field-border-color);appearance:none;cursor:pointer;transition:var(--transition-color),var(--transition-transform);}.checkbox{border-radius:var(--radius-control);}.radio{border-radius:var(--radius-full);}.checkbox::before,.radio::before{content:"";inline-size:0.65em;block-size:0.65em;background-color:currentColor;transform:scale(0);transition:var(--transition-transform);}.checkbox::before{clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);}.radio::before{border-radius:var(--radius-full);}.checkbox:checked,.radio:checked{background-color:var(--primary);border-color:var(--primary);}.checkbox:checked::before,.radio:checked::before{transform:scale(1);}.checkbox:focus-visible,.radio:focus-visible{outline:none;box-shadow:var(--field-focus-ring);}/* ================================================== 05. CARDS ================================================== */ .card{display:grid;gap:var(--card-gap);padding:var(--card-padding);color:var(--card-color);background-color:var(--card-bg);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);}.card.primary{color:var(--primary-text);background-color:var(--primary);border-color:var(--primary);}.card.secondary{color:var(--secondary-text);background-color:var(--secondary);border-color:var(--secondary);}.card.tertiary{color:var(--tertiary-text);background-color:var(--tertiary);border-color:var(--tertiary);}.card.accent{color:var(--accent-text);background-color:var(--accent);border-color:var(--accent);}.card.contrast{color:var(--contrast-text);background-color:var(--contrast);border-color:var(--contrast);}.card.interactive{transition:var(--transition-transform),box-shadow var(--duration-normal) var(--ease-out);}@media (hover:hover){.card.interactive:hover{box-shadow:var(--card-hover-shadow);transform:translateY(calc(-1 * var(--motion-distance-small)));}}.card.interactive:focus-within{box-shadow:var(--focus-ring),var(--card-shadow);}/* ================================================== 06. MEDIA HELPERS ================================================== */ .avatar{inline-size:var(--avatar-size);block-size:var(--avatar-size);color:var(--avatar-color);background-color:var(--avatar-bg);border-radius:var(--radius-avatar);object-fit:cover;}.avatar.small{inline-size:var(--avatar-size-small);block-size:var(--avatar-size-small);}.avatar.large{inline-size:var(--avatar-size-large);block-size:var(--avatar-size-large);}.divider{inline-size:100%;block-size:var(--divider-width);margin-block:var(--content-gap);background-color:var(--color-divider);border:0;}.divider.vertical{inline-size:var(--divider-width);block-size:100%;margin-block:0;margin-inline:var(--content-gap);}/* ================================================== 07. ALERTS AND STATUS SURFACES ================================================== */ .alert{--alert-color:var(--color-info);--alert-bg:var(--color-info-surface);display:flex;align-items:flex-start;gap:var(--alert-gap);padding:var(--alert-padding);color:var(--color-text);background-color:var(--alert-bg);border-inline-start:var(--border-width-strong) solid var(--alert-color);border-radius:var(--alert-radius);}.alert.success{--alert-color:var(--color-success);--alert-bg:var(--color-success-surface);}.alert.warning{--alert-color:var(--color-warning);--alert-bg:var(--color-warning-surface);}.alert.error{--alert-color:var(--color-error);--alert-bg:var(--color-error-surface);}/* ================================================== 08. REDUCED MOTION ================================================== */ @media (prefers-reduced-motion:reduce){.btn,.link,.input,.select,.textarea,.checkbox,.radio,.card.interactive{transition-duration:var(--reduced-motion-duration);}.btn:hover,.btn:active,.card.interactive:hover{transform:none;}}