.xs-page,.editor-styles-wrapper{--xs-red:#c0272d;--xs-red-dark:#9e1f24;--xs-red-light:#e8484e;--xs-green:#1a7a4c;--xs-blue:#1a5fa4;--xs-black:#111;--xs-white:#fafafa;--xs-offwhite:#f4f3f1;--xs-gray-100:#eae8e4;--xs-gray-200:#d4d1cb;--xs-gray-400:#918d86;--xs-gray-600:#5c5955;--xs-gray-800:#2d2b28;--xs-font-heading:'Source Serif 4',Georgia,serif;--xs-font-body:'Outfit',sans-serif;--xs-radius:10px;--xs-radius-lg:18px;--xs-ease:cubic-bezier(.22,1,.36,1);--xs-max-width:1200px;--xs-section-pad:clamp(4rem,8vw,7rem) clamp(1.25rem,4vw,3rem)}
.xs-page,.xs-page *,.xs-page *::before,.xs-page *::after{box-sizing:border-box}.xs-page{font-family:var(--xs-font-body);color:var(--xs-gray-800);background:var(--xs-white)}.xs-page :where(h1,h2,h3,h4,p){margin-top:0}.xs-hero{position:relative;padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem);overflow:hidden;background:var(--xs-black)}.xs-hero::before{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(192,39,45,.16),transparent 70%);content:''}.xs-hero__inner{position:relative;z-index:1;max-width:var(--xs-max-width);margin:auto}.xs-hero h1{max-width:650px;margin-bottom:.75rem;color:var(--xs-white);font-family:var(--xs-font-heading);font-size:clamp(2rem,3.5vw,2.8rem)}.xs-hero__desc{max-width:600px;color:var(--xs-gray-200);font-size:1.05rem;line-height:1.7}
.xs-hero__breadcrumb ol{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:0 0 1.25rem;padding:0;color:var(--xs-gray-400);font-size:.78rem;list-style:none}.xs-hero__breadcrumb li{display:flex;gap:.45rem}.xs-hero__breadcrumb a{color:var(--xs-gray-400);text-decoration:none}.xs-hero__breadcrumb a:hover{color:var(--xs-white)}.xs-hero__breadcrumb span{color:var(--xs-red-light)}
.xs-directory{padding:var(--xs-section-pad)}.xs-directory--alt{border-block:1px solid var(--xs-gray-100);background:var(--xs-offwhite)}.xs-directory__inner{max-width:var(--xs-max-width);margin:auto}.xs-label{margin-bottom:.75rem;color:var(--xs-red);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.xs-heading{margin-bottom:.75rem;color:var(--xs-black);font-family:var(--xs-font-heading);font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.2}.xs-subtext{max-width:560px;margin-bottom:2.5rem;color:var(--xs-gray-400);line-height:1.7}.xs-dir-grid--3,.xs-dir-grid--4,.xs-dir-grid--2{display:grid;gap:1.25rem}.xs-dir-grid--3{grid-template-columns:repeat(3,1fr)}.xs-dir-grid--4{grid-template-columns:repeat(4,1fr)}.xs-dir-grid--2{grid-template-columns:repeat(2,1fr)}
.xs-dir-card{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:2rem 1.75rem;border:1px solid var(--xs-gray-100);border-radius:var(--xs-radius-lg);background:var(--xs-offwhite);color:inherit;text-decoration:none;transition:transform .35s var(--xs-ease),box-shadow .35s var(--xs-ease)}.xs-directory--alt .xs-dir-card,.xs-directory--alt .xs-dir-link{background:var(--xs-white)}.xs-dir-card::after{position:absolute;top:0;right:0;left:0;height:3px;background:var(--card-color,var(--xs-red));content:'';transform:scaleX(0);transform-origin:left;transition:transform .35s var(--xs-ease)}.xs-dir-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.07);transform:translateY(-3px)}.xs-dir-card:hover::after{transform:scaleX(1)}.xs-dir-card--red{--card-color:var(--xs-red)}.xs-dir-card--green{--card-color:var(--xs-green)}.xs-dir-card--blue{--card-color:var(--xs-blue)}.xs-dir-card__color{width:10px;height:10px;margin-bottom:1.25rem;border-radius:50%;background:var(--card-color)}.xs-dir-card h3{margin-bottom:.5rem;color:var(--xs-black);font-family:var(--xs-font-heading);font-size:1.2rem}.xs-dir-card p{flex:1;margin-bottom:1.25rem;color:var(--xs-gray-600);font-size:.88rem;line-height:1.6}.xs-dir-card__link{display:inline-flex;gap:.35rem;align-items:center;color:var(--card-color);font-size:.82rem;font-weight:600}.xs-dir-card__link svg{width:14px}.xs-dir-card--sm{padding:1.5rem 1.25rem}
.xs-dir-link{display:flex;gap:1rem;align-items:center;padding:1.25rem 1.5rem;border:1px solid var(--xs-gray-100);border-radius:var(--xs-radius);background:var(--xs-offwhite);color:inherit;text-decoration:none;transition:border-color .25s,transform .25s var(--xs-ease)}.xs-dir-link:hover{border-color:var(--xs-red-light);transform:translateY(-1px)}.xs-dir-link__dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--xs-red)}.xs-dir-link strong,.xs-dir-link small{display:block}.xs-dir-link strong{color:var(--xs-black);font-size:.9rem}.xs-dir-link small{margin-top:.15rem;color:var(--xs-gray-400);font-size:.78rem}.xs-dir-link__arrow{margin-left:auto;color:var(--xs-gray-400);font-size:.78rem;font-weight:600;white-space:nowrap}
.xs-legacy-content{max-width:820px}.xs-legacy-content details{margin-bottom:.75rem;padding:1rem 1.2rem;border:1px solid var(--xs-gray-100);border-radius:var(--xs-radius);background:var(--xs-white)}.xs-legacy-content summary{color:var(--xs-black);font-weight:600;cursor:pointer}.xs-legacy-content details p{margin:.85rem 0 0}.xs-legacy-content blockquote{margin:1.5rem 0;padding:1.5rem;border-left:3px solid var(--xs-red);border-radius:0 var(--xs-radius) var(--xs-radius) 0;background:var(--xs-offwhite)}.xs-legacy-content cite{display:block;margin-top:1rem;color:var(--xs-gray-400);font-style:normal;font-weight:600}
.xs-cta{padding:clamp(3rem,6vw,5rem) clamp(1.25rem,4vw,3rem)}.xs-cta__box{position:relative;overflow:hidden;max-width:var(--xs-max-width);margin:auto;padding:clamp(3rem,5vw,4.5rem);border-radius:var(--xs-radius-lg);background:var(--xs-black);text-align:center}.xs-cta__box .xs-heading{max-width:540px;margin:0 auto 1rem;color:var(--xs-white)}.xs-cta__box>p{max-width:500px;margin:0 auto 2rem;color:var(--xs-gray-400)}.xs-cta__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.xs-btn{display:inline-flex;gap:.5rem;align-items:center;padding:.8rem 1.75rem;border-radius:7px;font-size:.9rem;font-weight:600;text-decoration:none}.xs-btn--red{background:var(--xs-red);color:#fff}.xs-btn--ghost-light{border:1px solid rgba(255,255,255,.2);color:var(--xs-white)}
@media(max-width:1024px){.xs-dir-grid--3,.xs-dir-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.xs-dir-grid--3,.xs-dir-grid--4,.xs-dir-grid--2{grid-template-columns:1fr}.xs-dir-card,.xs-dir-link{padding:1.25rem}.xs-cta__box{padding:2.5rem 1.5rem}}@media(prefers-reduced-motion:reduce){.xs-dir-card,.xs-dir-link,.xs-dir-card::after{transition:none}}
