/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.blog-hero{max-width:48rem;margin-inline:auto;padding:var(--space-xl) var(--space-md) var(--space-lg)}.blog-hero__badge{display:inline-flex;padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-tint);color:var(--accent);font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.blog-hero__heading{margin:var(--space-sm) 0 0;font-size:var(--text-4xl)}.blog-hero__subheading{margin:var(--space-sm) 0 0;color:var(--muted-foreground);font-size:var(--text-lg)}.blog-hero__author-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.blog-hero__avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;border-radius:var(--radius-full);background:var(--primary-tint);color:var(--primary);font-weight:700}.blog-hero__meta{display:flex;flex-direction:column;gap:var(--space-3xs)}.blog-hero__author-name{font-weight:600}.blog-hero__sub{display:flex;align-items:center;gap:var(--space-2xs);color:var(--muted-foreground);font-size:var(--text-sm)}.blog-hero__dot{width:3px;height:3px;border-radius:var(--radius-full);background:var(--muted-foreground)}.blog-hero__media{margin-top:var(--space-lg)}.blog-hero__media img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-full);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition-property:background-color,color,border-color,box-shadow,transform;transition-duration:var(--duration-base);transition-timing-function:var(--ease-standard)}@media(prefers-reduced-motion:reduce){.btn{transition-duration:0ms}}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}.btn--sm{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-sm)}.btn--md{padding:var(--space-xs) var(--space-md);font-size:var(--text-base)}.btn--lg{padding:var(--space-sm) var(--space-lg);font-size:var(--text-lg)}.btn--primary{background:var(--primary);color:var(--primary-foreground)}.btn--primary:hover{background:var(--primary-hover)}.btn--secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn--secondary:hover{background:var(--secondary-hover)}.btn--ghost{background:rgba(0,0,0,0);border-color:var(--border);color:var(--foreground)}.btn--ghost:hover{background:var(--muted)}.btn--icon-leading .icon{order:-1}.btn--full-mobile{width:100%}@media(min-width:40rem){.btn--full-mobile{width:auto}}.btn__label{min-width:0}
.copyright{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border);color:var(--muted-foreground);font-size:var(--text-sm)}.copyright__text{margin:0}.copyright__legal{display:flex;gap:var(--space-md)}.copyright__legal a{color:var(--muted-foreground);text-decoration:none}.copyright__legal a:hover{color:var(--primary);text-decoration:underline}.copyright__legal:empty{display:none}
.icon{display:inline-flex;flex:none;line-height:0}.icon svg{display:block}
.logo{display:inline-flex;align-items:center;gap:var(--space-2xs);text-decoration:none;color:var(--foreground)}.logo__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-tint);color:var(--accent)}.logo__wordmark{font-weight:700;font-size:var(--text-lg);letter-spacing:-0.01em}
.nav{display:flex;align-items:center}body.nav-open{overflow:hidden}@media(min-width:48rem){body.nav-open{overflow:auto}}.nav__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}.nav__toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);color:var(--foreground)}.nav__toggle:hover{background:var(--muted)}@media(min-width:48rem){.nav__toggle{display:none}}.nav__panel{position:fixed;inset:var(--navbar-height) 0 0 0;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg) var(--space-md);background:var(--background);overflow-y:auto;transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;transition-property:opacity,transform,visibility;transition-duration:var(--duration-base);transition-timing-function:var(--ease-standard)}@media(prefers-reduced-motion:reduce){.nav__panel{transition-duration:0ms}}.nav__panel.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}@media(min-width:48rem){.nav__panel{position:static;inset:auto;flex-direction:row;align-items:center;gap:var(--space-lg);padding:0;margin-left:var(--space-lg);background:rgba(0,0,0,0);overflow:visible;transform:none;opacity:1;visibility:visible;pointer-events:auto}}.nav__list{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;padding:0}@media(min-width:48rem){.nav__list{flex-direction:row;align-items:center;gap:var(--space-md)}}.nav__link{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--foreground);font-weight:500;text-decoration:none;border-radius:var(--radius-sm)}.nav__link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav__link:hover{color:var(--accent)}.nav__link[aria-current=page]{color:var(--accent)}.nav__badge{padding:1px var(--space-2xs);border-radius:var(--radius-full);background:var(--primary-tint);color:var(--primary);font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.nav__actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:auto}@media(min-width:48rem){.nav__actions{margin-top:0;margin-left:auto}}
.rich-text{max-width:42rem;margin-inline:auto;padding-inline:var(--space-md);color:var(--foreground);line-height:1.7}.rich-text>:first-child{margin-top:0}.rich-text>:last-child{margin-bottom:0}.rich-text h2{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--text-2xl)}.rich-text h3{margin:var(--space-md) 0 var(--space-2xs);font-size:var(--text-xl)}.rich-text p{margin:0 0 var(--space-sm);color:var(--muted-foreground)}.rich-text ul,.rich-text ol{margin:0 0 var(--space-sm);padding-inline-start:var(--space-md);color:var(--muted-foreground)}.rich-text li{margin-bottom:var(--space-3xs)}.rich-text a{color:var(--accent)}.rich-text strong{color:var(--foreground)}.rich-text code{padding:.1em .35em;border-radius:var(--radius-sm);background:var(--muted);font-family:var(--font-mono);font-size:.9em}.rich-text pre{padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);overflow-x:auto}.rich-text pre code{padding:0;background:none}.rich-text blockquote{padding-inline-start:var(--space-sm);border-inline-start:3px solid var(--accent);color:var(--muted-foreground);font-style:italic}.rich-text img{max-width:100%;border-radius:var(--radius-md)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--card);color:var(--foreground);cursor:pointer;transition-property:background-color,border-color;transition-duration:var(--duration-base);transition-timing-function:var(--ease-standard)}@media(prefers-reduced-motion:reduce){.theme-toggle{transition-duration:0ms}}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-toggle:hover{background:var(--muted)}.theme-toggle__icon--to-light{display:none}:root[data-theme=dark] .theme-toggle__icon--to-dark{display:none}:root[data-theme=dark] .theme-toggle__icon--to-light{display:inline-flex}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__icon--to-dark{display:none}:root:not([data-theme=light]) .theme-toggle__icon--to-light{display:inline-flex}}