:root{--ink:#101010;--muted:#68665f;--gold:#f5c400;--paper:#f3f0e8;--white:#fff;--line:#dedbd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.article-nav{background:#101010;color:#fff;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.article-logo{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:4px 8px;min-height:46px;box-shadow:0 2px 0 rgba(0,0,0,.12)}.article-logo img{width:96px;height:auto;display:block;filter:none}.article-nav a:last-child{background:var(--gold);color:#101010;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:800}.article-wrap{width:min(1120px,calc(100% - 40px));margin:auto}.article-crumb{padding:34px 0 10px;color:var(--muted);font-size:13px}.article-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:40px 0 76px}.article-kicker{color:#927300;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.article-hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.07em;margin:18px 0}.article-lead{color:var(--muted);font-size:18px;max-width:620px}.article-hero img{width:100%;max-height:370px;object-fit:contain;border-radius:18px;background:var(--gold);padding:20px}.article-main{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:70px;align-items:start;padding-bottom:100px}.article-content{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(24px,5vw,60px)}.article-content h2{font-size:32px;line-height:1.1;letter-spacing:-.045em;margin:36px 0 12px}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:20px;line-height:1.2;margin:28px 0 8px}.article-content p{color:#4e4c47}.article-content ul{padding-left:22px;color:#4e4c47}.article-content li{margin:8px 0}.article-cta{display:inline-flex;margin-top:24px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:8px;font-weight:800}.article-side{position:sticky;top:24px;border-top:3px solid var(--gold);padding-top:15px}.article-side strong{display:block;margin-bottom:10px}.article-side a{display:block;color:var(--muted);font-size:13px;margin:8px 0}.article-faq{margin-top:48px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:800}.article-footer{background:#101010;color:#aaa;padding:28px 5vw;font-size:13px}.article-footer a{color:var(--gold)}.article-figure{margin:28px 0 34px;border-radius:16px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}.article-figure img{display:block;width:100%;height:280px;object-fit:cover}.article-figure figcaption{padding:12px 16px;color:var(--muted);font-size:13px}.article-note{background:#fff8d7;border-left:4px solid var(--gold);padding:18px 20px;border-radius:8px;margin:24px 0;color:#4e4c47}.article-table-wrap{overflow-x:auto;margin:24px 0}.article-table{width:100%;border-collapse:collapse;min-width:560px;font-size:14px}.article-table th,.article-table td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.article-table th{background:#101010;color:#fff}.article-table tr:nth-child(even){background:#faf8f1}.article-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.article-check{border:1px solid var(--line);border-radius:10px;padding:14px;background:#faf8f1}.article-check strong{display:block;margin-bottom:4px}@media(max-width:760px){.article-nav{padding:14px 20px}.article-logo img{width:96px}.article-hero{grid-template-columns:1fr;gap:26px;padding:25px 0 55px}.article-hero h1{font-size:52px}.article-main{grid-template-columns:1fr;gap:34px}.article-side{position:static;order:-1}.article-content{padding:26px 20px}.article-content h2{font-size:28px}.article-figure img{height:210px}.article-checklist{grid-template-columns:1fr}}
/* Shared transparent KHIND RTO logo treatment. */
.article-logo {
  background: url("logo2.png") center / contain no-repeat !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.article-logo img {
  visibility: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

html, body, body *, button, input, select, textarea {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
}

body {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

.article-nav,
.article-crumb,
.article-hero,
.article-wrap,
.article-wrap article,
.article-wrap aside,
.article-footer {
  font-size: 16px;
}

.article-wrap article p,
.article-wrap article li,
.article-wrap article td,
.article-wrap article th {
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.article-wrap article h1 {
  font-size: clamp(42px, 5vw, 72px) !important;
  line-height: 1.02 !important;
}

.article-wrap article h2 {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.12 !important;
}

@media (max-width: 700px) {
  body { font-size: 15px !important; }
  .article-wrap article p,
  .article-wrap article li,
  .article-wrap article td,
  .article-wrap article th {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
  .article-wrap article h1 {
    font-size: clamp(34px, 10vw, 48px) !important;
  }
  .article-wrap article h2 {
    font-size: clamp(25px, 7vw, 34px) !important;
  }

  .article-wrap,
  .article-content,
  .article-content article,
  .article-content aside {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .article-content table {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  .article-content img,
  .article-content figure,
  .article-content figcaption {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Final mobile layout: keep article pages on the same contained canvas as the main page. */
@media (max-width: 860px) {
  .article-nav {
    padding: 14px 12px !important;
  }

  .article-wrap {
    width: min(680px, calc(100% - 24px)) !important;
    max-width: 680px !important;
    margin-inline: auto !important;
  }

  .article-crumb {
    padding: 24px 0 8px !important;
  }

  .article-hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 22px !important;
    padding: 26px 0 44px !important;
  }

  .article-hero h1 {
    font-size: clamp(38px, 10vw, 56px) !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
    margin: 14px 0 !important;
  }

  .article-lead {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  .article-hero img {
    width: 100% !important;
    max-width: 100% !important;
    height: 255px !important;
    max-height: 255px !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    padding: 14px !important;
  }

  .article-main {
    gap: 24px !important;
    padding-bottom: 64px !important;
  }

  .article-content {
    padding: 24px 18px !important;
    border-radius: 14px !important;
  }

  .article-side {
    order: 0 !important;
  }
}

@media (max-width: 520px) {
  .article-wrap {
    width: calc(100% - 28px) !important;
  }

  .article-hero {
    padding-top: 22px !important;
  }

  .article-hero img {
    height: 220px !important;
    max-height: 220px !important;
  }
}