.page-disclaimer{
  --disclaimer-gold-line:linear-gradient(90deg,transparent,#FFD700,transparent);
  --disclaimer-panel-bg:rgba(17,24,39,0.58);
  position:relative;
  background-image:radial-gradient(920px 500px at 50% -120px, rgba(30,27,75,0.6), transparent 72%);
}

.page-disclaimer::before{
  content:"";
  position:absolute;
  top:280px;
  left:6%;
  width:220px;
  height:220px;
  border:1px solid rgba(0,191,255,0.14);
  border-radius:28px;
  transform:rotate(14deg);
  pointer-events:none;
}

.page-disclaimer::after{
  content:"";
  position:absolute;
  top:640px;
  right:5%;
  width:260px;
  height:200px;
  border:1px solid rgba(0,255,136,0.1);
  transform:rotate(-9deg);
  pointer-events:none;
}

.page-disclaimer .container{
  position:relative;
  z-index:1;
  padding-inline:1.25rem;
}

.page-disclaimer .breadcrumb{
  justify-content:center;
  padding-top:1.75rem;
}

.page-disclaimer .breadcrumb [aria-current="page"]{
  color:var(--c-gold);
}

.page-disclaimer .disclaimer-hero{
  position:relative;
  text-align:center;
  padding:3rem 1rem 2.25rem;
  margin-top:1rem;
  background:var(--grad-header);
  border:1px solid rgba(255,215,0,0.2);
  border-radius:var(--radius);
  overflow:hidden;
}

.page-disclaimer .disclaimer-hero::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-60px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,215,0,0.14), transparent 72%);
  pointer-events:none;
}

.page-disclaimer .disclaimer-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  border:1px solid rgba(255,215,0,0.4);
  border-radius:999px;
  padding:0.35rem 0.9rem;
  font-family:var(--font-display);
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--c-gold);
  background:rgba(255,215,0,0.06);
}

.page-disclaimer .disclaimer-pill-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--c-gold);
}

.page-disclaimer .disclaimer-hero h1{
  margin:1.5rem 0 0.75rem;
  font-family:var(--font-display);
  font-size:clamp(2rem, 6vw, 3.5rem);
  font-weight:700;
  letter-spacing:0.08em;
  line-height:1.08;
  color:var(--c-text);
}

.page-disclaimer .disclaimer-hero-lead{
  max-width:34rem;
  margin:0 auto;
  font-size:1rem;
  line-height:1.85;
  color:var(--c-muted);
}

.page-disclaimer .disclaimer-hero-img{
  display:block;
  width:300px;
  max-width:100%;
  height:auto;
  margin:2rem auto 0;
  border-radius:var(--radius);
  border:1px solid rgba(255,215,0,0.25);
  box-shadow:0 18px 44px rgba(0,0,0,0.35);
}

.page-disclaimer .disclaimer-chapters{
  max-width:52rem;
  margin:2.5rem auto 2rem;
  padding-block:0.875rem;
  border-top:1px solid var(--c-line);
  border-bottom:1px solid var(--c-line);
}

.page-disclaimer .disclaimer-chapter-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0.4rem 1.6rem;
  list-style:none;
  margin:0;
  padding:0;
}

.page-disclaimer .disclaimer-chapter-list a{
  font-family:var(--font-display);
  font-size:0.9rem;
  font-weight:600;
  letter-spacing:0.08em;
  color:var(--c-muted);
  text-decoration:none;
  padding:0.3rem 0;
  border-bottom:2px solid transparent;
  transition:color var(--tr), border-color var(--tr);
}

.page-disclaimer .disclaimer-chapter-list a:hover,
.page-disclaimer .disclaimer-chapter-list a:focus{
  color:var(--c-gold);
  border-color:var(--c-gold);
  outline:none;
}

.page-disclaimer .disclaimer-sections{
  max-width:52rem;
  margin:0 auto;
  padding-bottom:4rem;
}

.page-disclaimer .disclaimer-section{
  position:relative;
  text-align:center;
  padding:2.75rem 1rem 2.25rem;
  margin-top:1.25rem;
  background:var(--disclaimer-panel-bg);
  border:1px solid var(--c-line);
  border-top-color:rgba(255,215,0,0.22);
  border-radius:var(--radius);
  transition:border-color var(--tr), transform var(--tr);
}

.page-disclaimer .disclaimer-section:hover{
  border-color:rgba(255,215,0,0.32);
  transform:translateY(-2px);
}

.page-disclaimer .disclaimer-section-index{
  display:inline-block;
  padding:0.3rem 0.75rem;
  border:1px solid rgba(255,215,0,0.35);
  border-radius:var(--radius-sm);
  font-family:var(--font-display);
  font-size:0.85rem;
  font-weight:700;
  letter-spacing:0.3em;
  color:var(--c-gold);
  background:rgba(255,215,0,0.05);
}

.page-disclaimer .disclaimer-section-title{
  margin:1rem 0 0.6rem;
  font-family:var(--font-display);
  font-size:clamp(1.5rem, 4vw, 2rem);
  font-weight:700;
  letter-spacing:0.18em;
  line-height:1.2;
  color:var(--c-text);
}

.page-disclaimer .disclaimer-section-hairline{
  display:block;
  width:90px;
  height:2px;
  margin:0 auto 1.75rem;
  background:var(--disclaimer-gold-line);
}

.page-disclaimer .disclaimer-section-body{
  max-width:38rem;
  margin-inline:auto;
  text-align:left;
  font-size:0.975rem;
  line-height:1.9;
  color:var(--c-muted);
}

.page-disclaimer .disclaimer-section-body p + p{
  margin-top:1.1rem;
}

.page-disclaimer .disclaimer-note-box{
  margin-top:1.75rem;
  padding:1.25rem 1.4rem;
  border-left:3px solid var(--c-gold);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  background:rgba(255,215,0,0.05);
}

.page-disclaimer .disclaimer-note-box strong{
  display:block;
  margin-bottom:0.35rem;
  font-family:var(--font-display);
  font-size:0.875rem;
  font-weight:700;
  letter-spacing:0.14em;
  color:var(--c-gold);
}

.page-disclaimer .disclaimer-note-box p{
  margin:0;
  font-size:0.9rem;
}

.page-disclaimer .disclaimer-related{
  max-width:52rem;
  margin:0 auto 4rem;
  padding:2rem 1rem 0;
  border-top:1px solid var(--c-line);
  text-align:center;
}

.page-disclaimer .disclaimer-related-title{
  margin:0 0 1.25rem;
  font-family:var(--font-display);
  font-size:1rem;
  font-weight:600;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--c-muted);
}

.page-disclaimer .disclaimer-related-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0.75rem;
}

.page-disclaimer .disclaimer-related-link{
  display:inline-flex;
  align-items:center;
  gap:0.55rem;
  padding:0.65rem 1.25rem;
  border:1px solid var(--c-line);
  border-radius:var(--radius-sm);
  background:rgba(17,24,39,0.65);
  font-family:var(--font-display);
  font-size:0.875rem;
  font-weight:600;
  letter-spacing:0.1em;
  color:var(--c-text);
  text-decoration:none;
  transition:border-color var(--tr), color var(--tr), background var(--tr), transform var(--tr);
}

.page-disclaimer .disclaimer-related-link::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--grad-accent);
}

.page-disclaimer .disclaimer-related-link:hover,
.page-disclaimer .disclaimer-related-link:focus{
  border-color:var(--c-accent);
  color:var(--c-accent);
  background:rgba(0,255,136,0.06);
  transform:translateY(-2px);
  outline:none;
}

.page-disclaimer :focus-visible{
  outline:2px solid var(--c-blue);
  outline-offset:3px;
}

@media(min-width:768px){
  .page-disclaimer .container{
    padding-inline:2rem;
  }

  .page-disclaimer .breadcrumb{
    padding-top:2.25rem;
  }

  .page-disclaimer .disclaimer-hero{
    padding:4.25rem 2rem 3rem;
    margin-top:1.5rem;
  }

  .page-disclaimer .disclaimer-hero h1{
    letter-spacing:0.1em;
  }

  .page-disclaimer .disclaimer-chapters{
    margin-top:3rem;
  }

  .page-disclaimer .disclaimer-section{
    padding:3.25rem 2rem 2.75rem;
    margin-top:1.75rem;
  }

  .page-disclaimer .disclaimer-sections{
    padding-bottom:5rem;
  }
}
