.page-privacy{
  background: var(--color-night);
  color: var(--color-paper);
  font-family: var(--font-body);
}

.page-privacy .privacy-shell{
  width:100%;
  max-width: var(--container-w);
  margin:0 auto;
  padding: var(--container-pad);
}

.page-privacy .breadcrumb{
  margin-bottom:1.5rem;
}

.page-privacy .breadcrumb-list{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  list-style:none;
  margin:0;
  padding:0;
  font-size:.875rem;
}

.page-privacy .breadcrumb-item + .breadcrumb-item::before{
  content:"/";
  color: var(--color-edge);
  margin-right:.5rem;
}

.page-privacy .breadcrumb-link{
  color: var(--color-lime);
  text-decoration:none;
}

.page-privacy .privacy-hero{
  border-bottom:3px solid var(--color-lime);
  margin-bottom:2rem;
  padding-bottom:1.5rem;
}

.page-privacy .privacy-hero-topline{
  display:flex;
  align-items:center;
  gap:.75rem;
  flex-wrap:wrap;
  margin-bottom:1rem;
}

.page-privacy .privacy-hero .section-label{
  background: var(--color-lime);
  color: var(--color-night);
  font-family: var(--font-head);
  font-weight:700;
  text-transform:uppercase;
  padding:.3rem .7rem;
  letter-spacing:.04em;
  clip-path:polygon(0 0,100% 0,calc(100% - .5rem) 100%,0 100%);
}

.page-privacy .version-tag{
  font-family: var(--font-mono);
  font-size:.85rem;
  color: var(--color-lime);
  border:1px solid var(--color-edge);
  border-radius: var(--radius-sm);
  padding:.25rem .5rem;
}

.page-privacy .privacy-title{
  font-family: var(--font-head);
  font-size:clamp(2.2rem, 6vw, 3.8rem);
  line-height:1.02;
  font-weight:800;
  letter-spacing:.01em;
  margin:0 0 1rem;
  color: var(--color-paper);
  position:relative;
  padding-left:1.25rem;
  max-width:14em;
}

.page-privacy .privacy-title::before{
  content:"";
  position:absolute;
  left:0;
  top:.18em;
  width:.6rem;
  height:.8em;
  background: var(--color-lime);
  box-shadow:3px 3px 0 var(--color-yellow);
}

.page-privacy .privacy-lead{
  font-size:1.125rem;
  line-height:1.75;
  color: var(--color-fog);
  max-width:75ch;
  margin:0 0 1.5rem;
}

.page-privacy .privacy-meta{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:1rem;
  margin-bottom:1.5rem;
}

.page-privacy .meta-item{
  background: var(--color-moss);
  border:1px solid var(--color-edge);
  border-radius: var(--radius-sm);
  padding:.8rem 1rem;
  box-shadow:3px 3px 0 rgba(58, 63, 58, .6);
}

.page-privacy .meta-label{
  display:block;
  font-family: var(--font-mono);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color: var(--color-fog);
  margin-bottom:.25rem;
}

.page-privacy .meta-value{
  font-family: var(--font-head);
  font-size:1.25rem;
  color: var(--color-paper);
  font-weight:700;
}

.page-privacy .privacy-hero-media{
  margin-top:1rem;
}

.page-privacy .privacy-hero-img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid var(--color-edge);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
}

.page-privacy .privacy-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  align-items:start;
}

.page-privacy .privacy-toc{
  background:
    linear-gradient(rgba(58, 63, 58, .35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58, 63, 58, .35) 1px, transparent 1px),
    var(--color-moss);
  background-size:24px 24px;
  border:1px solid var(--color-edge);
  border-left:4px solid var(--color-lime);
  border-radius: var(--radius-md);
  padding:1.25rem 1rem;
  box-shadow: var(--shadow-card);
}

.page-privacy .toc-title{
  font-family: var(--font-head);
  font-weight:700;
  font-size:1.25rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin:0 0 .75rem;
}

.page-privacy .toc-list{
  list-style:none;
  margin:0 0 1rem;
  padding:0;
}

.page-privacy .toc-link{
  display:block;
  padding:.45rem .5rem;
  border-left:2px solid transparent;
  color: var(--color-fog);
  text-decoration:none;
  font-size:.95rem;
  line-height:1.4;
  transition: border-color var(--time-fast), color var(--time-fast), background var(--time-fast);
}

.page-privacy .toc-link:hover{
  border-left-color: var(--color-yellow);
  color: var(--color-yellow);
  background: rgba(163, 230, 53, .08);
}

.page-privacy .toc-note{
  border-top:1px solid var(--color-edge);
  padding-top:.75rem;
}

.page-privacy .toc-note-label{
  display:block;
  font-family: var(--font-mono);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color: var(--color-fog);
}

.page-privacy .toc-note-value{
  display:block;
  font-family: var(--font-mono);
  font-size:1.75rem;
  color: var(--color-lime);
  margin:.25rem 0 .1rem;
}

.page-privacy .toc-note-caption{
  font-size:.875rem;
  color: var(--color-fog);
}

.page-privacy .privacy-content{
  min-width:0;
}

.page-privacy .privacy-section{
  margin-bottom:2.5rem;
  scroll-margin-top:1rem;
}

.page-privacy .privacy-section-title{
  font-family: var(--font-head);
  font-size:clamp(1.6rem, 3.2vw, 2.3rem);
  line-height:1.1;
  font-weight:800;
  margin:0 0 .75rem;
  padding-left:.9rem;
  position:relative;
}

.page-privacy .privacy-section-title::before{
  content:"";
  position:absolute;
  left:0;
  top:.3em;
  width:.45rem;
  height:.7em;
  background: var(--color-lime);
  clip-path:polygon(0 0,100% 0,85% 100%,0 100%);
}

.page-privacy .privacy-body{
  font-size:1rem;
  line-height:1.75;
  color: var(--color-fog);
  margin:0 0 .75rem;
}

.page-privacy .privacy-body a{
  color: var(--color-yellow);
  text-decoration-thickness:2px;
  text-underline-offset:2px;
}

.page-privacy .privacy-list{
  list-style:none;
  margin:0 0 1rem;
  padding:0;
}

.page-privacy .privacy-list li{
  position:relative;
  padding-left:1.5rem;
  margin-bottom:.6rem;
  line-height:1.65;
  color: var(--color-fog);
}

.page-privacy .privacy-list li::before{
  content:"";
  position:absolute;
  left:.2rem;
  top:.62em;
  width:.4rem;
  height:.4rem;
  background: var(--color-yellow);
  transform:rotate(45deg);
}

.page-privacy .privacy-list strong{
  color: var(--color-paper);
  font-weight:700;
}

.page-privacy strong.privacy-keyword{
  color: var(--color-yellow);
}

.page-privacy .privacy-keyword{
  color: var(--color-yellow);
  font-weight:600;
}

.page-privacy .privacy-highlight{
  background: linear-gradient(135deg, rgba(163, 230, 53, .14), rgba(253, 224, 71, .06));
  border:1px solid var(--color-lime);
  border-left-width:4px;
  border-radius: var(--radius-sm);
  padding:1rem 1.25rem;
  margin:1.25rem 0;
  display:flex;
  flex-direction:column;
  gap:.25rem;
}

.page-privacy .highlight-label{
  font-family: var(--font-mono);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color: var(--color-lime);
}

.page-privacy .highlight-value{
  font-family: var(--font-head);
  font-size:1.5rem;
  line-height:1.2;
  color: var(--color-paper);
}

.page-privacy .highlight-caption{
  font-size:.875rem;
  color: var(--color-fog);
}

.page-privacy .privacy-feedback{
  margin-top:3rem;
  background: var(--color-moss);
  border:1px solid var(--color-edge);
  border-radius: var(--radius-md);
  padding:1.75rem;
  box-shadow: var(--shadow-card);
}

.page-privacy .privacy-feedback-title{
  font-family: var(--font-head);
  font-size:1.75rem;
  line-height:1.2;
  margin:0 0 .5rem;
}

.page-privacy .privacy-links{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:1.25rem;
}

.page-privacy .privacy-links .btn{
  flex:0 1 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

@media (min-width: 960px){
  .page-privacy .privacy-layout{
    grid-template-columns:minmax(0, 1fr) 300px;
  }

  .page-privacy .privacy-content{
    grid-column:1;
    grid-row:1;
  }

  .page-privacy .privacy-toc{
    grid-column:2;
    grid-row:1;
    position:sticky;
    top:2rem;
  }

  .page-privacy .privacy-hero-media{
    margin-right:2rem;
  }
}