.page-disclaimer{
  --terms-sidebar-w: 15rem;
  --terms-gold:#F5C518;
  --terms-gold-glow:#E6C84F;
  --terms-red:#C62828;
  --terms-deep:#8E1D1D;
  --terms-card:#2D2D30;
  --terms-muted:#C9C9CE;
  --terms-line:rgba(245,197,24,.26);
}
.page-disclaimer{
  font-family:var(--font-body);
  color:#F5F5F7;
  background:
    radial-gradient(50rem 28rem at 90% -4%, rgba(198,40,40,.22), transparent 60%),
    radial-gradient(28rem 18rem at -10% 34%, rgba(245,197,24,.06), transparent 55%),
    var(--c-bg-dark);
}
.page-disclaimer .terms-hero{
  position:relative;
  padding-block:2.25rem 3.25rem;
  border-bottom:1px solid var(--terms-line);
}
.page-disclaimer .terms-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, rgba(198,40,40,.16), transparent 62%);
  pointer-events:none;
}
.page-disclaimer .terms-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:6px;
  background:repeating-linear-gradient(-45deg, var(--terms-red) 0 12px, transparent 12px 18px);
  opacity:.8;
}
.page-disclaimer .terms-hero-inner{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  align-items:center;
}
.page-disclaimer .terms-hero-title{
  font-family:var(--font-head);
  font-size:clamp(2rem, 7vw, 3.75rem);
  line-height:1.15;
  margin:.75rem 0 1rem;
  color:#F5F5F7;
  text-shadow:0 2px 12px rgba(198,40,40,.35);
}
.page-disclaimer .terms-hero-lead{
  font-size:1.0625rem;
  line-height:2;
  color:var(--terms-muted);
  max-width:34rem;
  margin:0;
}
.page-disclaimer .terms-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  align-items:center;
  margin-top:1.25rem;
}
.page-disclaimer .terms-hero-version{
  font-family:var(--font-num);
  font-size:.875rem;
  color:var(--terms-gold);
  border:1px solid rgba(245,197,24,.4);
  padding:.375rem .75rem;
  background:rgba(198,40,40,.18);
}
.page-disclaimer .terms-hero-related{
  font-size:.875rem;
  color:#F5F5F7;
  text-decoration:none;
  border-bottom:1px dashed var(--terms-gold);
  padding-bottom:2px;
  transition:color .25s, border-color .25s;
}
.page-disclaimer .terms-hero-related:hover{
  color:var(--terms-gold-glow);
  border-color:var(--terms-gold-glow);
}
.page-disclaimer .terms-hero-media{
  margin:0;
}
.page-disclaimer .terms-hero-img{
  width:100%;
  height:auto;
  display:block;
  margin-inline:auto;
  max-width:600px;
  border:1px solid var(--terms-line);
  box-shadow:0 1.25rem 3rem rgba(0,0,0,.35);
}
.page-disclaimer .terms-hero-cap{
  margin-top:.75rem;
  font-size:.8125rem;
  color:var(--terms-muted);
  text-align:center;
  letter-spacing:.06em;
}
.page-disclaimer .terms-layout{
  display:block;
  padding-block:2.5rem 3.5rem;
}
.page-disclaimer .terms-index{
  border:1px solid var(--terms-line);
  background:linear-gradient(160deg, rgba(45,45,48,.62), rgba(26,26,29,.78));
  padding:1.25rem 1.25rem 1.5rem;
  margin-bottom:2rem;
}
.page-disclaimer .terms-index-kicker{
  font-family:var(--font-head);
  font-size:1.375rem;
  color:var(--terms-gold);
  margin:0 0 1rem;
  padding-bottom:.625rem;
  border-bottom:2px solid rgba(245,197,24,.28);
}
.page-disclaimer .terms-index-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.page-disclaimer .terms-index-item{
  font-size:.9375rem;
}
.page-disclaimer .terms-index-item a{
  color:#F5F5F7;
  text-decoration:none;
  display:inline-block;
  padding:.375rem .625rem;
  border:1px solid rgba(245,197,24,.22);
  background:rgba(198,40,40,.12);
  transition:border-color .25s, background .25s, color .25s;
}
.page-disclaimer .terms-index-item a:hover,
.page-disclaimer .terms-index-item a:focus-visible{
  border-color:var(--terms-gold);
  background:rgba(245,197,24,.14);
  color:var(--terms-gold-glow);
  outline:none;
}
.page-disclaimer .terms-index-note{
  font-size:.875rem;
  color:var(--terms-muted);
  line-height:1.8;
  margin:1rem 0 0;
}
.page-disclaimer .terms-index-note a{
  color:var(--terms-gold-glow);
  text-decoration:none;
  border-bottom:1px solid rgba(245,197,24,.4);
  transition:border-color .25s;
}
.page-disclaimer .terms-index-note a:hover{
  border-color:var(--terms-gold-glow);
}
.page-disclaimer .terms-clause{
  display:grid;
  grid-template-columns:3rem 1fr;
  gap:1.25rem 1rem;
  padding-block:1.75rem;
}
.page-disclaimer .terms-clause + .terms-clause{
  position:relative;
  padding-top:1.75rem;
}
.page-disclaimer .terms-clause + .terms-clause::before{
  content:"";
  position:absolute;
  top:-2px;
  left:0;
  right:0;
  height:2px;
  background:repeating-linear-gradient(-45deg, rgba(198,40,40,.75) 0 10px, rgba(142,29,29,.9) 10px 12px);
}
.page-disclaimer .clause-mark{
  font-family:var(--font-head);
  font-size:1.25rem;
  color:var(--terms-gold);
  width:2.5rem;
  height:2.5rem;
  display:grid;
  place-items:center;
  border:1.5px solid rgba(245,197,24,.6);
  transform:rotate(-4deg);
  background:linear-gradient(135deg, rgba(198,40,40,.15), rgba(142,29,29,.05));
  line-height:1;
  margin-top:.25rem;
}
.page-disclaimer .clause-main{
  min-width:0;
}
.page-disclaimer .clause-main h2{
  font-family:var(--font-head);
  font-size:1.3rem;
  margin:.25em 0 .75em;
  color:#F5F5F7;
  letter-spacing:.08em;
}
.page-disclaimer .clause-main p{
  line-height:1.95;
  font-size:.9375rem;
  color:rgba(245,245,247,.86);
  margin:0 0 1rem;
}
.page-disclaimer .clause-list{
  margin:0 0 1rem;
  padding-left:1.5rem;
  color:rgba(245,245,247,.86);
  line-height:1.95;
}
.page-disclaimer .clause-list li + li{
  margin-top:.5rem;
}
.page-disclaimer .clause-note{
  font-size:.875rem;
  color:var(--terms-muted);
  border-left:2px solid rgba(245,197,24,.5);
  padding-left:.75rem;
}
.page-disclaimer .clause-tip{
  font-size:.875rem;
  color:var(--terms-gold);
  background:rgba(198,40,40,.14);
  border:1px solid rgba(245,197,24,.22);
  padding:.625rem .875rem;
}
.page-disclaimer .clause-figure{
  margin:1.25rem 0;
  max-width:420px;
}
.page-disclaimer .clause-figure img{
  width:100%;
  height:auto;
  display:block;
  border:1px solid var(--terms-line);
}
.page-disclaimer .clause-seal{
  width:5.5rem;
  height:5.5rem;
  border:3px double var(--terms-gold);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:var(--font-head);
  font-size:.8125rem;
  line-height:1.3;
  color:var(--terms-gold);
  transform:rotate(-8deg);
  transition:transform .25s ease;
  margin:1.25rem 0 0 auto;
}
.page-disclaimer .clause-seal:hover{
  transform:rotate(0deg) scale(1.06);
}
.page-disclaimer .terms-note{
  background:
    linear-gradient(120deg, rgba(198,40,40,.18), transparent),
    var(--terms-deep);
  border-top:2px solid var(--terms-gold);
  border-bottom:2px solid var(--terms-gold);
  animation:disclaimerNoteRise .3s ease-out both;
}
@keyframes disclaimerNoteRise{
  from{opacity:0; transform:translateY(14px);}
  to{opacity:1; transform:translateY(0);}
}
.page-disclaimer .terms-note-inner{
  display:flex;
  flex-wrap:wrap;
  gap:.875rem;
  align-items:center;
  padding-block:1.5rem;
}
.page-disclaimer .terms-note-ball{
  width:.875rem;
  height:.875rem;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, var(--terms-gold-glow), var(--terms-gold) 45%, var(--terms-deep));
  box-shadow:0 0 12px rgba(245,197,24,.6);
  flex:0 0 auto;
}
.page-disclaimer .terms-note-msg{
  margin:0;
  font-family:var(--font-head);
  font-size:1.0625rem;
  color:#F5F5F7;
  flex:1 1 16rem;
}
.page-disclaimer .terms-note-link{
  color:#F5F5F7;
  font-size:.9375rem;
  border:1px solid rgba(245,197,24,.5);
  padding:.375rem .75rem;
  text-decoration:none;
  transition:background .25s, border-color .25s;
}
.page-disclaimer .terms-note-link:hover{
  background:rgba(245,197,24,.12);
  border-color:var(--terms-gold);
}

@media (min-width:52rem){
  .page-disclaimer .terms-hero{
    padding-block:3rem 4.25rem;
  }
  .page-disclaimer .terms-hero-inner{
    grid-template-columns:minmax(0, 1fr) 30rem;
    gap:3rem;
  }
  .page-disclaimer .terms-hero-media{
    justify-self:end;
  }
  .page-disclaimer .terms-layout{
    display:grid;
    grid-template-columns:var(--terms-sidebar-w) minmax(0, 1fr);
    gap:3rem;
    padding-block:3.5rem 4.5rem;
  }
  .page-disclaimer .terms-index{
    position:sticky;
    top:calc(var(--header-h) + 1.25rem);
    margin-bottom:0;
    align-self:start;
  }
  .page-disclaimer .terms-index-list{
    display:block;
  }
  .page-disclaimer .terms-index-item + .terms-index-item{
    margin-top:.25rem;
  }
  .page-disclaimer .terms-index-item a{
    display:block;
    border:none;
    background:transparent;
    padding:.375rem .5rem;
    border-left:2px solid rgba(245,197,24,.22);
    border-radius:0;
  }
  .page-disclaimer .terms-index-item a:hover,
  .page-disclaimer .terms-index-item a:focus-visible{
    background:rgba(245,197,24,.08);
    border-left-color:var(--terms-gold);
  }
}

@media (min-width:64rem){
  .page-disclaimer .terms-hero-inner{
    grid-template-columns:minmax(0, 1fr) 34rem;
  }
}

@media (prefers-reduced-motion: reduce){
  .page-disclaimer .terms-note{
    animation:none;
  }
  .page-disclaimer .clause-seal{
    transition:none;
  }
}
