:root{
  --vdph-bg:#fff8e8;
  --vdph-surface:#fffdf6;
  --vdph-saffron:#df7908;
  --vdph-orange:#c85a08;
  --vdph-gold:#f2bd2c;
  --vdph-gold-soft:#ffe8a8;
  --vdph-maroon:#70251a;
  --vdph-text:#3d2b1f;
  --vdph-muted:#806b5a;
  --vdph-border:#e8c77e;
  --vdph-shadow:0 9px 25px rgba(112,37,26,.08);
}
*{box-sizing:border-box}
html{font-size:17px}
body.abhidhamma-site{
  margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--vdph-text);
  background:radial-gradient(circle at 90% 0,rgba(242,189,44,.17),transparent 28rem),
             linear-gradient(180deg,#fff9ec 0,var(--vdph-bg) 100%);
}
a{color:#9d4505}
a:hover{color:var(--vdph-maroon)}
.vdph-wrap{width:min(1320px,calc(100% - 32px));margin:auto}
.vdph-header{background:linear-gradient(135deg,var(--vdph-maroon),var(--vdph-orange));border-bottom:4px solid var(--vdph-gold)}
.vdph-header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.vdph-brand{font-weight:900;font-size:1.55rem;letter-spacing:.05em;text-decoration:none;color:#fff8df}
.vdph-subtitle{color:#ffe7a3;font-size:.9rem}
.vdph-nav{display:flex;gap:10px;flex-wrap:wrap}
.vdph-nav a{background:#fff2c8;border-radius:999px;padding:8px 13px;text-decoration:none;font-weight:750;color:#5d2714}
.vdph-readerbar{position:sticky;top:0;z-index:25;background:#fff2ca;border-bottom:1px solid var(--vdph-border)}
.vdph-readerbar .vdph-wrap{display:flex;gap:8px;padding:7px 0}
.vdph-readerbar button{border:1px solid var(--vdph-border);background:#fffaf0;border-radius:8px;padding:5px 9px;cursor:pointer}
.vdph-main{padding:34px 0 50px}
.vdph-hero{padding:32px;border:1px solid var(--vdph-border);border-radius:22px;background:linear-gradient(135deg,#fffdf7,#fff0c3);box-shadow:var(--vdph-shadow);margin-bottom:28px}
.vdph-hero h1{font-size:clamp(2rem,5vw,3.6rem);margin:.15em 0}
.vdph-kicker{font-weight:900;letter-spacing:.15em;color:var(--vdph-orange)}
.vdph-btn{display:inline-block;border:0;border-radius:12px;padding:11px 17px;background:linear-gradient(135deg,var(--vdph-gold),var(--vdph-saffron));color:#3c2200;text-decoration:none;font-weight:800;cursor:pointer}
.vdph-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}
.vdph-card{border:1px solid var(--vdph-border);border-radius:16px;background:var(--vdph-surface);padding:18px;box-shadow:var(--vdph-shadow)}
.vdph-book-link{text-decoration:none}
.vdph-book-link h2{color:var(--vdph-maroon);margin:.25rem 0}
.vdph-book-vi{font-weight:800;font-size:1.1rem}
.vdph-muted{color:var(--vdph-muted)}
.vdph-code{font-size:.82rem;color:var(--vdph-muted);letter-spacing:.05em}
.vdph-subhead{margin-top:-.4rem;color:var(--vdph-orange)}
.vdph-mt{margin-top:28px}
.vdph-breadcrumb{font-size:.9rem;color:var(--vdph-muted);margin-bottom:10px}
.vdph-toc{display:grid;gap:8px}
.vdph-toc-item{padding:12px 14px;border:1px solid var(--vdph-border);border-radius:12px;background:#fffaf0}
.vdph-reading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.vdph-card-head{margin:-18px -18px 16px;padding:11px 18px;border-radius:16px 16px 0 0;background:#fff0c3;border-bottom:1px solid var(--vdph-border);font-weight:900;color:var(--vdph-maroon)}
.vdph-text{line-height:1.8;white-space:normal}
.vdph-pill{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--vdph-gold-soft);border:1px solid var(--vdph-border);color:var(--vdph-maroon);font-size:.82rem}
.vdph-commentary+.vdph-commentary{border-top:1px dashed var(--vdph-border);margin-top:18px;padding-top:18px}
.vdph-sourcebox{margin-top:12px;padding:10px;border-left:4px solid var(--vdph-saffron);background:#fff6dc}
.vdph-copy{margin-top:12px;border:1px solid var(--vdph-border);background:#fff7df;border-radius:8px;padding:6px 9px}
.vdph-prevnext{display:flex;justify-content:space-between;margin-top:28px}
.vdph-search{display:grid;grid-template-columns:1fr 280px auto;gap:10px;margin:18px 0}
.vdph-search input,.vdph-search select{padding:12px;border:1px solid var(--vdph-border);border-radius:10px;background:#fff}
.vdph-list{display:grid;gap:9px}
.vdph-list-item{display:block;padding:14px;border:1px solid var(--vdph-border);border-radius:12px;background:var(--vdph-surface);text-decoration:none}
.vdph-notice{padding:16px;border:1px solid var(--vdph-border);border-radius:12px;background:#fff4d3}
.vdph-footer{text-align:center;color:var(--vdph-muted);padding:28px 0 50px}
.vdph-reading-dark{--vdph-bg:#281b13;--vdph-surface:#34241a;--vdph-text:#f4e6c3;--vdph-muted:#d2bf98;--vdph-border:#6b4b2c}
.vdph-reading-dark .vdph-card,.vdph-reading-dark .vdph-list-item,.vdph-reading-dark .vdph-toc-item{background:#34241a}
.vdph-reading-dark .vdph-card-head{background:#4a321f;color:#ffd56e}
@media(max-width:1150px){.vdph-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .vdph-header-inner{align-items:flex-start;flex-direction:column;padding:18px 0}
  .vdph-reading-grid{grid-template-columns:1fr}
  .vdph-search{grid-template-columns:1fr}
}
@media print{
  .vdph-header,.vdph-readerbar,.vdph-footer,.vdph-copy{display:none!important}
  body.abhidhamma-site{background:#fff;color:#000}
  .vdph-reading-grid{grid-template-columns:1fr 1fr}
  .vdph-card{box-shadow:none}
}

.vdph-table-wrap{overflow:auto;border:1px solid var(--vdph-border);border-radius:14px;background:var(--vdph-surface)}
.vdph-table{width:100%;border-collapse:collapse;min-width:760px}
.vdph-table th,.vdph-table td{padding:12px 14px;border-bottom:1px solid var(--vdph-border);text-align:left;vertical-align:top}
.vdph-table th{background:#fff0c3;color:var(--vdph-maroon);position:sticky;top:0}
.vdph-reading-dark .vdph-table th{background:#4a321f;color:#ffd56e}

/* V4 — homepage-first corpus UI */
.vdph-lead{font-size:1.08rem;line-height:1.75;max-width:920px}
.vdph-home-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:760px;margin-top:20px}
.vdph-home-search input{min-width:0;padding:13px 15px;border:1px solid var(--vdph-border);border-radius:12px;background:#fff;font:inherit}
.vdph-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0 34px}
.vdph-stat{padding:16px 12px;border:1px solid var(--vdph-border);border-radius:14px;background:var(--vdph-surface);text-align:center}
.vdph-stat strong{display:block;font-size:1.45rem;color:var(--vdph-maroon)}
.vdph-stat span{font-size:.82rem;color:var(--vdph-muted)}
.vdph-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:28px 0 14px}
.vdph-section-head h2{margin:.25rem 0 0;font-size:2rem}
.vdph-book-card h3{font-size:1.35rem;margin:.4rem 0}
.vdph-book-card h3 a{text-decoration:none;color:var(--vdph-maroon)}
.vdph-book-open{display:inline-block;margin-top:14px;font-weight:800;text-decoration:none}
.vdph-chip-row{display:flex;gap:8px;flex-wrap:wrap}
.vdph-pagination{margin-top:16px}
.vdph-reader-label{align-self:center;font-size:.82rem;color:var(--vdph-muted);font-weight:800}
.vdph-footer-shell{border-top:1px solid var(--vdph-border);background:#fff1c8}
.vdph-footer{padding:28px 0 38px}
.vdph-reading-dark .vdph-home-search input{background:#34241a;color:var(--vdph-text)}
.vdph-reading-dark .vdph-footer-shell{background:#21150f}
@media(max-width:1000px){.vdph-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .vdph-home-search{grid-template-columns:1fr}
  .vdph-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vdph-section-head{align-items:flex-start;flex-direction:column}
}

/* V5 — source provenance and corpus coverage */
.vdph-table-wrap{overflow:auto;border:1px solid var(--vdph-border);border-radius:14px;background:var(--vdph-surface)}
.vdph-table{width:100%;border-collapse:collapse;min-width:760px}
.vdph-table th,.vdph-table td{padding:12px 14px;border-bottom:1px solid var(--vdph-border);text-align:left;vertical-align:top}
.vdph-table th{background:#fff0c7;color:var(--vdph-maroon);font-size:.86rem;letter-spacing:.02em}
.vdph-citation-row{padding:12px 0;border-top:1px dashed var(--vdph-border)}
.vdph-citation-row:first-of-type{border-top:0}
.vdph-mt-sm{margin-top:8px}
.vdph-reading-dark .vdph-table th{background:#3d281b}


/* HOTFIX3 — dual navigation: authoritative source page + reviewed topic layer */
.vdph-provenance-strip{display:grid;gap:6px}
.vdph-inline-chips{display:inline-flex;margin-left:8px;vertical-align:middle}
.vdph-pill{text-decoration:none}
@media(max-width:700px){.vdph-inline-chips{display:flex;margin:8px 0 0}}