/* Shared by the two legal pages (jogi.html and jogi-ro.html). */
:root{
  --ink-muted:#726556;
  --gold:#c4963a;
}
body{
  background:var(--parch);
  color:var(--ink);
}
nav{
  background:rgba(15,26,61,0.97);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(200,150,12,.2);
}
.nav-logo{
  font-family:'Cormorant Garamond',serif;
  font-size:1.25rem;
  color:var(--ivory);
}
.nav-back{
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(248,240,216,.5);
  text-decoration:none;
  transition:color .25s;
}
.nav-back:hover{
  color:var(--gold-lt);
}
.thangka-strip{
  background:linear-gradient(90deg,var(--cinnabar) 0%,var(--gold-thk) 25%,var(--turquoise) 50%,var(--gold-thk) 75%,var(--cinnabar) 100%);
}
.page-header{
  background:var(--lapis-deep);
  padding:8rem 3rem 4rem;
  position:relative;
  overflow:hidden;
}
.page-header::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(26,42,108,.7),rgba(15,26,61,1));
}
.page-header-inner{
  position:relative;
  z-index:1;
  max-width:860px;
  margin:0 auto;
}
.page-label{
  font-size:.7rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold-lt);
  margin-bottom:1rem;
}
.page-title{
  font-family:'Cormorant Garamond',serif;
  font-size:2.4rem;
  font-weight:300;
  color:var(--ivory);
  margin-bottom:.6rem;
}
.page-sub{
  font-size:.84rem;
  color:rgba(248,240,216,.55);
  line-height:1.7;
}
.tab-nav{
  background:var(--lapis-deep);
  border-bottom:1px solid rgba(200,150,12,.2);
  position:sticky;
  top:64px;
  z-index:50;
}
.tab-nav-inner{
  max-width:860px;
  margin:0 auto;
  padding:0 3rem;
  display:flex;
  gap:0;
}
.tab-btn{
  padding:.9rem 1.6rem;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(248,240,216,.4);
  background:none;
  border:none;
  border-bottom:2px solid transparent;
  cursor:pointer;
  transition:all .2s;
  white-space:nowrap;
}
.tab-btn:hover{
  color:var(--gold-lt);
}
.tab-btn.active{
  color:var(--gold-lt);
  border-bottom-color:var(--gold-thk);
}
.legal-content{
  max-width:860px;
  margin:0 auto;
  padding:4rem 3rem 8rem;
}
.legal-section{
  display:none;
}
.legal-section.active{
  display:block;
}
.legal-section h2{
  font-family:'Cormorant Garamond',serif;
  font-size:1.8rem;
  font-weight:300;
  color:var(--ink);
  margin:3rem 0 1rem;
  padding-top:3rem;
  border-top:1px solid var(--parch-deep);
}
.legal-section h2:first-child{
  margin-top:0;
  padding-top:0;
  border-top:none;
}
.legal-section h3{
  font-family:'Cormorant Garamond',serif;
  font-size:1.2rem;
  font-style:italic;
  color:var(--ink-soft);
  margin:2rem 0 .8rem;
}
.legal-section p{
  font-size:.88rem;
  line-height:1.9;
  color:var(--ink-soft);
  margin-bottom:1.2rem;
}
.legal-section strong{
  color:var(--ink);
  font-weight:500;
}
.legal-section a{
  color:var(--ember);
  text-decoration:none;
}
.legal-section a:hover{
  text-decoration:underline;
}
.legal-section ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  margin-bottom:1.2rem;
  padding-left:1rem;
}
.legal-section ul li{
  font-size:.88rem;
  color:var(--ink-soft);
  line-height:1.7;
  position:relative;
  padding-left:.8rem;
}
.legal-section ul li::before{
  content:'—';
  position:absolute;
  left:0;
  color:var(--parch-deep);
}
.data-card{
  background:var(--parch-mid);
  border:1px solid var(--parch-deep);
  padding:1.6rem 2rem;
  margin:1.4rem 0;
}
.data-row{
  display:grid;
  gap:.5rem;
  padding:.6rem 0;
  border-bottom:1px solid var(--parch-deep);
  align-items:start;
}
.data-row:last-child{
  border-bottom:none;
}
.data-key{
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ink-muted);
}
.data-val{
  font-size:.86rem;
  color:var(--ink);
}
.data-val.placeholder{
  color:var(--ember);
  font-style:italic;
}
.data-row:has(.placeholder){
  display:none;
}
p:has(.placeholder){
  display:none;
}
.notice{
  padding:1.2rem 1.6rem;
  border-left:3px solid var(--gold-thk);
  background:rgba(200,150,12,.06);
  margin:1.4rem 0;
}
.notice p{
  font-size:.82rem;
  color:var(--ink-soft);
  margin:0;
}
.notice-label{
  font-size:.62rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold-thk);
  margin-bottom:.4rem;
}
.authority-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:var(--parch-deep);
  border:1px solid var(--parch-deep);
  margin:1.4rem 0;
}
.authority-card{
  background:var(--parch);
  padding:1.4rem;
}
.authority-name{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;
  color:var(--ink);
  margin-bottom:.3rem;
}
.authority-country{
  font-size:.65rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ember);
  margin-bottom:.8rem;
}
.authority-detail{
  font-size:.78rem;
  color:var(--ink-soft);
  line-height:1.7;
}
.cookie-types{
  display:flex;
  flex-direction:column;
  gap:1px;
  background:var(--parch-deep);
  border:1px solid var(--parch-deep);
  margin:1.4rem 0;
}
.cookie-row{
  background:var(--parch);
  padding:1.1rem 1.4rem;
  display:grid;
  grid-template-columns:160px 1fr auto;
  gap:1rem;
  align-items:center;
}
.cookie-name{
  font-size:.82rem;
  font-weight:500;
  color:var(--ink);
}
.cookie-desc{
  font-size:.78rem;
  color:var(--ink-soft);
  line-height:1.6;
}
.cookie-badge{
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:.25rem .6rem;
  white-space:nowrap;
}
.cookie-badge.required{
  background:rgba(192,57,43,.1);
  color:var(--cinnabar);
  border:1px solid rgba(192,57,43,.3);
}
.cookie-badge.optional{
  background:rgba(200,150,12,.1);
  color:var(--gold-thk);
  border:1px solid rgba(200,150,12,.3);
}
.rights-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:var(--parch-deep);
  border:1px solid var(--parch-deep);
  margin:1.4rem 0;
}
.right-item{
  background:var(--parch);
  padding:1.1rem 1.4rem;
}
.right-name{
  font-size:.78rem;
  font-weight:500;
  color:var(--ink);
  margin-bottom:.3rem;
}
.right-desc{
  font-size:.76rem;
  color:var(--ink-soft);
  line-height:1.6;
}
@media (max-width:900px){
  .nav-back span{
    display:none;
  }
  .legal-content{
    padding:3rem 1.5rem 5rem;
  }
  .tab-nav-inner{
    padding:0 1rem;
    overflow-x:auto;
  }
  .data-row{
    gap:.2rem;
  }
  .data-key{
    font-size:.65rem;
  }
  .authority-grid{
    grid-template-columns:1fr;
  }
  .rights-grid{
    grid-template-columns:1fr;
  }
  .cookie-row{
    grid-template-columns:1fr;
    gap:.4rem;
  }
  footer{
    flex-direction:column;
    gap:1rem;
    text-align:center;
  }
}
footer{
  background:#0f1a3d !important;
  border-top:1px solid rgba(200,150,12,.25) !important;
  display:block !important;
  color:#f8f0d8 !important;
}
.footer-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding-bottom:.9rem !important;
  border-bottom:1px solid rgba(200,150,12,.15) !important;
  margin-bottom:.8rem !important;
  flex-wrap:wrap !important;
  gap:.8rem !important;
}
.footer-logo{
  font-size:1.1rem !important;
  color:rgba(248,240,216,.8) !important;
  text-decoration:none !important;
  display:inline-block !important;
}
.footer-logo span{
  color:#e8b84b !important;
}
.footer-note{
  font-size:.72rem !important;
  color:rgba(248,240,216,.55) !important;
}
.footer-legal{
  display:flex !important;
  align-items:center !important;
  gap:.5rem !important;
  flex-wrap:wrap !important;
  font-size:.7rem !important;
  letter-spacing:.04em !important;
}
.footer-legal a{
  color:rgba(248,240,216,.55) !important;
  text-decoration:none !important;
  transition:color .2s !important;
}
.footer-legal a:hover{
  color:#e8b84b !important;
}
.footer-legal span{
  color:rgba(248,240,216,.2) !important;
}
@media (max-width:700px){
  .footer-top{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}