/* sarvaveda.info — adhikaraṇa reader. Tokens follow the main site. */
@font-face{
  font-family:'VijayaDV';
  src:url('/assets/vijayadv.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
:root{
  --indigo:#1D2B5E; --indigo-deep:#141E42; --gold:#A8802C; --gold-bright:#C9A227;
  --maroon:#7A1E1E; --leaf:#3E6B35; --ivory:#FBF8F0; --ivory-deep:#F3EDDD;
  --ink:#26221A; --muted:#6b6350; --line:#D9CDA8;
  --display:'Cormorant Garamond',Garamond,serif;
  --body:'Spectral',Georgia,serif;
  --deva:'Noto Serif Devanagari',serif;
  --source:'VijayaDV','Noto Serif Devanagari',serif;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--ivory); color:var(--ink);
  font-family:var(--body); line-height:1.65;
}
a{color:var(--indigo)}
a:hover{color:var(--maroon)}
.wrap{max-width:860px; margin:0 auto; padding:0 22px}

/* source text — VijayaDV is what renders the praśleṣa marks */
.sa{font-family:var(--source); line-height:1.95}
.dn{font-family:var(--deva)}

header.site{
  background:var(--indigo-deep); color:var(--ivory);
  padding:14px 0; font-size:.86rem; letter-spacing:.04em;
}
header.site a{color:var(--ivory); text-decoration:none; opacity:.85}
header.site a:hover{opacity:1; color:var(--gold-bright)}
header.site .bar{display:flex; gap:20px; flex-wrap:wrap; align-items:baseline}
header.site .home{font-family:var(--display); font-size:1.05rem; letter-spacing:.02em; opacity:1}

.masthead{padding:44px 0 26px; border-bottom:2px solid var(--line)}
.masthead h1{
  font-family:var(--source); font-weight:400; margin:0 0 6px;
  font-size:clamp(1.9rem,5vw,2.8rem); line-height:1.25; color:var(--indigo-deep);
}
.masthead .rom{
  font-family:var(--display); font-size:1.25rem; color:var(--maroon);
  letter-spacing:.02em; margin-bottom:10px;
}
.masthead p{margin:0; color:var(--muted); max-width:64ch}

.facts{
  display:flex; flex-wrap:wrap; gap:0 34px; margin:22px 0 0;
  padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}
.facts div{display:flex; flex-direction:column}
.facts b{
  font-family:var(--display); font-size:1.5rem; color:var(--gold); font-weight:600;
  font-variant-numeric:lining-nums tabular-nums;
}
.facts span{font-size:.76rem; letter-spacing:.09em; text-transform:uppercase; color:var(--muted)}

.verse{
  margin:26px 0; padding:16px 20px; background:var(--ivory-deep);
  border-left:3px solid var(--gold); font-family:var(--source);
  font-size:1.05rem; line-height:1.95;
}
.verse cite{
  display:block; margin-top:8px; font-family:var(--body); font-style:normal;
  font-size:.82rem; color:var(--muted);
}

h2.sec{
  font-family:var(--display); font-size:1.5rem; color:var(--indigo-deep);
  margin:38px 0 4px; font-weight:600;
}
h2.sec + p{margin:0 0 16px; color:var(--muted); max-width:64ch}

/* contents */
.adh-block{margin:0 0 26px}
.adh-block h3{
  font-family:var(--display); font-size:1.15rem; margin:0 0 8px;
  padding-bottom:5px; border-bottom:1px solid var(--line); color:var(--indigo);
  font-weight:600; display:flex; gap:10px; align-items:baseline;
}
.adh-block h3 .lk{font-family:var(--source); color:var(--maroon); font-size:1.05rem}
.pada-list{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 6px}
.pada-list a{
  display:inline-flex; gap:8px; align-items:baseline; text-decoration:none;
  border:1px solid var(--line); background:#fff; padding:6px 12px; border-radius:2px;
  font-size:.9rem;
}
.pada-list a:hover{border-color:var(--gold); background:var(--ivory-deep)}
.pada-list .n{color:var(--muted); font-size:.8rem}
.pada-list a,.adh-block h3{font-variant-numeric:lining-nums}

/* one adhikaraṇa */
article.adh{padding:26px 0; border-bottom:1px solid var(--line)}
article.adh:target{background:var(--ivory-deep); box-shadow:0 0 0 14px var(--ivory-deep)}
.adh-head{display:flex; gap:12px; align-items:baseline; flex-wrap:wrap; margin-bottom:10px}
.adh-head .ref{
  font-family:var(--display); font-size:1.02rem; font-weight:600; color:var(--gold);
  letter-spacing:.04em; text-decoration:none; font-variant-numeric:lining-nums;
  padding-top:.15em;
}
.adh-head .ref:hover{color:var(--maroon)}
.adh-head .nm{font-family:var(--source); font-size:1.3rem; color:var(--indigo-deep)}
.sutra{
  margin:0 0 4px; padding:7px 14px; background:#fff; border-left:2px solid var(--maroon);
  font-family:var(--source); line-height:1.9;
}
.sutra .lbl{
  font-family:var(--display); font-size:.8rem; color:var(--maroon);
  letter-spacing:.06em; margin-right:8px;
}
.intro{font-family:var(--source); margin:8px 0; color:#3a352a}

.limb{margin:14px 0 0}
.limb > h4{
  font-family:var(--display); font-weight:600; font-size:.82rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted); margin:0 0 4px;
  display:flex; gap:9px; align-items:baseline;
}
.limb > h4 .n{
  display:inline-flex; width:19px; height:19px; align-items:center; justify-content:center;
  border-radius:50%; background:var(--indigo); color:var(--ivory); font-size:.7rem;
}
.limb > h4 .sa{font-family:var(--source); text-transform:none; letter-spacing:0;
  font-size:1rem; color:var(--indigo-deep)}
.limb .v{
  font-family:var(--source); margin:3px 0 5px 12px; line-height:1.95;
  color:var(--maroon);
}
.limb .p{font-family:var(--source); margin:3px 0; line-height:1.95}

.limb.inferred{border-left:2px solid var(--line); padding-left:14px; margin-left:2px}
.limb .uhita{
  font-family:var(--source); font-size:.82rem; color:var(--gold);
  letter-spacing:0; text-transform:none;
}
.limb .choices{font-family:var(--source); color:var(--muted); font-size:.92rem; margin:3px 0}
.secmark{
  font-family:var(--source); color:var(--maroon); font-size:.95rem;
  margin:14px 0 2px; padding-top:8px; border-top:1px dotted var(--line);
}

.pager{display:flex; justify-content:space-between; gap:16px; padding:26px 0 0; flex-wrap:wrap}
.pager a{
  text-decoration:none; border:1px solid var(--line); background:#fff;
  padding:9px 16px; border-radius:2px; font-size:.9rem;
}
.pager a:hover{border-color:var(--gold)}
.pager .sp{flex:1}

.note{
  margin:26px 0; padding:14px 18px; border:1px solid var(--line);
  background:var(--ivory-deep); font-size:.9rem; color:var(--muted);
}
.note .sa{font-size:1rem; color:var(--ink)}

footer.site{
  margin-top:46px; padding:24px 0 44px; border-top:2px solid var(--line);
  font-size:.84rem; color:var(--muted);
}
@media (max-width:560px){
  .facts{gap:0 20px}
  .adh-head .nm{font-size:1.12rem}
}