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

[data-template='tpl-guardian']{
  --font-heading-stack: var(--font-fraunces-stack);
  --font-body-stack: var(--font-inter-stack);
  --skin-band-bg: #052962;
  --skin-band-fg: #ffffff;
}
[data-template='tpl-guardian'] .cat-chip{
  background: color-mix(in oklab, var(--color-accent) 82%, #ffe500);
  color: var(--color-text);
  padding: 0.125rem 0.5rem;
  border-radius: 2px;
}
[data-template='tpl-guardian'] .cat-chip::before{
  display: none;
}


[data-template='tpl-guardian'] .bs-gdn{
  --gdn-blue: #052962;
}
[data-template='tpl-guardian'] .bs-gdn-hero{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0 2.5rem;
  padding-block: 1.5rem 2rem;
  border-bottom: 4px solid var(--gdn-blue);
}
[data-template='tpl-guardian'] .bs-gdn-hero-media{
  grid-column: 1 / span 8;
}
[data-template='tpl-guardian'] .bs-gdn-hero-text{
  grid-column: 9 / span 4;
  border-left: 5px solid var(--gdn-blue);
  padding-left: 1.5rem;
}
[data-template='tpl-guardian'] .bs-gdn-hero-title{
  font-size: clamp(1.9rem, 3vw, 2.9rem);
  font-weight: 700;
  line-height: 1.08;
  margin-top: 0.6rem;
}
[data-template='tpl-guardian'] .bs-gdn-hero-side{
  margin-top: 1.5rem;
  border-top: 1px solid var(--color-border);
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
[data-template='tpl-guardian'] .bs-gdn-mix{
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 2.5rem;
  padding-block: 1.75rem;
  border-bottom: 1px solid var(--color-border);
}
[data-template='tpl-guardian'] .bs-gdn-col-item{
  padding-block: 1.1rem;
  border-bottom: 1px solid var(--color-border);
}
[data-template='tpl-guardian'] .bs-gdn-col-item:first-child{
  padding-top: 0;
}
[data-template='tpl-guardian'] .bs-gdn-photos{
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  border-left: 1px solid var(--color-border);
  padding-left: 2rem;
}
[data-template='tpl-guardian'] .bs-gdn-photo .cat-chip,
[data-template='tpl-guardian'] .bs-gdn-col-item .cat-chip,
[data-template='tpl-guardian'] .bs-gdn-hero-side .cat-chip{
  background: color-mix(in oklab, var(--cat-color, var(--color-accent)) 88%, #ffffff);
  color: #ffffff;
  padding: 0.0625rem 0.5rem;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 0.375rem;
}
[data-template='tpl-guardian'] .bs-gdn-photo .cat-chip::before,
[data-template='tpl-guardian'] .bs-gdn-col-item .cat-chip::before,
[data-template='tpl-guardian'] .bs-gdn-hero-side .cat-chip::before{
  display: none;
}
[data-template='tpl-guardian'] .bs-gdn-photo .cat-chip{
  margin-top: 0.625rem;
}
[data-template='tpl-guardian'] .bs-gdn-tail{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem 2rem;
  padding-block: 1.5rem 2.25rem;
}
[data-template='tpl-guardian'] .bs-gdn-tail li{
  border-top: 3px solid var(--gdn-blue);
  padding-top: 0.625rem;
}
@media (max-width: 1023px){[data-template='tpl-guardian'] .bs-gdn-hero{
    grid-template-columns: minmax(0, 1fr);
  }}
@media (max-width: 1023px){[data-template='tpl-guardian'] .bs-gdn-hero-media,
  [data-template='tpl-guardian'] .bs-gdn-hero-text{
    grid-column: auto;
  }}
@media (max-width: 1023px){[data-template='tpl-guardian'] .bs-gdn-hero-media img{
    max-height: 320px;
  }}
@media (max-width: 1023px){[data-template='tpl-guardian'] .bs-gdn-hero-text{
    border-left: none;
    border-top: 5px solid var(--gdn-blue);
    padding-left: 0;
    padding-top: 1rem;
    margin-top: 1rem;
  }}
@media (max-width: 1023px){[data-template='tpl-guardian'] .bs-gdn-mix{
    grid-template-columns: minmax(0, 1fr);
  }}
@media (max-width: 1023px){[data-template='tpl-guardian'] .bs-gdn-photos{
    border-left: none;
    padding-left: 0;
  }}
@media (max-width: 1023px){[data-template='tpl-guardian'] .bs-gdn-tail{
    grid-template-columns: minmax(0, 1fr);
  }}

[data-template='tpl-guardian'] .article-head{
  border-left: 5px solid #052962;
  padding-left: 1.25rem;
}
[data-template='tpl-guardian'] .article-head h1{
  font-size: clamp(2.1rem, 4vw, 3.1rem);
  line-height: 1.07;
}

[data-template='tpl-guardian'] .bi-kicker--caps{
  color: var(--gdn-blue, #052962);
}
[data-template='tpl-guardian'] .bi a{
  color: var(--gdn-blue, #052962);
}
[data-template='tpl-guardian'] .prose-article a{
  text-decoration-thickness: 2px;
}
[data-template='tpl-guardian'] .bis-head--rule{
  border-bottom: 4px solid var(--gdn-blue, #052962);
}
[data-template='tpl-guardian'] .bis-kicker{
  color: var(--gdn-blue, #052962);
}
[data-template='tpl-guardian'],
[data-template='tpl-economist'],
[data-template='tpl-ft'],
[data-template='tpl-natgeo'],
[data-template='tpl-herald']{
  --rail-w: 320px;
}


[data-template='tpl-guardian']{
  
  --gua-s1: 4px;
  --gua-s2: 8px;
  --gua-s3: 12px;
  --gua-s4: 20px;
  --gua-s5: 28px;
  --gua-s6: 40px;
  --gua-s7: 56px;
  --gua-s8: 80px;
}

[data-template='tpl-guardian'] .i-gua-main .prose-article{
  font-family: var(--font-role-serif);
  font-size: 1.25rem;
  line-height: 1.65;
}
[data-template='tpl-guardian'] [aria-labelledby='author-box-heading']{
  border-radius: 0;
  border: none;
  border-top: 4px solid var(--color-primary);
  background: transparent;
}
[data-template='tpl-guardian'] [aria-labelledby='digest-cta-heading']{
  border-radius: 0;
  border: 1px solid var(--color-border);
  border-top: 4px solid var(--color-primary);
}


[data-template='tpl-guardian'] .bs-gdn-hero{
  padding-block: var(--gua-s5) var(--gua-s6);
}

[data-template='tpl-guardian'] .bs-gdn-hero-title{
  font-family: var(--font-heading-stack);
  font-size: clamp(2.8rem, 5vw, 4.2rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-top: var(--gua-s3);
}

[data-template='tpl-guardian'] .bs-gdn-hero-stand{
  margin-top: var(--gua-s3);
  font-family: var(--font-heading-stack);
  font-weight: 400;
  font-size: clamp(1.25rem, 1.8vw, 1.375rem);
  line-height: 1.5;
  color: var(--color-text-muted);
  max-width: 42ch;
}
[data-template='tpl-guardian'] .bs-gdn-hero-side{
  margin-top: var(--gua-s5);
}
[data-template='tpl-guardian'] .bs-gdn-side-title{
  font-family: var(--font-heading-stack);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
[data-template='tpl-guardian'] .bs-gdn-mix{
  gap: var(--gua-s7);
  padding-block: var(--gua-s5);
}
[data-template='tpl-guardian'] .bs-gdn-col-title{
  font-family: var(--font-heading-stack);
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.15;
  margin-top: var(--gua-s1);
}

[data-template='tpl-guardian'] .bs-gdn-col-cap{
  margin-top: var(--gua-s2);
  padding-top: var(--gua-s2);
  border-top: 1px solid var(--color-border);
  font-family: var(--font-heading-stack);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text-muted);
}
[data-template='tpl-guardian'] .bs-gdn-photos{
  gap: var(--gua-s5);
}
[data-template='tpl-guardian'] .bs-gdn-photo-title{
  font-family: var(--font-heading-stack);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top: var(--gua-s2);
}

[data-template='tpl-guardian'] .bs-gdn-photo-cap{
  margin-top: var(--gua-s2);
  padding-top: var(--gua-s2);
  border-top: 1px solid var(--color-border);
  font-family: var(--font-heading-stack);
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--color-text-muted);
}

[data-template='tpl-guardian'] .bs-gdn-tailwrap{
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: var(--gua-s7);
  padding-block: var(--gua-s5) var(--gua-s7);
}
[data-template='tpl-guardian'] .bs-gdn-tail-title{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}
[data-template='tpl-guardian'] .bs-gdn-viewed-title{
  font-family: var(--font-heading-stack);
  font-size: 1.2rem;
  font-weight: 700;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: var(--gua-s2);
}
[data-template='tpl-guardian'] .bs-gdn-viewed ol{
  list-style: none;
}
[data-template='tpl-guardian'] .bs-gdn-viewed li{
  display: grid;
  grid-template-columns: 2.5ch minmax(0, 1fr);
  gap: var(--gua-s3);
  padding-block: var(--gua-s2);
  border-bottom: 1px solid var(--color-border);
  align-items: start;
}
[data-template='tpl-guardian'] .bs-gdn-viewed-n{
  font-family: var(--font-heading-stack);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-primary);
  font-variant-numeric: tabular-nums;
}
[data-template='tpl-guardian'] .bs-gdn-viewed a{
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}
[data-template='tpl-guardian'] .bs-gdn-viewed a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 1023px){[data-template='tpl-guardian'] .bs-gdn-tailwrap{
    grid-template-columns: minmax(0, 1fr);
  }}
@media (min-width: 1024px){
  [data-template='tpl-guardian'] .bs-gdn-hero{
    padding-block: 1rem 1.75rem;
  }}
@media (min-width: 1024px){[data-template='tpl-guardian'] .bs-gdn-hero-media{
    grid-column: 1 / span 7;
  }}
@media (min-width: 1024px){[data-template='tpl-guardian'] .bs-gdn-hero-text{
    grid-column: 8 / span 5;
  }}
@media (min-width: 1024px){[data-template='tpl-guardian'] .bs-gdn-hero-title{
    font-size: clamp(2.4rem, 3.6vw, 3.4rem);
    line-height: 1.08;
    margin-top: var(--gua-s2);
  }}
@media (min-width: 1024px){[data-template='tpl-guardian'] .bs-gdn-hero-stand{
    margin-top: var(--gua-s2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }}
@media (min-width: 1024px){[data-template='tpl-guardian'] .bs-gdn-hero-side{
    margin-top: var(--gua-s3);
    padding-top: var(--gua-s2);
  }}