/* LAW_HINDI_LEGAL_2026: bilingual learning layer for /law pages */
html:not([lang^="hi"]) .lrb-sec > .blk-hi { display: none; }
html[lang^="hi"] .lrb-sec > .blk-en { display: none; }
.lrb-en-sub { display: block; font-size: .72em; font-weight: 500; color: #64748b; letter-spacing: .01em; margin-top: .15rem; font-family: system-ui, sans-serif; }
.notes-toc .lrb-en-sub { font-size: .78em; }
.lrb-intro { font-size: 1.02rem; }
.lrb-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 1.1rem 0 .6rem; }
.lrb-count { font-size: .8rem; font-weight: 700; color: #475569; background: #f1f5f9; border-radius: 999px; padding: .2rem .7rem; margin-right: auto; }
.lrb-btn { border: 1px solid #cbd5e1; background: #fff; border-radius: 999px; padding: .35rem .85rem; font: 600 .82rem/1.2 system-ui, sans-serif; cursor: pointer; color: #1e293b; }
.lrb-btn:hover, .lrb-btn[aria-pressed="true"] { background: #1e3a8a; color: #fff; border-color: #1e3a8a; }
.lrb-grid { display: grid; gap: .85rem; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); margin-bottom: 1.2rem; }
.lrb-card { --c: #475569; --bg: #f8fafc; position: relative; background: #fff; border: 1px solid #e2e8f0; border-top: 4px solid var(--c); border-radius: 12px; padding: .85rem .95rem .8rem; box-shadow: 0 1px 2px rgba(15, 23, 42, .05); transition: transform .15s ease, box-shadow .15s ease; }
.lrb-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15, 23, 42, .09); }
.lrb-t-contract { --c: #1d4ed8; --bg: #eff6ff; }
.lrb-t-torts { --c: #15803d; --bg: #f0fdf4; }
.lrb-t-crim { --c: #b91c1c; --bg: #fef2f2; }
.lrb-t-just { --c: #7c3aed; --bg: #f5f3ff; }
.lrb-t-const { --c: #b45309; --bg: #fffbeb; }
.lrb-t-proc { --c: #0f766e; --bg: #f0fdfa; }
.lrb-t-evid { --c: #0369a1; --bg: #f0f9ff; }
.lrb-t-equity { --c: #9d174d; --bg: #fdf2f8; }
.lrb-t-draft { --c: #4338ca; --bg: #eef2ff; }
.lrb-t-gen { --c: #475569; --bg: #f8fafc; }
.lrb-head { display: flex; align-items: flex-start; gap: .5rem; }
.lrb-term { flex: 1; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 700; font-size: 1.12rem; line-height: 1.3; color: var(--c); }
.lrb-say { flex: none; border: 0; background: var(--bg); color: var(--c); width: 2rem; height: 2rem; border-radius: 50%; cursor: pointer; font-size: .95rem; line-height: 2rem; padding: 0; }
.lrb-say:hover, .lrb-say.is-speaking { background: var(--c); color: #fff; }
.lrb-pron { display: inline-block; margin: .3rem 0 .45rem; font-size: .8rem; color: #475569; background: var(--bg); border-radius: 6px; padding: .1rem .5rem; }
.lrb-pron::before { content: "उच्चारण · "; font-weight: 700; color: var(--c); }
.lrb-mean { display: flex; flex-direction: column; gap: .2rem; transition: filter .2s ease; }
.lrb-hi { font-size: 1rem; line-height: 1.65; color: #0f172a; }
.lrb-en { font-size: .8rem; color: #64748b; font-style: italic; }
.lrb-foot { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .55rem; align-items: center; }
.lrb-tag { font-size: .68rem; font-weight: 700; letter-spacing: .02em; color: var(--c); background: var(--bg); border: 1px solid color-mix(in srgb, var(--c) 25%, transparent); border-radius: 999px; padding: .08rem .5rem; }
.lrb-where { font-size: .74rem; color: #334155; }
.lrb-ex { margin-top: .55rem; padding: .45rem .6rem; background: #fffbeb; border-left: 3px solid #f59e0b; border-radius: 6px; font-size: .86rem; line-height: 1.55; }
.lrb-ex b { color: #92400e; margin-right: .25rem; }
.lrb-flashmode .lrb-card { cursor: pointer; }
.lrb-flashmode .lrb-mean, .lrb-flashmode .lrb-ex, .lrb-flashmode .lrb-where { filter: blur(7px); user-select: none; }
.lrb-flashmode .lrb-card::after { content: "छूकर अर्थ देखें · tap to reveal"; position: absolute; right: .7rem; bottom: .45rem; font-size: .66rem; color: #94a3b8; }
.lrb-flashmode .lrb-card.lrb-reveal .lrb-mean, .lrb-flashmode .lrb-card.lrb-reveal .lrb-ex, .lrb-flashmode .lrb-card.lrb-reveal .lrb-where { filter: none; }
.lrb-flashmode .lrb-card.lrb-reveal::after { content: ""; }
.lrb-versus { display: grid; grid-template-columns: 1fr auto 1fr; gap: .6rem; align-items: stretch; margin: 1rem 0; }
.lrb-vs-a, .lrb-vs-b { border-radius: 12px; padding: .8rem .95rem; display: flex; flex-direction: column; gap: .25rem; }
.lrb-vs-a { background: linear-gradient(135deg, #ecfdf5, #fff); border: 1px solid #a7f3d0; }
.lrb-vs-b { background: linear-gradient(135deg, #fff7ed, #fff); border: 1px solid #fed7aa; }
.lrb-vs-a b { color: #047857; font-size: 1.05rem; }
.lrb-vs-b b { color: #c2410c; font-size: 1.05rem; }
.lrb-vs-a small, .lrb-vs-b small { color: #64748b; }
.lrb-vs-mid { align-self: center; font-weight: 800; color: #94a3b8; font-size: .9rem; }
.lrb-lab { margin: 1rem 0; border: 1px dashed #93c5fd; background: #f8fbff; border-radius: 12px; padding: .8rem .95rem; }
.lrb-lab-title { font-weight: 700; color: #1e3a8a; margin-bottom: .5rem; }
.lrb-pair { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: .6rem; align-items: center; padding: .4rem 0; border-top: 1px solid #e2e8f0; font-size: .92rem; }
.lrb-pair:first-of-type { border-top: 0; }
.lrb-a { font-family: Georgia, serif; color: #0f172a; }
.lrb-a b { color: #1d4ed8; }
.lrb-arrow { color: #94a3b8; font-weight: 700; }
.lrb-b { color: #334155; }
.lrb-legend { margin: .9rem 0; padding: .65rem .85rem; border-radius: 10px; background: #f5f3ff; border: 1px solid #ddd6fe; font-size: .92rem; line-height: 1.65; }
.lrb-equation { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .6rem; margin: 1rem 0; }
.lrb-equation > span:not(.lrb-eq-op) { display: flex; flex-direction: column; align-items: center; padding: .55rem 1rem; border-radius: 12px; font-weight: 800; font-size: 1.05rem; min-width: 7.5rem; }
.lrb-equation small { font-weight: 500; font-size: .78rem; opacity: .85; }
.lrb-eq-a { background: #fee2e2; color: #991b1b; }
.lrb-eq-b { background: #ede9fe; color: #5b21b6; }
.lrb-eq-c { background: #1e293b; color: #fff; }
.lrb-eq-op { font-size: 1.5rem; font-weight: 800; color: #64748b; }
.lrb-quiz { margin-top: 1.4rem; }
.lrb-quiz li { margin-bottom: .75rem; }
.lrb-qen { display: block; font-weight: 600; }
.lrb-qhi { display: block; color: #475569; font-size: .95rem; margin-top: .15rem; }
html[lang^="hi"] .lrb-qen { font-weight: 400; color: #64748b; font-size: .88rem; order: 2; }
html[lang^="hi"] .lrb-qhi { color: #0f172a; font-weight: 600; font-size: 1rem; }
html[lang^="hi"] .lrb-quiz li { display: flex; flex-direction: column; }
html[lang^="hi"] .lrb-quiz li > .lrb-qhi { order: 1; }
html[lang^="hi"] .lrb-quiz li > details { order: 3; }
.lrb-judges { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin: 1rem 0; }
.lrb-judge { border-radius: 12px; padding: .85rem .95rem; background: linear-gradient(135deg, #eef2ff, #fff); border: 1px solid #c7d2fe; display: flex; flex-direction: column; gap: .3rem; }
.lrb-judge b { color: #3730a3; font-size: 1.05rem; }
.lrb-judge small { color: #64748b; }
.lrb-map { margin: 1.1rem 0; }
.lrb-map-title { font-weight: 700; color: #0f766e; margin-bottom: .4rem; }
.lrb-note { font-size: .82rem; color: #64748b; }
@media (max-width: 640px) {
  .lrb-versus { grid-template-columns: 1fr; }
  .lrb-vs-mid { justify-self: center; }
  .lrb-pair { grid-template-columns: 1fr; gap: .15rem; }
  .lrb-arrow { display: none; }
  .lrb-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .lrb-card, .lrb-mean { transition: none; } .lrb-card:hover { transform: none; } }
@media print { .lrb-tools, .lrb-say { display: none !important; } .lrb-flashmode .lrb-mean { filter: none; } }