@charset "UTF-8";

@font-face{font-family:'Noto Sans Devanagari';src:url('/fonts/noto-sans-devanagari-v30-devanagari-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans Devanagari';src:url('/fonts/noto-sans-devanagari-v30-devanagari-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{--violet:#7a4fa3;--violet-dark:#5f3a86;--accent:#ccac4a;--ink:#333;--page:#faf8fc;--focus:#99c9ff;--font-base:'Noto Sans Devanagari','Nirmala UI','Mangal','Kokila','Lohit Devanagari','Devanagari Sangam MN',system-ui,sans-serif}
body{font-size:16px;line-height:1.7;font-family:var(--font-base);font-weight:400;color:var(--ink);margin:0;padding:0;background:var(--page);text-align:left}
img{max-width:100%;height:auto;vertical-align:middle}
.container{width:100%;padding:0 15px;margin:0 auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (max-width:576px){.container{padding:0 12px}}
.header{text-align:center;background:var(--violet);color:#fff;padding:15px 12px;line-height:1.35;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.header .site-title{font-family:var(--font-base);font-weight:600;margin:0;font-size:clamp(1.6rem,1.2rem + 2vw,2.3rem)}
.header .site-subtitle{font-family:var(--font-base);margin:.25rem 0 0 0;font-weight:400;font-size:clamp(1rem,.8rem + .7vw,1.2rem);opacity:.95}
.topnav{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.2)}
.topnav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;text-decoration:none;color:#222;font-family:var(--font-base);font-size:.95rem}
.brand-btn{background:var(--violet);color:#fff!important;font-weight:600;padding:10px 14px;border-radius:9999px;border:2px solid var(--violet)}
.brand-btn:hover{background:var(--violet-dark);border-color:var(--violet-dark);text-decoration:none}
h1{font-family:var(--font-base);font-weight:600;text-align:center;margin:20px 0 12px;font-size:clamp(1.8rem,2vw + 1rem,2.6rem);color:var(--violet);position:relative}
h1::after{content:"";display:block;width:60px;height:4px;background:var(--accent);margin:8px auto 0;border-radius:2px}
p{font-family:var(--font-base);font-size:1rem;margin:10px 0;text-align:center}
a{font-family:var(--font-base);font-size:.95rem;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--violet-dark);text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:1rem 0 1.25rem}
.manual-grid .col{border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;background-clip:padding-box;display:flex;flex-direction:column}
.manual-grid .disciple{background:#f3e6ff}
.manual-grid .church{background:#e6f4ff}
.manual-grid .kingdom{background:#fff9e6}
.manual-grid h3{margin:0 0 .5rem;padding:.6rem .9rem;font-family:var(--font-base);font-weight:600;font-size:clamp(1.1rem,1vw + .5rem,1.4rem);color:#fff;border-radius:8px 8px 0 0}
.manual-grid .disciple h3{background:#7a4fa3}
.manual-grid .church h3{background:#4682b4}
.manual-grid .kingdom h3{background:#ccac4a}
.manual-grid ul{list-style:none;margin:0;padding:.6rem .9rem 1rem;display:grid;gap:.6rem}
.manual-grid .icon{display:inline-block;margin-right:.4em}
.section-under-grid p{text-align:center;margin:.75rem 0 0}
.button{border:2px solid var(--violet);padding:8px 16px;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;font-family:var(--font-base);font-size:1rem;font-weight:600;cursor:pointer;border-radius:15px;background:#fff;color:var(--violet);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .06s ease}
.button:hover{background:var(--violet);color:#fff;border-color:var(--violet);text-decoration:none}
.button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.button.video-btn-yt{display:inline-flex;align-items:center;gap:6px;border:2px solid #ff0000;background:#fff;color:#ff0000;padding:10px 16px;border-radius:15px;text-decoration:none;font-family:var(--font-base);font-size:1rem;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .06s ease}
.button.video-btn-yt:hover{background:#ff0000;color:#fff;border-color:#ff0000;text-decoration:none}
.button.video-btn-yt:active{transform:translateY(1px)}
.button.video-btn-yt svg{display:block;width:20px;height:20px}
.site-footer{text-align:center;padding:16px 12px 24px;color:#555;font-family:var(--font-base);font-size:.9rem}
.site-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.site-footer a:hover{color:#000}
.site-footer .meta{margin:.25rem 0 0;font-size:.85rem;opacity:.9}
