[data-template="tpl-axios"]{
  --font-heading-stack: var(--font-role-sans);
  --font-body-stack: var(--font-role-sans);
}

[data-template='tpl-axios']{
  --font-heading-stack: var(--font-space-grotesk-stack);
  --font-body-stack: var(--font-inter-stack);
}
[data-template='tpl-axios'] [data-hero] h3{
  border-left: 6px solid var(--color-accent);
  padding-left: var(--space-4);
  font-size: clamp(2rem, 4.6vw, 3.4rem);
  font-weight: 800;
  letter-spacing: -0.02em;
}


[data-template='tpl-axios'] .bs-axo{
  --axo-blue: #0f7fff;
}
[data-template='tpl-axios'] .bs-axo-hero{
  padding-bottom: 2.5rem;
}
[data-template='tpl-axios'] .bs-axo-chip{
  display: inline-block;
  background: var(--axo-blue);
  color: #ffffff;
  font-family: var(--font-space-grotesk-stack);
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.25rem 0.75rem;
  margin-bottom: 1.25rem;
}
[data-template='tpl-axios'] .bs-axo-hero-title{
  font-family: var(--font-space-grotesk-stack);
  font-size: clamp(1.9rem, 4.6vw, 2.8rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.08;
}
[data-template='tpl-axios'] .bs-axo-hero-dek{
  font-size: 1.125rem;
  line-height: 1.55;
  margin-top: 0.875rem;
  max-width: 56ch;
  color: var(--color-muted, var(--color-text));
}
[data-template='tpl-axios'] .bs-axo-hero-media{
  margin-block: 1.5rem 0.875rem;
}
[data-template='tpl-axios'] .bs-axo-item{
  border-left: 6px solid var(--axo-blue);
  padding: 1.5rem 0 1.5rem 1.5rem;
}
[data-template='tpl-axios'] .bs-axo-item + .bs-axo-item{
  border-top: 1px solid var(--color-border);
}
[data-template='tpl-axios'] .bs-axo-item-title{
  font-family: var(--font-space-grotesk-stack);
  font-size: 1.375rem;
  font-weight: 800;
  letter-spacing: -0.014em;
  line-height: 1.15;
}
[data-template='tpl-axios'] .bs-axo-why{
  margin-top: 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--color-muted, var(--color-text));
  max-width: 62ch;
}
[data-template='tpl-axios'] .bs-axo-why-label{
  font-weight: 700;
  color: var(--color-text);
}
[data-template='tpl-axios'] .bs-axo-item .card-meta,
[data-template='tpl-axios'] .bs-axo-item time{
  display: inline-block;
  margin-top: 0.375rem;
}
[data-template='tpl-axios'] .bs-axo-rail{
  border-top: 4px solid var(--axo-blue);
  padding-top: 0.875rem;
}
[data-template='tpl-axios'] .bs-axo-rail-title{
  font-family: var(--font-space-grotesk-stack);
  font-size: 1.125rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  padding-bottom: 0.5rem;
}
[data-template='tpl-axios'] .bs-axo-mini{
  padding-block: 0.75rem;
  border-bottom: 1px solid var(--color-border);
}
[data-template='tpl-axios'] .bs-axo-mini:last-child{
  border-bottom: none;
}
@media (max-width: 1023px){[data-template='tpl-axios'] .container-page.grid{
    grid-template-columns: minmax(0, 1fr);
  }}

[data-template='tpl-axios'] .article-head h1{
  font-family: var(--font-space-grotesk-stack);
  font-size: clamp(1.8rem, 3.8vw, 2.6rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  border-left: 6px solid #0f7fff;
  padding-left: 1.25rem;
}

[data-template='tpl-axios'] .bi-head{
  padding-block: 2.5rem 0;
}
[data-template='tpl-axios'] .bi-why{
  border-left: 4px solid var(--color-accent);
  padding: 0.4rem 0 0.4rem 1.1rem;
}
[data-template='tpl-axios'] .bi-why h2{
  font-size: 1.05rem;
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0;
}
[data-template='tpl-axios'] .bi .prose-article{
  font-size: 1.0625rem;
  line-height: 1.75;
}
[data-template='tpl-axios'] .bi .prose-article p{
  margin-bottom: 1.4rem;
}
[data-template='tpl-axios'] .bis-head--rule .bis-title{
  font-weight: 800;
  letter-spacing: -0.02em;
}




[data-template='tpl-axios']{
  --axi-display: var(--font-space-grotesk, 'Space Grotesk'),
    var(--font-body, 'Inter'), sans-serif;
  --axi-body: var(--font-body, 'Inter'), -apple-system, 'Segoe UI', sans-serif;
  --axi-data: var(--font-mono, 'JetBrains Mono'), 'SFMono-Regular', Consolas, monospace;
  --axi-wash: color-mix(in oklab, var(--color-primary) 7%, var(--color-bg));

  
  --axi-s1: 0.25rem;
  --axi-s2: 0.5rem;
  --axi-s3: 0.75rem;
  --axi-s4: 1.25rem;
  --axi-s5: 2rem;
  --axi-s6: 3rem;
  --axi-s7: 4.5rem;
  --axi-s8: 6.5rem;
}
[data-template='tpl-axios'] .ap--default{
  border-top: 4px solid var(--color-primary);
  padding-top: var(--axi-s4);
}
[data-template='tpl-axios'] .ap--default .ap-name,
[data-template='tpl-axios'] .ap--default .ap-name a{
  font-family: var(--axi-display);
  font-weight: 700;
}
[data-template='tpl-axios'] .ap--default .ap-avatar{
  border-radius: 0;
}


[data-template='tpl-axios'] .bs-axo-frame{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--axi-s6);
  padding-block: var(--axi-s5) var(--axi-s7);
}
[data-template='tpl-axios'] .bs-axo-aside{
  display: flex;
  flex-direction: column;
  gap: var(--axi-s5);
}
@media (min-width: 1024px){[data-template='tpl-axios'] .bs-axo-frame{
    grid-template-columns: minmax(0, 1fr) 300px;
  }}
[data-template='tpl-axios'] .bs-axo-hero{
  padding-bottom: var(--axi-s6);
}
[data-template='tpl-axios'] .bs-axo-chip{
  background: var(--color-primary);
  color: var(--color-bg);
  font-family: var(--axi-display);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: var(--axi-s1) var(--axi-s3);
  margin-bottom: var(--axi-s4);
}
[data-template='tpl-axios'] .bs-axo-hero-title{
  font-family: var(--axi-display);
  font-size: clamp(2.4rem, 5vw, 3.75rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.07;
  max-width: 24ch;
  text-wrap: balance;
}
[data-template='tpl-axios'] .bs-axo-hero-dek{
  font-family: var(--axi-body);
  font-size: 1.1875rem;
  line-height: 1.55;
  margin-top: var(--axi-s3);
  max-width: 56ch;
  color: var(--color-text-muted);
}

[data-template='tpl-axios'] .bs-axo-hero-media{
  margin-block: var(--axi-s5) var(--axi-s2);
  border-bottom: 4px solid var(--color-primary);
  padding-bottom: var(--axi-s2);
}
[data-template='tpl-axios'] .bs-axo-hero-media + .card-meta,
[data-template='tpl-axios'] .bs-axo-hero-media ~ *{
  font-family: var(--axi-data);
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

[data-template='tpl-axios'] .bs-axo-item{
  border-left: 4px solid var(--color-primary);
  padding: var(--axi-s5) 0 var(--axi-s5) var(--axi-s5);
}
[data-template='tpl-axios'] .bs-axo-item + .bs-axo-item{
  border-top: 1px solid var(--color-border);
}
[data-template='tpl-axios'] .bs-axo-item-title{
  font-family: var(--axi-display);
  font-size: 1.375rem;
  font-weight: 800;
  letter-spacing: -0.014em;
  line-height: 1.15;
}
[data-template='tpl-axios'] .bs-axo-why{
  margin-top: var(--axi-s2);
  font-family: var(--axi-body);
  font-size: 1rem;
  line-height: 1.55;
  color: var(--color-text-muted);
  max-width: 62ch;
}
[data-template='tpl-axios'] .bs-axo-why-label{
  font-family: var(--axi-display);
  font-weight: 800;
  color: var(--color-text);
}
[data-template='tpl-axios'] .bs-axo-item .card-meta,
[data-template='tpl-axios'] .bs-axo-item time{
  display: inline-block;
  margin-top: var(--axi-s2);
}
[data-template='tpl-axios'] .bs-axo-rail{
  border-top: 4px solid var(--color-primary);
  padding-top: var(--axi-s3);
}
[data-template='tpl-axios'] .bs-axo-rail-title{
  font-family: var(--axi-display);
  font-size: 1.125rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  padding-bottom: var(--axi-s2);
}
[data-template='tpl-axios'] .bs-axo-mini{
  padding-block: var(--axi-s3);
  border-bottom: 1px solid var(--color-border);
}
[data-template='tpl-axios'] .bs-axo-mini:last-child{
  border-bottom: none;
}
[data-template='tpl-axios'] .bs-axo-mini h4{
  font-family: var(--axi-display);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.005em;
}