/* Desktop knowledge quick reading. Loaded only by knowledge.html. */
html[data-knowledge-quick-read="enabled"] { scrollbar-gutter: stable; }
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .term-grid { align-items:stretch; grid-auto-rows:1fr; }
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .term-card {
  height:100% !important; min-height:0; max-height:none; align-self:stretch; box-sizing:border-box;
}
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .term-title { min-height:0; height:auto; margin:0; align-items:flex-start; flex:0 0 auto; }
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .term-title strong { min-width:0; white-space:normal; }
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .qr-card-text {
  display:flex; flex-direction:column; gap:8px; flex:0 0 auto; min-width:0;
  min-height:var(--qr-text-budget,126.5px);
}
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .qr-card-summary {
  display:flex; flex-direction:column; gap:4px; flex:0 0 auto; min-width:0;
  min-height:0; height:auto; margin:0;
}
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .kb-card-meta {
  display:flex; flex-wrap:nowrap; align-items:center; gap:6px; min-width:0; min-height:0; margin:0;
}
html[data-knowledge-quick-read="enabled"] #knowledge-content .kb-std-chip {
  flex:0 0 auto; white-space:nowrap; line-height:1.4;
}
html[data-knowledge-quick-read="enabled"] #knowledge-content .qr-standard-more {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
  min-height:0 !important; height:auto !important;
  padding:2px 7px; border:1px solid var(--kb-border); border-radius:6px;
  background:var(--kb-brand-softer); color:var(--kb-brand-ink);
  font-family:inherit; font-size:11.5px; font-weight:600; line-height:1.4; white-space:nowrap; cursor:pointer;
}
html[data-knowledge-quick-read="enabled"] #knowledge-content .kb-card-meta .kb-std-chip[hidden],
html[data-knowledge-quick-read="enabled"] #knowledge-content .qr-standard-more[hidden],
html[data-knowledge-quick-read="enabled"] #knowledge-content .qr-meta-compact .kb-std-chip-count { display:none !important; }
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .term-card .term-card-content {
  flex:0 0 auto; min-height:0; height:auto; max-height:none; margin-top:0; gap:0;
  overflow:visible; mask-image:none; -webkit-mask-image:none;
}
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .term-card .term-card-content > p:first-of-type {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:var(--qr-summary-lines,4);
  overflow:hidden; max-height:none; margin:0; border:0; padding:0; font-size:13px; line-height:1.6; color:var(--kb-text-2);
  text-wrap:wrap;
}
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .qr-has-standards .term-card-content > p:first-of-type { -webkit-line-clamp:var(--qr-summary-lines,3); }
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .qr-balance-summary .term-card-content > p:first-of-type { text-wrap:balance; }
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] #knowledge-content .term-card .term-card-content > :not(p:first-of-type) { display:none !important; }
html[data-knowledge-quick-read="enabled"] body[data-knowledge-reading="option-a"] .qr-open {
  display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:36px;
  flex:0 0 auto; margin-top:auto; padding:5.5px 0; gap:5px; border:0; border-top:1px solid var(--kb-border);
  border-radius:0; color:var(--kb-brand-ink); background:transparent; box-shadow:none;
  font-family:inherit; font-size:13px; font-weight:600; line-height:1.4; cursor:pointer;
}
html[data-knowledge-quick-read="enabled"] .qr-open:hover { color:#008ebd; }
.qr-drawer {
  position:fixed; inset:0 calc(-1 * var(--qr-scrollbar-gap, 0px)) 0 auto; width:520px; max-width:calc(100vw - 20px);
  height:100dvh; max-height:100dvh; box-sizing:border-box; margin:0; padding:0;
  border:0; border-left:1px solid #d7e8ef; border-radius:18px 0 0 18px; background:#fff;
  color:#294354; box-shadow:-10px 0 36px rgba(17,52,72,.12); overflow:hidden;
  font-family:inherit;
}
.qr-drawer[open] { display:flex; flex-direction:column; }
.qr-drawer::backdrop { background:rgba(16,43,59,.32); }
.qr-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:22px 24px 18px; border-bottom:1px solid #e6eef3; flex:0 0 auto; }
.qr-context { margin:0 0 5px; font-size:12px; line-height:1.6; color:#698193; }
.qr-head h2 { margin:0; color:#173b50; font-size:22px; line-height:1.45; overflow-wrap:anywhere; }
.qr-close { flex:0 0 44px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #dfebf2; border-radius:50%; color:#3b657c; background:#f4f9fc; cursor:pointer; }
.qr-close svg { width:18px; height:18px; }
.qr-scroll { overflow:auto; overscroll-behavior:contain; min-height:0; padding:22px 24px 26px; flex:1 1 auto; }
.qr-scroll .qr-media { margin:0 0 22px; border:1px solid #dfebf2; border-radius:12px; overflow:hidden; background:#f5f9fc; }
.qr-media img { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; }
.qr-media figcaption { display:block !important; padding:8px 10px; font-size:11px; line-height:1.6; color:#758894; background:#f6fafd; border-top:1px solid #e6eef3; }
.qr-intro { margin:0 0 22px; padding:0 0 20px; border-bottom:1px solid #e7eef3; font-size:14px; line-height:1.85; color:#617989; overflow-wrap:anywhere; }
.qr-body > p { margin:0 0 21px; font-size:14px; line-height:1.9; color:#3c5362; overflow-wrap:anywhere; }
.qr-body > h3 { display:flex; align-items:center; gap:7px; margin:0 0 8px; font-size:13px; line-height:1.7; font-weight:700; color:#2e687e; }
.qr-body > h3::before { content:''; width:3px; height:12px; border-radius:2px; background:#00aceb; flex:0 0 3px; }
.qr-body .term-standards { margin:24px 0 20px; padding:14px; border:1px solid #d9eaf1; border-radius:12px; background:#f3fafd; }
.qr-body .term-standards-title { display:block; margin:0 0 8px; color:#29566b; font-size:13px; font-weight:700; }
.qr-body .term-standards-list { padding:0; margin:0; list-style:none; }
.qr-body .term-standards-list li { padding:0; margin:0 0 9px; color:#496477; font-size:12px; line-height:1.85; overflow-wrap:anywhere; }
.qr-body .term-standards-list li:last-child { margin-bottom:0; }
.qr-body .term-standards-list strong { color:#244d62; }
.qr-body .term-provenance { margin:18px 0 0; padding:12px 0 0; border:0; border-top:1px solid #e7eef3; background:none; }
.qr-body .term-provenance p { margin:0; color:#85949e; font-size:11px; line-height:1.8; }
.qr-related { margin-top:24px; }
.qr-related h3 { margin:0 0 10px; color:#365d71; font-size:13px; line-height:1.6; }
.qr-related-links { display:flex; flex-wrap:wrap; gap:8px; }
.qr-related-links a { display:inline-flex; align-items:center; min-height:32px; max-width:100%; box-sizing:border-box; padding:5px 10px; border:1px solid #d3e8f1; border-radius:18px; background:#f8fcfe; color:#2c6f8b; font-size:12px; line-height:1.7; text-decoration:none; overflow-wrap:anywhere; }
.qr-related-links a:hover { border-color:#79cbe9; background:#effaff; }
.qr-footer { flex:0 0 auto; padding:15px 24px; border-top:1px solid #e2edf3; background:#fff; }
.qr-full { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:0 14px; box-sizing:border-box; border:1px solid #00aceb; border-radius:10px; background:#00aceb; color:#fff !important; font-size:14px; font-weight:600; text-decoration:none; }
.qr-full:hover { background:#009ed8; border-color:#009ed8; }
.qr-drawer :is(button,a,h2):focus-visible,.qr-open:focus-visible { outline:2px solid #0085b6; outline-offset:3px; }
@media(max-width:1100px) { .qr-head { padding:18px 22px 16px; } .qr-scroll { padding:20px 22px 24px; } .qr-footer { padding:14px 22px; } }