/* MilanYog — SEO/content pages ka saanjha style.

   Legal pages (contact, privacy…) apna CSS andar rakhte hain. Yeh pages
   zyada hain aur badhenge, isliye ek hi file — badlav ek jagah, aur browser
   dusre page par usko cache se uthata hai.

   Rang wahi jo app ke andar hain: raat jaisa kaala, sona, aur wahi do font. */
@font-face{font-family:'Cinzel';src:url(assets/fonts/cinzel.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Inter';src:url(assets/fonts/inter.woff2) format('woff2');font-weight:300 600;font-display:swap}

*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a0a;color:#dcdcdc;font:400 16px/1.75 'Inter',-apple-system,sans-serif;padding:0 0 70px;-webkit-text-size-adjust:100%}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}

header{padding:26px 0 0;text-align:center}
header a.brand{font-family:'Cinzel',serif;letter-spacing:.3em;font-size:13px;color:#e8ca7d;text-decoration:none}

h1{font-family:'Cinzel',Georgia,serif;font-size:clamp(25px,6.4vw,36px);color:#e8ca7d;font-weight:700;margin:32px 0 10px;line-height:1.28}
.sub{font-size:17px;color:#a9a9a9;margin-bottom:8px;line-height:1.6}
.upd{font-size:12.5px;color:#6a6a6a;letter-spacing:.08em}
.rule{height:1px;background:linear-gradient(90deg,transparent,#bf953f,#fcf6ba,#bf953f,transparent);margin:22px 0 30px}

h2{font-family:'Cinzel',Georgia,serif;font-size:clamp(19px,4.6vw,23px);color:#e8ca7d;font-weight:700;margin:38px 0 12px;line-height:1.35}
h3{font-size:16.5px;color:#f2f2f2;font-weight:600;margin:26px 0 8px}
p{margin-bottom:15px}
a{color:#e8ca7d}
b,strong{color:#f2f2f2;font-weight:600}

ul,ol{margin:12px 0 20px;padding-left:0;list-style:none}
li{position:relative;padding-left:24px;margin-bottom:10px}
li::before{content:'◆';position:absolute;left:0;top:2px;color:#bf953f;font-size:9px}
ol{counter-reset:n}
ol li::before{counter-increment:n;content:counter(n);font-size:12px;color:#bf953f;top:0}

/* Seedha jawab — page ke shuru mein, sawaal ka ek-do vaakya ka uttar.
   Yahi hissa AI assistants aur Google ke answer box uthate hain. */
.answer{border-left:2px solid #bf953f;background:rgba(191,149,63,.06);padding:16px 18px;margin:22px 0 26px;border-radius:0 3px 3px 0}
.answer p:last-child{margin-bottom:0}

.box{border:1px solid rgba(191,149,63,.24);background:rgba(191,149,63,.04);padding:20px 22px;border-radius:3px;margin:24px 0}

table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.09);vertical-align:top}
th{color:#e8ca7d;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
td:first-child{color:#f2f2f2;white-space:nowrap}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.cta{display:block;text-align:center;background:linear-gradient(180deg,#bf953f,#8a5f26);color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:15px 22px;border-radius:999px;margin:12px 0 8px}
.cta-note{font-size:12.5px;color:#7a7a7a;text-align:center;margin-bottom:6px}

.faq{margin:8px 0 0}
.faq h3{margin:22px 0 6px}

.crumbs{font-size:12.5px;color:#6a6a6a;margin:18px 0 0}
.crumbs a{color:#8a8a8a;text-decoration:none}

footer{margin-top:54px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#6a6a6a;text-align:center;line-height:2}
footer a{color:#9a9a9a;margin:0 8px}
.disc{font-size:12.5px;color:#6a6a6a;margin-top:26px;line-height:1.7}