@import url("/assets/css/es/main.css");

/* Odia-only: breadcrumbs, direct answer, user-fit, comparison table.
   Scoped to html[lang="or"] so no other locale is affected. */
html[lang="or"] body { line-height: 1.9; }
html[lang="or"] h1, html[lang="or"] h2, html[lang="or"] h3,
html[lang="or"] p, html[lang="or"] li { line-height: 1.95; }

html[lang="or"] .or-crumbs { font-size: 13px; color: #6b7280; margin: 0 0 12px; line-height: 1.9; }
html[lang="or"] .or-crumbs a { color: #0f766e; text-decoration: none; }
html[lang="or"] .or-crumbs a:hover { text-decoration: underline; }

html[lang="or"] .page-updated { font-size: 12px; color: #8a8a8a; margin: 10px 0 0; }

html[lang="or"] .direct-answer-box { background: #f0fdfa; border: 1px solid #99f6e4; border-radius: 12px; padding: 18px 20px; margin: 16px 0 4px; }
html[lang="or"] .direct-answer-label { margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .03em; color: #0f766e; }
html[lang="or"] .direct-answer-text { margin: 0 0 8px; font-size: 16px; line-height: 1.95; color: #1f2937; }
html[lang="or"] .direct-answer-text:last-child { margin-bottom: 0; }

html[lang="or"] .user-fit-grid { display: grid; gap: 16px; }
@media (min-width: 860px) { html[lang="or"] .user-fit-grid { grid-template-columns: repeat(2, 1fr); } }
html[lang="or"] .user-fit-col { border-radius: 10px; padding: 16px 18px; border: 1px solid #e5e7eb; }
html[lang="or"] .user-fit-col.fit-yes { background: #f0fdf4; border-color: #bbf7d0; }
html[lang="or"] .user-fit-col.fit-no { background: #fef2f2; border-color: #fecaca; }
html[lang="or"] .user-fit-col h3 { margin: 0 0 8px; font-size: 15px; }
html[lang="or"] .user-fit-col ul { margin: 0; padding-left: 20px; }

html[lang="or"] .table-wrap { overflow-x: auto; }
html[lang="or"] .info-table { width: 100%; border-collapse: collapse; }
html[lang="or"] .info-table th, html[lang="or"] .info-table td { border: 1px solid #e5e7eb; padding: .75rem; text-align: left; vertical-align: top; }
html[lang="or"] .info-table th { background: #fafafa; }

/* Odia hub link blurbs: a one-line description under each link title. */
html[lang="or"] .context-links a { display: block; }
html[lang="or"] .link-blurb { display: block; margin-top: 4px; font-size: 13px; line-height: 1.8; color: #6b7280; }