/* Kannada guide pages (/kannada/<slug>, public/kannada/<slug>.html).
   Loaded after /pages.css, so it uses the same tokens, header and footer.
   These pages are written in Kannada first (with English words kept as
   English, the way people actually talk), so headings use the Kannada face
   and get a taller line-height than the Latin-tuned defaults in pages.css. */

.guide{font-family:var(--f-kn)}
.guide .doc-head h1{font-family:var(--f-kn);font-weight:800;line-height:1.3;letter-spacing:0}
.guide .doc-head .lede{margin-top:14px;color:var(--ink-dim);font-size:18px;line-height:1.75}
.guide .eyebrow{letter-spacing:.06em}
.byline{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:14px;color:var(--muted)}
.byline b{color:var(--ink-dim);font-weight:700}

.gbody h2{font-family:var(--f-kn);font-weight:800;font-size:clamp(21px,3vw,25px);line-height:1.4;letter-spacing:0;margin:40px 0 12px;color:var(--ink)}
.gbody h3{font-family:var(--f-kn);font-weight:700;font-size:18px;line-height:1.45;margin:22px 0 6px;color:var(--ink)}
.gbody p,.gbody li{color:var(--ink-dim);font-size:17px;line-height:1.85}
.gbody p{margin:0 0 14px}
.gbody ul,.gbody ol{margin:0 0 18px;padding-left:22px}
.gbody li{margin:0 0 10px}
.gbody li::marker{color:var(--maya)}
.gbody b,.gbody strong{color:var(--ink)}
.gbody a{color:var(--maya);font-weight:600}
.gbody a:hover{text-decoration:underline}
.gbody [lang="en"]{font-family:var(--f-body)}

/* "this is not the UGC exam" and other heads-up notes */
.headsup{background:var(--maya-soft);border:1px solid var(--line-2);border-left:4px solid var(--maya);border-radius:12px;padding:16px 18px;margin:0 0 28px}
.headsup b.t{display:block;font-family:var(--f-kn);font-size:17px;margin-bottom:6px;color:var(--ink)}
.headsup p{margin:0;font-size:16px}

/* numbered steps */
.steps{list-style:none;padding:0 !important;counter-reset:s}
.steps>li{counter-increment:s;position:relative;padding:16px 18px 16px 62px;background:var(--raised);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-bottom:12px}
.steps>li::before{content:counter(s);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--maya);color:#fff;font-family:var(--f-body);font-weight:800;font-size:15px;display:grid;place-items:center}
.steps>li h3{margin:2px 0 6px}
.steps>li p:last-child{margin-bottom:0}

.pitch{background:var(--sunk);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 16px;font-family:var(--f-body);font-size:15.5px;line-height:1.7;color:var(--ink)}

/* YPP table */
.tbl{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:15.5px;background:var(--raised);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line);line-height:1.6}
.tbl th{background:var(--maya-soft);color:var(--maya-deep);font-weight:700}
.tbl tr:last-child td{border-bottom:0}

/* visible FAQ */
.faqv{display:grid;gap:12px;margin-bottom:10px}
.faqv>div{background:var(--raised);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px 20px}
.faqv h3{margin:0 0 6px;font-size:17.5px}
.faqv p{margin:0;font-size:16px}

/* soft call to action */
.cta-card{margin:40px 0 0;background:linear-gradient(135deg,var(--maya-soft),var(--raised));border:1px solid var(--line-2);border-radius:18px;padding:22px 22px 20px;box-shadow:var(--shadow)}
.cta-card .k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--maya-deep)}
.cta-card h2{margin:6px 0 8px !important;font-size:21px !important}
.cta-card p{font-size:16px}
.cta-card .acts{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:6px}
.cta-card .go{display:inline-flex;align-items:center;gap:8px;background:var(--maya);color:#fff !important;font-weight:700;font-size:15px;padding:12px 18px;border-radius:12px}
.cta-card .go:hover{filter:brightness(.95);text-decoration:none !important}
.cta-card .who{font-weight:700;font-size:15px}

/* author */
.author{display:flex;gap:16px;align-items:flex-start;margin:22px 0 0;background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow)}
.author img{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:var(--sunk)}
.author b{display:block;font-family:var(--f-kn);font-size:17px;color:var(--ink)}
.author p{margin:4px 0 0 !important;font-size:15.5px !important;line-height:1.7 !important}

/* other guides */
.related{margin:34px 0 0}
.related ul{list-style:none;padding:0 !important;display:grid;gap:10px}
.related li{margin:0}
.related a{display:block;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-weight:700}
.related a:hover{border-color:var(--maya);text-decoration:none}

/* English summary for English searchers */
.en-sum{margin:34px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.en-sum h2{font-family:var(--f-display) !important;margin-top:0 !important;font-size:19px !important}
.en-sum p{font-family:var(--f-body);font-size:15.5px;line-height:1.7}

@media (max-width:560px){
  .wrap{padding:0 16px}
  .steps>li{padding:14px 14px 14px 54px}
  .steps>li::before{left:12px;top:14px;width:30px;height:30px}
  .tbl th,.tbl td{padding:10px}
  .nav{padding:0 16px}
}