:root{
  --h:144;
  --bg:rgb(10,16,34);
  --panel:rgb(17,26,51);
  --panel2:rgb(22,34,67);
  --line:rgb(34,48,90);
  --text:rgb(238,241,251);
  --dim:rgb(163,174,208);
  --acc:hsl(var(--h) 90% 58%);
  --acc2:hsl(calc(var(--h) + 40) 85% 55%);
  --good:rgb(47,191,113);
  --bad:rgb(224,86,86);
  --r:.375rem;
}
*{
  box-sizing:border-box;
}
html{
  scroll-behavior:smooth;
}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:1rem/1.65 Inter,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
h1,h2,h3{
  font-family:Georgia,'Times New Roman',serif;
}
a{
  color:var(--acc);
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
img{
  max-width:100%;
  height:auto;
  display:block;
}
header{
  position:sticky;
  top:0;
  z-index:20;
  background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(.5rem);
  border-bottom:.0625rem solid var(--line);
}
header.c18c8-tall{
  position:static;
}
nav.c18c8-main{
  display:flex;
  gap:.25rem;
  margin-left:auto;
  flex-wrap:wrap;
}
nav.c18c8-main a{
  color:var(--dim);
  font-size:.875rem;
  font-weight:600;
  padding:.5rem .625rem;
  border-radius:calc(var(--r) * .6);
}
nav.c18c8-main a:hover,nav.c18c8-main a[aria-current]{
  color:var(--text);
  background:var(--panel2);
  text-decoration:none;
}
nav.c18c8-sub{
  display:flex;
  flex-wrap:wrap;
  gap:.25rem .875rem;
  min-height:1.875rem;
  align-items:center;
  font-size:.75rem;
  border-top:.0625rem solid var(--line);
}
nav.c18c8-sub a{
  color:var(--dim);
}
h1{
  font-size:2.5rem;
  line-height:1.12;
  margin:0 0 .75rem;
  letter-spacing:-.8px;
}
header .c18c8-btn--ghost{
  margin-right:.5rem;
}
.c18c8-navstrip{
  border-top:.0625rem solid var(--line);
  background:var(--panel);
}
.c18c8-navstrip nav.c18c8-main{
  margin-left:0;
  min-height:2.75rem;
  align-items:center;
}
.c18c8-rg{
  display:flex;
  gap:.375rem 1rem;
  flex-wrap:wrap;
  margin:.375rem 0 .625rem;
  font-size:.8125rem;
}
.c18c8-rg a{
  color:var(--dim);
  text-decoration:underline;
  text-underline-offset:.1875rem;
}
.c18c8-wrap{
  max-width:68.75rem;
  margin:0 auto;
  padding:0 1.25rem;
}
.c18c8-bar{
  display:flex;
  align-items:center;
  gap:1rem;
  min-height:4rem;
}
.c18c8-bar .c18c8-btn{
  margin-left:.5rem;
}
.c18c8-bar--stack{
  justify-content:center;
  min-height:0;
  padding-top:.875rem;
}
.c18c8-bar--center{
  justify-content:center;
  min-height:3.25rem;
}
.c18c8-bar--center nav.c18c8-main{
  margin-left:0;
}
.c18c8-hero{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:2.125rem;
  align-items:center;
  padding:2.125rem 0 1.875rem;
  border-bottom:.0625rem solid var(--line);
}
.c18c8-hero__kicker{
  margin:0 0 .5rem;
  font:700 .75rem/1 ui-monospace,Menlo,monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--acc);
}
.c18c8-hero__sub{
  color:var(--dim);
  font-size:1.125rem;
  margin:0 0 1.125rem;
  max-width:56ch;
}
.c18c8-hero__bonus{
  font-size:1.625rem;
  font-weight:900;
  letter-spacing:-.4px;
  margin:0 0 1.125rem;
  color:var(--text);
}
.c18c8-hero__cta{
  display:inline-flex;
  gap:.625rem;
  flex-wrap:wrap;
  align-items:center;
}
.c18c8-hero__meta{
  margin:.75rem 0 0;
  font-size:.7812rem;
  color:var(--dim);
}
.c18c8-logo{
  font-weight:900;
  font-size:1.3125rem;
  letter-spacing:-.5px;
  color:var(--text);
  display:inline-flex;
  align-items:center;
}
.c18c8-logo span{
  color:var(--acc);
}
.c18c8-logo img{
  height:2.25rem;
  width:auto;
  max-width:13.75rem;
  display:block;
  object-fit:contain;
}
.c18c8-logo--pill{
  padding:.3125rem .625rem;
  border-radius:calc(var(--r) * .7);
}
.logo--pill-dark{
  background:rgb(18,20,26);
}
.logo--pill-light{
  background:rgb(245,245,245);
}
.c18c8-toc summary{
  cursor:pointer;
  font-size:.8125rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--dim);
}
.c18c8-toc[open] summary{
  margin-bottom:.5rem;
}
.c18c8-navgrp{
  position:relative;
}
.c18c8-navgrp>summary{
  list-style:none;
  cursor:pointer;
  color:var(--dim);
  font-size:.875rem;
  font-weight:600;
  padding:.5rem .625rem;
  border-radius:calc(var(--r) * .6);
}
.c18c8-navgrp>summary::-webkit-details-marker{
  display:none;
}
.c18c8-navgrp>summary::after{
  content:"▾";
  margin-left:.3125rem;
  font-size:.6875rem;
}
.c18c8-navgrp[open]>summary{
  color:var(--text);
  background:var(--panel2);
}
.c18c8-navgrp__panel{
  position:absolute;
  top:100%;
  left:0;
  z-index:25;
  min-width:12.5rem;
  display:grid;
  padding:.375rem;
  background:var(--panel);
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  box-shadow:0 .875rem 2.5rem rgba(0,0,0,.25);
}
.c18c8-navgrp__panel a{
  padding:.5rem .625rem;
  font-size:.875rem;
  color:var(--dim);
  border-radius:calc(var(--r) * .6);
}
.c18c8-navgrp__panel a:hover{
  background:var(--panel2);
  color:var(--text);
  text-decoration:none;
}
.c18c8-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.6875rem 1.25rem;
  border-radius:calc(var(--r) * .85);
  font-weight:800;
  font-size:.9375rem;
  white-space:nowrap;
  background:var(--acc);
  color:rgb(13,15,20);
  box-shadow:0 .375rem 1.125rem hsl(var(--h) 90% 58% / .22);
}
.c18c8-btn:hover{
  text-decoration:none;
  filter:brightness(1.07);
  transform:translateY(-1px);
}
.c18c8-btn--big{
  padding:.9375rem 1.875rem;
  font-size:1.0625rem;
  border-radius:var(--r);
}
.c18c8-btn.c18c8-btn--ghost{
  background:transparent;
  color:var(--text);
  border:.0625rem solid var(--line);
  box-shadow:none;
}
.c18c8-btn.c18c8-btn--ghost:hover{
  background:var(--panel2);
  color:var(--text);
}
.c18c8-chips{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:1.125rem;
}
.c18c8-crumbs{
  font-size:.8125rem;
  color:var(--dim);
  margin:.875rem 0 0;
}
.c18c8-crumbs a{
  color:var(--dim);
}
.c18c8-crumbs span{
  margin:0 .375rem;
}
.c18c8-topbar{
  font-size:.7812rem;
  color:var(--dim);
  background:var(--panel);
  border-bottom:.0625rem solid var(--line);
}
.c18c8-topbar .c18c8-wrap{
  display:flex;
  align-items:center;
  gap:1.125rem;
  min-height:2.125rem;
}
.c18c8-topbar .c18c8-btn{
  margin-left:auto;
  padding:.3125rem .75rem;
  font-size:.75rem;
}
@media(max-width:56.25rem){header .c18c8-btn--ghost{
  display:none;
}
}
.c18c8-chip{
  font-size:.75rem;
  font-weight:700;
  padding:.375rem .625rem;
  border-radius:62.4375rem;
  border:.0625rem solid var(--line);
  background:var(--panel);
  color:var(--dim);
}
.c18c8-hero__shot{
  border-radius:var(--r);
  overflow:hidden;
  border:.0625rem solid var(--line);
  box-shadow:0 1.875rem 5rem rgba(0,0,0,.5);
  aspect-ratio:16/10;
  background:var(--panel);
}
.c18c8-hero__shot img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
}
.c18c8-media{
  margin:1.625rem 0;
}
.c18c8-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--r);
  border:.0625rem solid var(--line);
  background:var(--panel);
}
.c18c8-media figcaption{
  font-size:.7812rem;
  color:var(--dim);
  margin-top:.5rem;
}
.c18c8-media--inset{
  max-width:78%;
  margin-left:auto;
  margin-right:auto;
}
.c18c8-media--wide{
  margin:2.125rem 0;
}
.c18c8-media--wide img{
  border:0;
  box-shadow:0 1.25rem 3.75rem rgba(0,0,0,.25);
}
.c18c8-hero--text{
  grid-template-columns:1fr;
  max-width:51.25rem;
}
.c18c8-hero--text h1{
  font-size:2.75rem;
}
.c18c8-hero--strip{
  grid-template-columns:1.4fr .6fr;
  align-items:end;
  padding:1.625rem 0 1.375rem;
}
.c18c8-hero--strip h1{
  font-size:2rem;
  margin-bottom:.375rem;
}
.c18c8-hero--strip .c18c8-hero__sub{
  margin:0;
}
.c18c8-hero--strip .c18c8-hero__side{
  display:flex;
  flex-direction:column;
  gap:.75rem;
  align-items:flex-end;
}
.c18c8-hero--strip .c18c8-hero__bonus{
  font-size:1.25rem;
  margin:0;
}
.c18c8-hero--strip .c18c8-hero__shot,.c18c8-hero--banner .c18c8-hero__shot{
  grid-column:1/-1;
  width:100%;
  max-width:none;
  aspect-ratio:21/8;
}
.c18c8-hero--strip .c18c8-hero__shot img,.c18c8-hero--banner .c18c8-hero__shot img{
  object-position:center;
}
.c18c8-hero--banner{
  grid-template-columns:1fr 1fr;
  align-items:center;
}
.c18c8-hero--banner .c18c8-hero__side{
  padding:1.75rem;
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  background:var(--panel);
  text-align:center;
}
.c18c8-hero--banner .c18c8-hero__side .c18c8-hero__bonus{
  font-size:2.125rem;
  margin:0 0 1.125rem;
}
.c18c8-hero--banner .c18c8-hero__side .c18c8-btn{
  width:100%;
}
.c18c8-hero--facts{
  grid-template-columns:1.1fr .9fr;
}
.c18c8-hero__facts{
  padding:1.375rem 1.5rem;
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  background:var(--panel);
}
.c18c8-hero__facts dl{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.5rem 1rem;
  margin:0;
}
.c18c8-hero__facts dt{
  color:var(--dim);
  font-size:.8125rem;
}
.c18c8-hero__facts dd{
  margin:0;
  font-weight:600;
  font-size:.875rem;
}
.c18c8-hero__facts p{
  margin:.75rem 0 0;
  font-size:.75rem;
  color:var(--dim);
}
.c18c8-hero__shot--art{
  background:radial-gradient(circle at 30% 30%,hsl(var(--h) 90% 58% / .5),transparent 55%),
radial-gradient(circle at 75% 70%,hsl(calc(var(--h) + 40) 85% 55% / .45),transparent 55%),var(--panel2);
}
main{
  padding:.875rem 0 3.75rem;
}
main>section{
  margin:2.125rem 0;
}
main>.c18c8-hero:first-child{
  margin-top:0;
}
h2{
  font-size:1.625rem;
  margin:0 0 .875rem;
  letter-spacing:-.4px;
  scroll-margin-top:5.25rem;
}
h3{
  font-size:1.125rem;
  margin:1.125rem 0 .5rem;
}
.c18c8-prose p{
  margin:0 0 .875rem;
  color:color-mix(in srgb,var(--text) 90%,var(--dim));
}
.c18c8-prose ul,.c18c8-prose ol{
  margin:0 0 1rem;
  padding-left:1.375rem;
}
.c18c8-prose li{
  margin:.3125rem 0;
}
.c18c8-prose{
  max-width:74ch;
  margin-left:auto;
  margin-right:auto;
}
.c18c8-prose h2{
  margin-top:.625rem;
}
.c18c8-prose a{
  text-decoration:underline;
  text-decoration-color:color-mix(in srgb,var(--acc) 50%,transparent);
}
.c18c8-toc{
  background:var(--panel);
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  padding:.875rem 1.125rem;
  margin:1.5rem 0;
}
.c18c8-toc b{
  display:block;
  margin-bottom:.375rem;
  font-size:.8125rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--dim);
}
.c18c8-toc ol{
  margin:0;
  padding-left:1.25rem;
  columns:2;
  gap:1.5rem;
}
.c18c8-toc li{
  margin:.1875rem 0;
  font-size:.875rem;
}
.c18c8-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(14.375rem,1fr));
  gap:.875rem;
}
.c18c8-card{
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  padding:1.25rem;
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.c18c8-card h3{
  margin:0;
  font-size:1rem;
  color:var(--dim);
}
.c18c8-card__amount{
  font-size:1.625rem;
  font-weight:900;
  letter-spacing:-.5px;
  color:var(--acc);
}
.c18c8-card__terms{
  margin:0 0 .375rem;
  font-size:.8125rem;
  color:var(--dim);
  flex:1;
}
.c18c8-card .c18c8-btn{
  white-space:normal;
  text-align:center;
}
section.c18c8-cards>.c18c8-card:first-child{
  border-color:var(--acc);
  box-shadow:inset 0 0 0 .0625rem var(--acc);
}
section.c18c8-cards:has(>.c18c8-card:nth-child(4)) .c18c8-card__amount{
  font-size:1.3125rem;
}
section.c18c8-cards>.c18c8-card:not(:first-child) .c18c8-btn{
  background:transparent;
  color:var(--text);
  border:.0625rem solid var(--line);
  box-shadow:none;
}
@media(min-width:51.3125rem){section.c18c8-cards:has(>.c18c8-card:nth-child(4):last-child){
  grid-template-columns:repeat(4,minmax(0,1fr));
}
section.c18c8-cards:has(>.c18c8-card:nth-child(5):last-child),section.c18c8-cards:has(>.c18c8-card:nth-child(6):last-child){
  grid-template-columns:repeat(3,minmax(0,1fr));
}
}
.c18c8-steps ol{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));
  gap:.75rem;
}
.c18c8-steps li{
  background:var(--panel);
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  padding:1rem;
  display:flex;
  gap:.75rem;
  align-items:flex-start;
}
.c18c8-steps li span{
  flex:none;
  width:2rem;
  height:2rem;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:900;
  background:var(--acc);
  color:rgb(13,15,20);
}
.c18c8-steps li p{
  margin:0;
  font-size:.9375rem;
}
.c18c8-pc{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.875rem;
}
.c18c8-pc__col{
  border-radius:var(--r);
  padding:1rem 1.125rem;
  border:.0625rem solid var(--line);
  background:var(--panel);
}
.c18c8-pc__col h3{
  margin:0 0 .5rem;
}
.c18c8-pc__col ul{
  margin:0;
  padding-left:1.25rem;
}
.c18c8-pc__col li{
  margin:.375rem 0;
  font-size:.9375rem;
}
.c18c8-pc__col--pro h3{
  color:var(--good);
}
.c18c8-pc__col--con h3{
  color:var(--bad);
}
.c18c8-tiles{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr));
  gap:.75rem;
}
.c18c8-tile{
  aspect-ratio:4/3;
  border-radius:var(--r);
  padding:.75rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:rgb(13,15,20);
  border:.0625rem solid rgba(255,255,255,.08);
  box-shadow:inset 0 -40px 3.75rem rgba(0,0,0,.25);
}
.c18c8-tile--img{
  aspect-ratio:auto;
  padding:0;
  justify-content:flex-start;
  background:none;
  border:0;
  box-shadow:none;
  color:var(--text);
}
.c18c8-tile--img img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:var(--r);
  border:.0625rem solid var(--line);
  transition:transform .2s;
}
.c18c8-tile--img span{
  display:block;
  padding:.5rem .125rem .125rem;
}
.c18c8-tile--img b{
  display:block;
  color:var(--text);
}
.c18c8-tile--img small{
  display:block;
  color:var(--dim);
  margin-top:.125rem;
}
.c18c8-tile--img:hover{
  transform:none;
}
.c18c8-tile--img:hover img{
  transform:translateY(-2px);
}
.c18c8-tile:hover{
  text-decoration:none;
  transform:translateY(-2px);
}
.c18c8-tile b{
  font-size:.875rem;
  line-height:1.2;
}
.c18c8-tile small{
  font-size:.6875rem;
  opacity:.8;
}
.c18c8-provs{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.c18c8-prov{
  padding:.5rem .875rem;
  border-radius:calc(var(--r) * .7);
  background:var(--panel);
  border:.0625rem solid var(--line);
  font-weight:700;
  font-size:.8125rem;
  color:var(--dim);
  letter-spacing:.02em;
  text-transform:uppercase;
}
.c18c8-prov--img{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  text-transform:none;
  letter-spacing:0;
  color:var(--text);
}
.c18c8-prov--img img{
  width:1.75rem;
  height:1.75rem;
  border-radius:.375rem;
  background:rgb(255,255,255);
  padding:.125rem;
}
.c18c8-pays{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:.875rem;
}
.c18c8-pay{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem .75rem;
  border-radius:calc(var(--r) * .7);
  background:rgb(255,255,255);
  color:rgb(17,17,17);
  font-weight:700;
  font-size:.8125rem;
}
.c18c8-pay img{
  width:1.75rem;
  height:1.75rem;
}
.c18c8-pay--text{
  background:var(--panel);
  color:var(--text);
  border:.0625rem solid var(--line);
}
table{
  width:100%;
  border-collapse:collapse;
  font-size:.9375rem;
  background:var(--panel);
  border-radius:var(--r);
  overflow:hidden;
}
.c18c8-tbl,.c18c8-payments{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.c18c8-tbl table,.c18c8-payments table{
  width:max-content;
  min-width:100%;
  max-width:none;
}
h1,h2,h3,.c18c8-hero__bonus,.c18c8-card__amount,.c18c8-chip,.c18c8-prov,.c18c8-pay{
  overflow-wrap:break-word;
  hyphens:auto;
}
caption{
  text-align:left;
  font-weight:700;
  padding:0 0 .5rem;
  color:var(--dim);
  font-size:.875rem;
}
th,td{
  padding:.6875rem .875rem;
  border-bottom:.0625rem solid var(--line);
  text-align:left;
  vertical-align:top;
  overflow-wrap:break-word;
  hyphens:auto;
  max-width:34ch;
}
th{
  background:var(--panel2);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--dim);
}
tr:last-child td{
  border-bottom:0;
}
.c18c8-faq details{
  border:.0625rem solid var(--line);
  border-radius:calc(var(--r) * .8);
  background:var(--panel);
  margin:.5rem 0;
  padding:0 1rem;
}
.c18c8-faq summary{
  cursor:pointer;
  font-weight:700;
  padding:.875rem 0;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:.75rem;
}
.c18c8-faq summary::after{
  content:"+";
  color:var(--acc);
  font-weight:900;
}
.c18c8-faq details[open] summary::after{
  content:"-";
}
.c18c8-faq p{
  margin:0 0 .875rem;
  color:var(--dim);
}
.c18c8-ctabar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  padding:1.125rem 1.375rem;
  border-radius:var(--r);
  background:linear-gradient(120deg,hsl(var(--h) 90% 58% / .14),hsl(calc(var(--h) + 40) 85% 55% / .12));
  border:.0625rem solid var(--line);
}
.c18c8-ctabar p{
  margin:0;
  font-weight:600;
}
.c18c8-author{
  display:flex;
  gap:.875rem;
  align-items:center;
  padding:1rem 1.125rem;
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  background:var(--panel);
  font-size:.875rem;
  color:var(--dim);
}
.c18c8-author b{
  color:var(--text);
}
.c18c8-author__ava{
  flex:none;
  width:2.75rem;
  height:2.75rem;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:900;
  background:var(--acc2);
  color:rgb(13,15,20);
}
.c18c8-related div{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));
  gap:.75rem;
}
.c18c8-rel{
  display:flex;
  flex-direction:column;
  gap:.375rem;
  padding:1rem;
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  background:var(--panel);
  color:var(--text);
}
.c18c8-rel:hover{
  text-decoration:none;
  border-color:var(--acc);
}
.c18c8-rel b{
  font-size:.9375rem;
}
.c18c8-rel span{
  font-size:.8125rem;
  color:var(--dim);
}
footer{
  border-top:.0625rem solid var(--line);
  background:var(--panel);
  padding:1.75rem 0 5.625rem;
  color:var(--dim);
  font-size:.875rem;
}
footer nav{
  display:flex;
  flex-wrap:wrap;
  gap:.375rem 1rem;
  margin:.625rem 0 0;
}
footer nav a{
  color:var(--dim);
}
.c18c8-age{
  display:inline-block;
  border:.0625rem solid var(--dim);
  border-radius:.375rem;
  padding:.0625rem .375rem;
  font-weight:800;
  font-size:.75rem;
  margin-right:.5rem;
}
.c18c8-sticky{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:30;
  display:none;
  padding:.625rem .875rem;
  background:color-mix(in srgb,var(--bg) 95%,transparent);
  border-top:.0625rem solid var(--line);
}
.c18c8-sticky .c18c8-btn{
  width:100%;
}
.c18c8-sticky--side{
  left:auto;
  right:1.125rem;
  bottom:1.125rem;
  border:0;
  background:none;
  padding:0;
  display:block;
}
.c18c8-sticky--side .c18c8-btn{
  width:auto;
  box-shadow:0 .625rem 1.875rem rgba(0,0,0,.35);
}
.c18c8-foot-main{
  margin-bottom:.625rem;
}
.c18c8-foot-main a{
  font-weight:600;
}
.c18c8-foot-about p{
  margin:0 0 .5rem;
}
footer .c18c8-pc__col b{
  display:block;
  margin-bottom:.375rem;
  color:var(--text);
}
.c18c8-faq dl,.c18c8-cards dl{
  margin:0;
}
.c18c8-faq dt,.c18c8-cards dt{
  font-weight:700;
  margin:.875rem 0 .25rem;
}
.c18c8-faq dd,.c18c8-cards dd{
  margin:0 0 .625rem;
  color:var(--dim);
}
.c18c8-faq h3{
  margin:1rem 0 .375rem;
}
.c18c8-steps ol[reversed]{
  counter-reset:st;
  list-style:none;
  padding-left:0;
}
.c18c8-steps ol[reversed] li{
  counter-increment:st;
  position:relative;
  padding-left:2.75rem;
}
.c18c8-steps ol[reversed] li::before{
  content:counter(st);
  position:absolute;
  left:0;
  top:0;
  width:1.875rem;
  height:1.875rem;
  display:grid;
  place-items:center;
  border-radius:62.4375rem;
  background:var(--acc);
  color:rgb(13,15,20);
  font-weight:700;
}
.c18c8-steps .c18c8-cards .c18c8-card p{
  margin:.375rem 0 0;
}
.c18c8-pc ul li b{
  color:var(--acc);
  margin-right:.375rem;
}
footer .c18c8-pc{
  gap:1.25rem;
}
footer .c18c8-pc__col{
  background:none;
  border:0;
  padding:0;
}
.c18c8-navbox{
  display:contents;
}
.c18c8-navbox>summary{
  display:none;
}
@media(min-width:51.3125rem){.c18c8-navbox::details-content{
  display:contents;
}
}
@media(max-width:51.25rem){.c18c8-navbox:not([open])::details-content{
  display:none;
}
}
details.c18c8-navbox--always{
  display:block;
  position:relative;
  margin-left:auto;
}
details.c18c8-navbox--always>summary{
  display:block;
  cursor:pointer;
  list-style:none;
  padding:.5625rem .75rem;
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  font-weight:700;
}
details.c18c8-navbox--always>summary::-webkit-details-marker{
  display:none;
}
details.c18c8-navbox--always>summary::before{
  content:"≡";
  margin-right:.5rem;
}
details.c18c8-navbox--always nav.c18c8-main{
  position:absolute;
  right:0;
  top:100%;
  z-index:25;
  flex-direction:column;
  background:var(--panel);
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  padding:.5rem;
  min-width:13.75rem;
  margin:.375rem 0 0;
}
details.c18c8-navbox--always:not([open]) nav.c18c8-main{
  display:none;
}
@media(max-width:51.25rem){.c18c8-hero{
  grid-template-columns:1fr;
  padding-top:1.375rem;
}
h1{
  font-size:1.875rem;
}
.c18c8-hero--text h1,.c18c8-hero--strip h1{
  font-size:1.875rem;
}
.c18c8-hero--strip .c18c8-hero__side{
  align-items:flex-start;
}
.c18c8-btn,.c18c8-btn--big{
  white-space:normal;
  max-width:100%;
  text-align:center;
  line-height:1.3;
}
.c18c8-navgrp__panel{
  position:static;
  box-shadow:none;
  border:0;
  padding:0 0 0 .75rem;
}
.c18c8-navgrp>summary{
  padding:.625rem .75rem;
}
.c18c8-topbar .c18c8-wrap{
  flex-wrap:wrap;
  gap:.375rem .875rem;
  padding-top:.375rem;
  padding-bottom:.375rem;
}
.c18c8-topbar .c18c8-btn{
  display:none;
}
nav.c18c8-sub{
  display:none;
}
details.c18c8-navbox--always nav.c18c8-main{
  position:static;
  border:0;
  padding:0;
  min-width:0;
  background:none;
  margin:0;
}
details.c18c8-navbox--always{
  width:100%;
  margin:0;
}
.c18c8-sticky--side{
  left:0;
  right:0;
  bottom:0;
  padding:.625rem .875rem;
  background:color-mix(in srgb,var(--bg) 95%,transparent);
  border-top:.0625rem solid var(--line);
}
.c18c8-sticky--side .c18c8-btn{
  width:100%;
}
.c18c8-bar--stack,.c18c8-bar--center{
  justify-content:flex-start;
}
.c18c8-pc{
  grid-template-columns:1fr;
}
table{
  font-size:.8125rem;
}
th,td{
  padding:.5rem .625rem;
}
.c18c8-toc ol{
  columns:1;
}
.c18c8-bar .c18c8-btn{
  display:none;
}
.c18c8-sticky{
  display:block;
}
body>main{
  padding-bottom:4.75rem;
}
.c18c8-btn{
  min-height:2.75rem;
}
.c18c8-bar{
  flex-wrap:wrap;
  gap:.625rem;
  min-height:3.5rem;
}
.c18c8-navbox{
  display:block;
  width:100%;
  order:3;
}
.c18c8-navbox>summary{
  display:block;
  cursor:pointer;
  list-style:none;
  padding:.5625rem .75rem;
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  color:var(--text);
  font-weight:700;
  font-size:.875rem;
}
.c18c8-navbox>summary::-webkit-details-marker{
  display:none;
}
.c18c8-navbox>summary::before{
  content:"\2261";
  margin-right:.5rem;
}
nav.c18c8-main{
  flex-direction:column;
  flex-wrap:nowrap;
  gap:.125rem;
  margin:.5rem 0 0;
  width:100%;
}
nav.c18c8-main a{
  padding:.625rem .75rem;
  font-size:.9375rem;
  border-radius:calc(var(--r) * .6);
}
.c18c8-wrap{
  padding:0 .875rem;
}
img,table{
  max-width:100%;
}
h2{
  font-size:1.375rem;
}
.c18c8-cards,.c18c8-provs,.c18c8-pays{
  grid-template-columns:1fr;
}
.c18c8-tiles{
  grid-template-columns:repeat(2,1fr);
}
}
:root{
  --acc:rgb(49,188,105);
  --acc2:rgb(86,200,132);
}
.c18c8-btn{
  color:rgb(13,15,20);
}
.c18c8-btn:not([class*='outline']){
  color:rgb(13,15,20);
}
.c18c8-btn.c18c8-btn--ghost{
  color:var(--text);
}
header,.c18c8-band--hero,.c18c8-sticky{
  --acc:rgb(49,188,105);
  --acc2:rgb(86,200,132);
}
.c18c8-btn:not(.c18c8-btn--ghost){
  background:rgb(49,188,105);
  color:rgb(13,15,20);
}

:root{
  --hero-bg:linear-gradient(160deg,rgb(13,23,48),rgb(7,11,24));
  --hero-text:rgb(255,255,255);
  --hero-dim:rgb(179,189,219);
  --hero-line:rgb(32,45,85);
  --hero-tint:rgba(255,255,255,.06);
  --cta-bg:linear-gradient(120deg,rgb(22,34,74),rgb(13,23,48));
}
body{
  font-size:1.0625rem;
  line-height:1.7;
}
h1,h2,h3{
  font-weight:700;
  letter-spacing:-.01em;
}
main{
  padding:0;
}
header{
  background:var(--hero-bg);
  border-bottom:.0625rem solid var(--hero-line);
  backdrop-filter:none;
}
header .c18c8-logo{
  color:var(--hero-text);
}
header nav.c18c8-main a,header .c18c8-navgrp>summary,header .c18c8-navbox>summary{
  color:var(--hero-dim);
}
header nav.c18c8-main a:hover,header nav.c18c8-main a[aria-current]{
  color:var(--hero-text);
  background:var(--hero-tint);
}
header .c18c8-btn.c18c8-btn--ghost,.c18c8-band--hero .c18c8-btn.c18c8-btn--ghost{
  color:var(--hero-text);
  border-color:var(--hero-line);
  background:none;
}
.c18c8-band--hero{
  background:var(--hero-bg);
  color:var(--hero-text);
  border-bottom:.0625rem solid var(--hero-line);
}
.c18c8-band--hero .c18c8-hero{
  gap:1.625rem;
  padding:1.875rem 0 2.5rem;
  border-bottom:0;
}
.c18c8-band--hero h1{
  color:var(--hero-text);
  font-size:clamp(2rem,3.9vw,3.125rem);
  line-height:1.1;
  margin:0 0 1rem;
}
.c18c8-band--hero .c18c8-hero__kicker{
  color:var(--acc);
}
.c18c8-band--hero .c18c8-hero__sub{
  color:var(--hero-dim);
  font-size:1.125rem;
}
.c18c8-band--hero .c18c8-hero__bonus{
  display:inline-block;
  margin:.375rem 0 1.375rem;
  padding:.875rem 1.125rem;
  border-left:.25rem solid var(--acc);
  background:var(--hero-tint);
  border-radius:0 var(--r) var(--r) 0;
  color:var(--hero-text);
  font:700 clamp(1.1875rem,2vw,1.5rem)/1.3 Georgia,'Times New Roman',serif;
}
.c18c8-band--hero .c18c8-hero__meta{
  color:var(--hero-dim);
}
.c18c8-band--hero .c18c8-chip{
  background:none;
  border:.0625rem solid var(--hero-line);
  color:var(--hero-dim);
}
.c18c8-band--hero .c18c8-hero__shot{
  border:0;
  box-shadow:0 1.875rem 4.375rem rgba(0,0,0,.45);
}
.c18c8-lead{
  margin:2.75rem 0 0;
}
.c18c8-lead>section{
  margin:0 0 2.75rem;
}
.c18c8-page{
  display:grid;
  gap:3.5rem;
  align-items:start;
  margin:1.875rem 0 .75rem;
}
.c18c8-col{
  min-width:0;
}
.c18c8-col>*{
  margin:0 0 2.5rem;
}
.c18c8-col .c18c8-prose{
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.c18c8-lead h2,.c18c8-col h2,.c18c8-related h2{
  font-size:clamp(1.5rem,2.4vw,2rem);
  margin:0 0 1.125rem;
}
.c18c8-col .c18c8-prose h2{
  position:relative;
  padding-top:1.25rem;
  margin-top:.5rem;
}
.c18c8-col .c18c8-prose h2::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:2.5rem;
  height:.1875rem;
  border-radius:.125rem;
  background:var(--acc);
}
.c18c8-side{
  display:none;
}
.c18c8-col .c18c8-steps ol{
  grid-template-columns:1fr;
  gap:.625rem;
}
.c18c8-col .c18c8-steps li{
  align-items:center;
  padding:.875rem 1rem;
}
.c18c8-side__offer{
  background:var(--panel);
  border:.0625rem solid var(--line);
  border-top:.25rem solid var(--acc);
  border-radius:var(--r);
  padding:1.25rem;
}
.c18c8-side__offer b,.c18c8-side__toc b{
  display:block;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--dim);
  margin-bottom:.5rem;
}
.c18c8-side__offer p{
  margin:0 0 1rem;
  font:700 1.25rem/1.3 Georgia,'Times New Roman',serif;
  color:var(--text);
}
.c18c8-side__offer .c18c8-btn{
  width:100%;
}
.c18c8-side__offer small{
  display:block;
  margin-top:.625rem;
  font-size:.75rem;
  color:var(--dim);
}
.c18c8-side__toc{
  background:var(--panel);
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  padding:1.125rem 1.25rem;
}
.c18c8-side__toc ol{
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:t;
}
.c18c8-side__toc li{
  counter-increment:t;
  display:flex;
  gap:.625rem;
  padding:.4375rem 0;
  border-top:.0625rem solid var(--line);
  font-size:.875rem;
  line-height:1.4;
}
.c18c8-side__toc li:first-child{
  border-top:0;
}
.c18c8-side__toc li::before{
  content:counter(t);
  color:var(--acc);
  font-weight:700;
  min-width:.875rem;
}
.c18c8-side__toc a{
  color:var(--dim);
}
.c18c8-side__toc a:hover{
  color:var(--text);
  text-decoration:none;
}
.c18c8-card,.c18c8-steps li,.c18c8-pc__col,.c18c8-faq details,.c18c8-author,.c18c8-rel,.c18c8-toc,table{
  background:var(--panel);
  border:.0625rem solid var(--line);
  box-shadow:none;
}
.c18c8-card{
  background:var(--panel);
}
.c18c8-ctabar{
  background:var(--cta-bg);
  color:var(--hero-text);
  border:0;
  padding:1.5rem 1.625rem;
}
.c18c8-ctabar p{
  font:600 1.125rem/1.45 Georgia,'Times New Roman',serif;
}
.c18c8-media img{
  border-radius:var(--r);
}
.c18c8-related{
  margin:.75rem 0 4rem;
}
.c18c8-toc summary{
  min-height:2.75rem;
  display:flex;
  align-items:center;
  list-style:none;
}
.c18c8-toc summary::-webkit-details-marker{
  display:none;
}
.c18c8-toc summary::after{
  content:"\25BE";
  margin-left:auto;
  color:var(--acc);
  font-size:.875rem;
}
.c18c8-toc[open] summary::after{
  content:"\25B4";
}
@media(min-width:66.3125rem){.c18c8-col .c18c8-tbl table{
  width:100%;
  max-width:100%;
}
.c18c8-col .c18c8-tbl td,.c18c8-col .c18c8-tbl th{
  max-width:none;
  white-space:normal;
}
}
@media(max-width:51.25rem){.c18c8-tbl table:not(:has(tr>td:nth-child(3))){
  width:100%;
  max-width:100%;
}
.c18c8-tbl table:not(:has(tr>td:nth-child(3))) td,.c18c8-tbl table:not(:has(tr>td:nth-child(3))) th{
  max-width:none;
  white-space:normal;
}
.c18c8-tbl td,.c18c8-tbl th{
  hyphens:manual;
}
.c18c8-hero__cta{
  display:grid;
  gap:.625rem;
}
.c18c8-hero__cta .c18c8-btn{
  width:100%;
}
}
.c18c8-tile--img small{
  color:var(--text);
  opacity:.72;
}
.c18c8-tbl caption{
  padding:0 .875rem .5rem;
}
.c18c8-band--hero .c18c8-hero__facts,.c18c8-band--hero .c18c8-hero--banner .c18c8-hero__side{
  background:var(--hero-tint);
  border-color:var(--hero-line);
  color:var(--hero-text);
}
.c18c8-band--hero .c18c8-hero__facts dt,.c18c8-band--hero .c18c8-hero__facts p{
  color:var(--hero-dim);
}
.c18c8-band--hero .c18c8-hero--banner .c18c8-hero__side .c18c8-hero__bonus{
  display:block;
  border:0;
  background:none;
  padding:0;
  margin:0 0 1.125rem;
}
header .c18c8-topbar{
  background:none;
  color:var(--hero-dim);
  border-color:var(--hero-line);
}
header .c18c8-navstrip{
  background:none;
  border-color:var(--hero-line);
}
header nav.c18c8-sub{
  border-color:var(--hero-line);
}
@media(min-width:51.3125rem){nav.c18c8-main>.c18c8-navgrp:last-child>.c18c8-navgrp__panel{
  left:auto;
  right:0;
}
}
@media(min-width:51.3125rem){header .c18c8-bar>.c18c8-logo+.c18c8-btn{
  margin-left:auto;
}
}
header .c18c8-navgrp[open]>summary{
  color:var(--hero-text);
  background:var(--hero-tint);
}
header .c18c8-navgrp__panel,header details.c18c8-navbox--always nav.c18c8-main{
  background:var(--hero-bg);
  border-color:var(--hero-line);
}
header .c18c8-navbox>summary,header details.c18c8-navbox--always>summary{
  color:var(--hero-text);
  border-color:var(--hero-line);
}
.c18c8-ctabar{
  color:var(--hero-text);
}
.c18c8-band--hero .c18c8-hero__shot{
  box-shadow:0 1.875rem 4.375rem rgba(0,0,0,.45);
}
@media(max-width:51.25rem){header nav.c18c8-main{
  background:var(--hero-bg);
}
.c18c8-band--hero .c18c8-hero__bonus{
  display:block;
}
.c18c8-lead{
  margin-top:1.875rem;
}
body>main{
  padding-bottom:4.75rem;
}
}
@media(min-width:51.3125rem){.c18c8-band--hero .c18c8-hero{
  grid-template-columns:1.05fr .95fr;
  gap:3.5rem;
  padding:3.5rem 0 4rem;
}
.c18c8-page{
  margin-top:2.75rem;
}
}
@media(min-width:66.3125rem){.c18c8-page{
  grid-template-columns:minmax(0,1fr) 18.75rem;
}
.c18c8-page--solo{
  grid-template-columns:minmax(0,47.5rem);
  justify-content:center;
}
.c18c8-side{
  display:grid;
  gap:1rem;
  position:sticky;
  top:5.5rem;
  align-self:start;
}
.c18c8-toc--m{
  display:none;
}
}

.c18c8-card,.c18c8-toc,.c18c8-pc__col,.c18c8-faq details,.c18c8-author,.c18c8-ctabar,.c18c8-rel,.c18c8-tile{
  border:0;
  box-shadow:none;
  background:var(--panel2);
}
.c18c8-btn{
  border-radius:62.4375rem;
  padding-left:1.625rem;
  padding-right:1.625rem;
}
.c18c8-hero__shot img,.c18c8-tile--img img{
  border-radius:1.375rem;
}
.c18c8-prose a{
  text-decoration:none;
  border-bottom:.0625rem dotted var(--acc);
}
.c18c8-card__amount{
  color:var(--acc);
}
.c18c8-steps li span{
  background:var(--acc2);
}
@media(min-width:51.3125rem){.c18c8-band--hero .c18c8-hero:not(.c18c8-hero--banner){
  grid-template-columns:.95fr 1.05fr;
}
.c18c8-band--hero .c18c8-hero:not(.c18c8-hero--banner)>.c18c8-hero__text{
  order:2;
}
}
.c18c8-col .c18c8-prose h2{
  padding-top:0;
  padding-bottom:.625rem;
  border-bottom:.0625rem solid var(--line);
}
.c18c8-col .c18c8-prose h2::before{
  display:none;
}
.c18c8-band--hero .c18c8-hero__bonus{
  border:0;
  background:none;
  padding:0;
  border-radius:0;
  font-size:clamp(1.4375rem,2.6vw,2rem);
}
.c18c8-ctabar{
  background:var(--cta-bg);
  border:0;
  box-shadow:none;
}

.c18c8-tiles{
  grid-template-columns:repeat(var(--tc,6),minmax(0,1fr));
  gap:1rem;
}
.c18c8-tile--img img{
  border:0;
}
.c18c8-col .c18c8-tiles{
  grid-template-columns:repeat(var(--tcn,4),minmax(0,1fr));
}
@media(max-width:66.25rem){.c18c8-tiles{
  grid-template-columns:repeat(var(--tcn,4),minmax(0,1fr));
}
}
@media(min-width:66.3125rem){.c18c8-tiles--feature>.c18c8-tile:first-child{
  grid-column:span 2;
  grid-row:span 2;
}
.c18c8-tiles--feature>.c18c8-tile:first-child b{
  font-size:1.1875rem;
}
.c18c8-col .c18c8-tiles--feature>.c18c8-tile:first-child{
  grid-column:auto;
  grid-row:auto;
}
.c18c8-col .c18c8-tiles--feature>.c18c8-tile:first-child b{
  font-size:.875rem;
}
}
.c18c8-tiles--rail,.c18c8-col .c18c8-tiles--rail{
  display:flex;
  gap:.875rem;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  padding:.25rem .125rem .875rem;
  scrollbar-width:thin;
}
.c18c8-tiles--rail>.c18c8-tile{
  flex:0 0 10.75rem;
  scroll-snap-align:start;
}
.c18c8-tiles--poster>.c18c8-tile--img{
  position:relative;
  border-radius:var(--r);
  overflow:hidden;
}
.c18c8-tiles--poster>.c18c8-tile--img img{
  aspect-ratio:3/4;
  border-radius:0;
}
.c18c8-tiles--poster>.c18c8-tile--img span{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:2.25rem .75rem .75rem;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.84));
}
.c18c8-tiles--poster>.c18c8-tile--img b{
  color:rgb(255,255,255);
}
.c18c8-tiles--poster>.c18c8-tile--img small{
  color:rgba(255,255,255,.8);
}
.c18c8-tiles--list{
  gap:.625rem 1.125rem;
}
.c18c8-tiles--list>.c18c8-tile--img{
  flex-direction:row;
  align-items:center;
  gap:.875rem;
  padding:.625rem;
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  background:var(--panel);
}
.c18c8-tiles--list>.c18c8-tile--img img{
  width:4rem;
  flex:none;
  border-radius:calc(var(--r) * .6);
}
.c18c8-tiles--list>.c18c8-tile--img span{
  padding:0;
  flex:1;
  min-width:0;
}
.c18c8-tiles--list>.c18c8-tile--img::after{
  content:"\203A";
  font-size:1.375rem;
  line-height:1;
  color:var(--acc);
  padding-right:.375rem;
}
.c18c8-tiles--list>.c18c8-tile--img:hover img{
  transform:none;
}
@media(max-width:51.25rem){.c18c8-tiles,.c18c8-col .c18c8-tiles{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
.c18c8-tiles--feature>.c18c8-tile:first-child{
  grid-column:span 2;
}
.c18c8-tiles--rail>.c18c8-tile{
  flex-basis:8.5rem;
}
.c18c8-tiles--list,.c18c8-col .c18c8-tiles--list{
  grid-template-columns:1fr;
}
}

.c18c8-btn:not(.c18c8-btn--ghost){
  background:rgb(49,188,105);
  color:rgb(13,15,20);
}
@media(max-width:51.25rem){nav.c18c8-main a,nav.c18c8-main>details>summary,.c18c8-navbox>summary{
  min-height:2.625rem;
  display:flex;
  align-items:center;
}
}
.c18c8-cards dt{
  display:grid;
  gap:.125rem;
  margin:1.125rem 0 .375rem;
}
.c18c8-cards dt:first-child{
  margin-top:0;
}
.c18c8-cards dd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem 1.125rem;
  margin:0;
  padding-bottom:1rem;
  border-bottom:.0625rem solid var(--line);
}
.c18c8-cards dd:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.c18c8-cards dd .c18c8-btn{
  flex:0 0 auto;
  margin-left:auto;
}
.c18c8-card__amount.amt-text{
  font-size:1.125rem!important;
  letter-spacing:0!important;
  line-height:1.3;
  color:var(--text);
}
.c18c8-tile--img b{
  line-height:1.2;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.c18c8-tile--img span{
  display:flex;
  flex-direction:column;
}
.c18c8-tile--img small{
  order:-1;
  margin:0 0 .1875rem;
}
.media--shot{
  border:.0625rem solid var(--line);
  border-radius:.75rem;
  overflow:hidden;
  background:var(--panel);
}
.media--shot::before{
  content:'';
  display:block;
  height:.75rem;
  background:var(--panel2);
  border-bottom:.0625rem solid var(--line);
}
.media--shot img{
  border:0;
  border-radius:0;
  box-shadow:none;
}
.media--shot figcaption{
  padding:.5rem .75rem .625rem;
  margin:0;
}
h1,h2,h3{
  hyphens:manual;
}
@media(max-width:51.25rem){.c18c8-tbl{
  position:relative;
}
.c18c8-tbl:has(tr>td:nth-child(3))::after{
  content:'\2194';
  display:block;
  position:sticky;
  left:0;
  width:max-content;
  font-size:.9375rem;
  line-height:1;
  color:var(--dim);
  padding:.3125rem .25rem 0;
}
.c18c8-tbl caption{
  max-width:calc(100vw - 2rem);
  position:sticky;
  left:0;
  white-space:normal;
}
*:has(>.c18c8-navbox){
  position:relative;
}
.c18c8-navbox{
  display:block;
  width:max-content;
  order:2;
  margin-left:auto;
  position:static;
}
.c18c8-navbox>summary{
  display:inline-flex;
  align-items:center;
  width:auto;
  min-height:2.625rem;
  padding:0 .75rem;
}
.c18c8-navbox nav.c18c8-main{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  z-index:25;
  margin:0;
  padding:.5rem;
  background:var(--panel);
  border:.0625rem solid var(--line);
  border-radius:var(--r);
  box-shadow:0 .875rem 2.125rem rgba(0,0,0,.25);
}
header .c18c8-navbox nav.c18c8-main{
  background:var(--hero-bg);
  border-color:var(--hero-line);
}
}
@media(max-width:51.25rem){body>main{
  padding-bottom:4.125rem;
}
}
@media(max-width:51.25rem){.c18c8-cards dd{
  flex-direction:column;
  align-items:stretch;
}
.c18c8-cards dd .c18c8-btn{
  margin-left:0;
  width:100%;
}
}
@media(min-width:51.3125rem) and (max-width:66.25rem){.c18c8-page{
  grid-template-columns:minmax(0,51.25rem);
  justify-content:center;
}
}