/* Sevak (sevak.html) and About (about.html) pages. Builds on temples.css + sadhana.css. */
.pg-hero{padding-bottom:clamp(48px,8vh,84px)}
.pg-hero-sevak{background:linear-gradient(90deg,rgba(4,30,60,.94) 0%,rgba(4,30,60,.8) 50%,rgba(4,30,60,.45) 100%),url('../assets/temples/meenakshi-amman-temple.jpg') center 40%/cover no-repeat #0a3a6e}
.pg-hero-about{background:linear-gradient(90deg,rgba(4,30,60,.94) 0%,rgba(4,30,60,.78) 50%,rgba(4,30,60,.4) 100%),url('../assets/sadhana/tvameva-mata-cha-pita.jpg') center 45%/cover no-repeat #0a3a6e}
.pg-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.pg-ghost-light{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)!important;padding:12px 20px!important}
.pg-ghost-light:hover{background:rgba(255,255,255,.12)!important}

.pg-notice{display:flex;gap:14px;align-items:flex-start;margin:28px 0 0;padding:16px 20px;border-radius:16px;background:#fff7ef;border:1px solid #f6d2ad}
.pg-notice-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--t-saffron);color:#fff;font-size:15px}
.pg-notice p{margin:0;font-size:15px;line-height:1.6;color:#3d4f66}
.pg-notice a{color:var(--t-deep)!important;font-weight:700}

.pg-seva{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-seva .tx-card:hover{transform:none}
.pg-tall img,.pg-top{object-position:center 20%}

.pg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;counter-reset:none}
.pg-steps li{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:16px;background:var(--t-cream);border:1px solid var(--t-line)}
.pg-steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--t-saffron),var(--t-deep));color:#fff;font:700 17px var(--t-sans)}
.pg-steps strong{font-family:var(--t-serif);font-size:19px;color:var(--t-navy);margin-top:6px}
.pg-steps span{font-size:14px;line-height:1.55;color:var(--t-muted)}

.pg-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pg-tier{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--t-line);box-shadow:0 4px 14px rgba(138,90,43,.06)}
.pg-tier-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff1e3;font-size:26px}
main.tx .pg-tier h3{margin:14px 0 2px;font-size:21px}
.pg-tier h3 span{font-family:'Noto Serif Devanagari',serif;font-size:15px;font-weight:600;color:#8a5a2b;margin-left:6px}
.pg-tier-pts{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t-deep)}
.pg-tier>p:not(.pg-tier-pts){margin:0 0 10px;font-size:14.5px;color:#3d4f66}
.pg-tier ul{margin:0;padding:12px 0 0;list-style:none;border-top:1px dashed #f0e2d1}
.pg-tier li{position:relative;padding:4px 0 4px 20px;font-size:14px;color:#33465e}
.pg-tier li:before{content:"✓";position:absolute;left:0;color:var(--t-saffron);font-weight:700}
.pg-tier-gold{background:linear-gradient(160deg,#fff4e2,#ffe7c7);border-color:#f3cfa8}
.pg-tier-navy{background:linear-gradient(160deg,#06305e,#0a4a8a);border-color:#06305e}
.pg-tier-navy .pg-tier-ic{background:rgba(255,255,255,.12)}
main.tx .pg-tier-navy h3{color:#fff}
.pg-tier-navy h3 span{color:#ffd9a8}
.pg-tier-navy .pg-tier-pts{color:#ffc58f}
.pg-tier-navy>p:not(.pg-tier-pts),.pg-tier-navy li{color:#dbe6f2}
.pg-tier-navy ul{border-color:rgba(255,255,255,.2)}

.pg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.pg-kicker{margin:0 0 8px!important;font-size:13px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--t-deep)!important}
main.tx .pg-split h2,main.tx .pg-contact h2{margin:0 0 14px;font-size:clamp(26px,3vw,36px)}
.pg-split p,.pg-contact p{margin:0 0 14px;font-size:16px;line-height:1.75;color:#33465e}
.pg-figure{margin:0}
.pg-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px;box-shadow:0 18px 40px rgba(6,30,58,.16)}
.pg-modules{grid-template-columns:repeat(4,minmax(0,1fr))}

.pg-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pg-principles>div{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--t-line);border-top:4px solid var(--t-saffron)}
.pg-principles span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff1e3;color:var(--t-deep);font-size:20px;font-weight:700}
main.tx .pg-principles h3{margin:14px 0 6px;font-size:18px}
.pg-principles p{margin:0;font-size:14.5px;line-height:1.6;color:#3d4f66}
.pg-principles a{color:var(--t-deep)!important;font-weight:700}

.pg-integrity{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.pg-integrity>div{padding:20px 22px;border-radius:16px;background:var(--t-cream);border:1px solid var(--t-line)}
main.tx .pg-integrity h3{margin:0 0 8px;font-size:18px}
.pg-integrity p{margin:0;font-size:14.5px;line-height:1.65;color:#3d4f66}

.pg-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.pg-contact-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.pg-contact-list li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--t-line)}
.pg-contact-list span{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff1e3;color:var(--t-deep);font-size:18px}
.pg-contact-list b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7a5a3c}
.pg-contact-list a{color:var(--t-navy)!important;font-weight:700;text-decoration:none}
.pg-contact-list a:hover{color:var(--t-deep)!important}

@media(max-width:1000px){
  .pg-seva,.pg-modules,.pg-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-split,.pg-contact{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  .pg-hero-sevak{background:linear-gradient(180deg,rgba(4,30,60,.9),rgba(4,30,60,.82)),url('../assets/temples/meenakshi-amman-temple.jpg') center/cover no-repeat #0a3a6e}
  .pg-hero-about{background:linear-gradient(180deg,rgba(4,30,60,.9),rgba(4,30,60,.82)),url('../assets/sadhana/tvameva-mata-cha-pita.jpg') center/cover no-repeat #0a3a6e}
  .pg-seva,.pg-modules,.pg-principles,.pg-steps,.pg-tiers{grid-template-columns:minmax(0,1fr)}
  .pg-hero-actions .tx-btn{width:100%}
}

/* ---------- My bookmarks (bookmarks.html) ---------- */
.bk-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding:8px 0 20px}
main.tg .bk-head h1{margin:0;font-size:clamp(30px,4vw,44px)}
.bk-head p{margin:8px 0 0;max-width:620px;color:var(--t-muted);line-height:1.6}
.bk-tools{display:flex;gap:10px;align-items:center}
.bk-search input{width:260px;max-width:100%;padding:11px 14px;border:1.5px solid #e8d6c2;border-radius:12px;background:#fff;font:500 14px var(--t-sans);color:var(--t-navy)}
.bk-search input:focus{outline:0;border-color:var(--t-saffron);box-shadow:0 0 0 3px rgba(240,120,24,.15)}
.bk-filters{margin-bottom:16px}
.bk-filters[hidden]{display:none}
.bk-list{display:grid;gap:10px;padding-bottom:48px}
.bk-item{display:flex;align-items:center;gap:12px;padding:6px 8px 6px 6px;border-radius:14px;background:#fff;border:1px solid var(--t-line)}
.bk-item a{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none}
.bk-item a:hover{background:#fff7ef}
.bk-item strong{font-family:var(--t-serif);font-size:17px;color:var(--t-navy)}
.bk-item small{font-size:13px;color:var(--t-muted)}
.bk-remove{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#f6f1ea;color:#8a7a6a;font-size:20px;cursor:pointer}
.bk-remove:hover{background:#fde4e1;color:#c0392b}
.bk-empty{max-width:560px;margin:20px auto 60px;padding:36px 24px;text-align:center;border:1.5px dashed #e8d6c2;border-radius:20px;background:#fff}
.bk-empty[hidden]{display:none}
.bk-empty>span{font-size:40px}
main.tg .bk-empty h2{margin:10px 0 6px;font-size:24px}
.bk-empty p{margin:0 0 18px;color:#3d4f66;line-height:1.6}
.bk-empty .tg-actions{justify-content:center}
.bk-none{color:var(--t-muted)}
@media(max-width:560px){.bk-tools{width:100%}.bk-search,.bk-search input{width:100%}}
.bk-sec{margin:0 0 28px}.bk-sec[hidden]{display:none}
.bk-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
main.tg .bk-sec-head h2,main.tg .bk-sec-title{margin:0 0 12px;font-size:22px}
.bk-link{border:0;background:none;color:var(--t-deep);font:700 13px var(--t-sans);cursor:pointer;text-decoration:underline}
/* Privacy / Terms */
.legal{max-width:820px;padding-bottom:56px}
main.tg .legal h1{margin:6px 0 4px;font-size:clamp(30px,4vw,42px)}
main.tg .legal h2{margin:30px 0 10px;font-size:22px}
main.tg .legal h3{margin:18px 0 6px;font-size:17px}
.legal p,.legal li{font-size:15.5px;line-height:1.75;color:#33465e}
.legal ul{margin:6px 0 10px;padding-left:22px}
.legal a{color:var(--t-deep)!important;font-weight:700}
.legal-date{font-size:13px!important;color:#8a8f99!important}
/* WebP hero for About */
@supports (background-image:image-set(url("x.webp") type("image/webp"))){
  .pg-hero-about{background-image:linear-gradient(90deg,rgba(4,30,60,.94) 0%,rgba(4,30,60,.78) 50%,rgba(4,30,60,.4) 100%),url('../assets/sadhana/tvameva-mata-cha-pita.webp')}
  @media(max-width:560px){.pg-hero-about{background-image:linear-gradient(180deg,rgba(4,30,60,.9),rgba(4,30,60,.82)),url('../assets/sadhana/tvameva-mata-cha-pita-800.webp')}}
}