.page-deepdoc{
  background:
    radial-gradient(ellipse at top right,var(--accent-glow-soft),transparent 34rem),
    var(--bg);
}

.deepdoc-hero{
  position:relative;
  border-bottom:1px solid var(--border);
  background-image:radial-gradient(var(--grid-dot) 1px,transparent 1.2px);
  background-size:28px 28px;
}

.deepdoc-hero::after{
  content:"";
  position:absolute;
  right:var(--gutter);
  bottom:0;
  width:min(34vw,420px);
  height:1px;
  background:var(--accent);
  box-shadow:0 0 18px var(--accent-glow-strong);
}

.deepdoc-hero .reading{
  margin-inline:auto;
}

.deepdoc-hero h1{
  max-width:760px;
}

.deepdoc-lead{
  max-width:760px;
  margin-top:22px;
  color:var(--text-muted);
  font-size:clamp(17px,1.7vw,20px);
}

.deepdoc-lead a{
  color:var(--accent);
  text-decoration:underline;
  text-decoration-color:var(--accent-dark);
  text-underline-offset:.2em;
}

.deepdoc-facts{
  margin-top:28px;
}

.deepdoc-layout{
  padding-top:34px;
  padding-bottom:var(--section-space);
}

.deepdoc-layout > .toc-tabs{
  top:12px;
  margin-inline:auto;
}

.deepdoc-prose{
  padding-top:10px;
}

.deepdoc-section{
  padding-top:54px;
  padding-bottom:18px;
  border-bottom:1px solid var(--border);
}

.deepdoc-section:last-child{
  border-bottom:0;
}

.deepdoc-prose .deepdoc-section > h2{
  position:relative;
  margin-top:0;
  padding-top:14px;
}

.deepdoc-prose .deepdoc-section > h2 .no-break{
  white-space:normal;
}

.deepdoc-prose .deepdoc-section > h2::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:72px;
  height:3px;
  background:var(--accent);
  border-radius:var(--radius-pill);
  box-shadow:0 0 14px var(--accent-glow-strong);
}

.deepdoc-prose h3{
  font-size:clamp(20px,2vw,25px);
}

.deepdoc-prose p{
  text-align:justify;
  text-justify:inter-ideograph;
}

.deepdoc-prose a{
  color:var(--accent);
  text-decoration:underline;
  text-decoration-color:var(--accent-dark);
  text-underline-offset:.2em;
}

.deepdoc-prose .table-scroll{
  margin-top:24px;
  margin-bottom:24px;
}

.deepdoc-prose table{
  color:var(--text-muted);
}

.deepdoc-prose pre{
  margin-top:20px;
  margin-bottom:20px;
}

.ticket-template{
  margin-top:28px;
  padding:24px;
  background:var(--bg-panel-2);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
}

.ticket-template h3{
  margin-top:0;
}

.ticket-template pre{
  margin-bottom:0;
  background:var(--bg);
}

@media (max-width:768px){
  .deepdoc-hero::after{
    width:42vw;
  }

  .deepdoc-layout{
    padding-top:22px;
  }

  .deepdoc-prose{
    padding-inline:var(--gutter);
  }

  .deepdoc-section{
    padding-top:44px;
  }

  .deepdoc-prose p{
    text-align:left;
  }

  .ticket-template{
    padding:18px;
  }
}

@media (max-width:420px){
  .deepdoc-facts{
    display:grid;
    grid-template-columns:1fr;
  }

  .deepdoc-facts .fact-chip{
    width:100%;
  }

  .ticket-template{
    padding:16px;
  }
}