/* Shared style for the legal documents of pojebtesa.life.
   Same tokens and faces as The Holy Doctrine; quieter treatment,
   because a privacy notice is read, not preached. */
:root{
  --ink:#0b0a08; --ink-soft:#141210;
  --parchment:#e8ddc4; --parchment-dim:#b8ad94;
  --gold:#c9a227; --gold-bright:#e8c547; --gold-rgb:201,162,39;
  --blood:#8e2c2c;
  --measure:64ch;
}
*{margin:0; padding:0; box-sizing:border-box}
html{scroll-behavior:smooth; overflow-x:hidden; -webkit-text-size-adjust:100%}
body{
  background:var(--ink); color:var(--parchment);
  font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; line-height:1.7;
}
body::before{
  content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(ellipse 80% 50% at 50% -10%, rgba(201,162,39,.08), transparent 60%);
}
.grain{
  position:fixed; inset:-100px; pointer-events:none; z-index:200; opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
}
::selection{background:var(--gold); color:var(--ink)}
.page{position:relative; z-index:1; max-width:52rem; margin:0 auto; padding:0 1.5rem}
h1,h2,h3{font-family:'Cinzel',serif; font-weight:700; text-wrap:balance}
p,li{max-width:var(--measure)}
a{color:var(--gold-bright); text-decoration:none; border-bottom:1px solid rgba(201,162,39,.4)}
a:hover{border-bottom-color:var(--gold-bright)}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.label{
  font-family:'JetBrains Mono',monospace; font-size:.66rem; letter-spacing:.3em;
  text-transform:uppercase; color:var(--gold);
}

.masthead{padding:4.5rem 0 2rem; display:flex; flex-direction:column; gap:1.1rem}
.masthead h1{font-size:clamp(2rem,6vw,3.2rem); line-height:1.1; font-weight:900}
.masthead .lede{font-size:1.3rem; font-style:italic; color:var(--parchment-dim)}
.meta{
  display:flex; flex-wrap:wrap; gap:.4rem 1.8rem; padding-top:1.2rem;
  border-top:1px solid rgba(201,162,39,.2);
  font-family:'JetBrains Mono',monospace; font-size:.64rem;
  letter-spacing:.08em; color:rgba(232,221,196,.5); text-transform:uppercase;
}
.meta span strong{color:var(--gold); font-weight:400}

nav.docs{
  display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; padding:1.4rem 0;
  border-top:1px solid rgba(232,221,196,.1); border-bottom:1px solid rgba(232,221,196,.1);
  font-family:'JetBrains Mono',monospace; font-size:.62rem;
  letter-spacing:.22em; text-transform:uppercase;
}
nav.docs a{border-bottom:0; color:var(--parchment-dim)}
nav.docs a:hover{color:var(--gold-bright)}
nav.docs a[aria-current]{color:var(--gold)}

article{padding-bottom:1.5rem}
section.clause{
  padding:2.6rem 0; border-top:1px solid rgba(232,221,196,.1);
  display:grid; grid-template-columns:3rem minmax(0,1fr); gap:.3rem 1.2rem;
}
section.clause > .n{
  font-family:'Cinzel',serif; font-weight:700; font-size:.8rem;
  letter-spacing:.14em; color:var(--gold); padding-top:.75rem;
}
section.clause > h2{grid-column:2; font-size:1.5rem; font-weight:600; line-height:1.3}
section.clause > *:not(.n):not(h2){grid-column:2}
section.clause > * + *{margin-top:1rem}
.clause p,.clause li{color:var(--parchment-dim); font-size:1.14rem}
.clause ul{list-style:none; display:grid; gap:.6rem}
.clause ul li{padding-left:1.4em; position:relative}
.clause ul li::before{content:'✦'; position:absolute; left:0; color:var(--gold); font-size:.85em}
.clause strong{color:var(--parchment); font-weight:600}

.callout{
  background:rgba(0,0,0,.35); border-left:2px solid var(--gold);
  padding:1.1rem 1.3rem; font-size:1.1rem; color:var(--parchment-dim);
}
.callout strong{color:var(--gold-bright)}

.scroll{overflow-x:auto}
table{width:100%; border-collapse:collapse; font-size:1rem}
th,td{text-align:left; padding:.8rem 1rem .8rem 0; border-bottom:1px solid rgba(232,221,196,.1); vertical-align:top}
th{
  font-family:'JetBrains Mono',monospace; font-size:.6rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--gold); font-weight:400;
}
td{color:var(--parchment-dim)}
td.mono{font-family:'JetBrains Mono',monospace; font-size:.74rem; color:var(--parchment)}

footer{
  position:relative; z-index:1; border-top:1px solid rgba(201,162,39,.25);
  margin-top:2rem; padding:3rem 1.5rem 4.5rem; text-align:center;
}
footer p{
  font-family:'JetBrains Mono',monospace; font-size:.68rem; letter-spacing:.08em;
  line-height:1.9; color:rgba(232,221,196,.55); margin:0 auto .6rem; max-width:46rem;
}
footer a{color:var(--gold-bright)}
footer .seal{
  font-family:'Cinzel',serif; font-weight:700; letter-spacing:.2em;
  color:var(--gold); font-size:.9rem; margin-bottom:1rem;
}
@media(prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important}}
@media(max-width:640px){
  section.clause{grid-template-columns:1fr; gap:.5rem}
  section.clause > .n{padding-top:0}
  section.clause > h2,section.clause > *:not(.n){grid-column:1}
}