/* Qatar currency desk: compact tables, clear numerals and keyboard-friendly filtering. */
.currency-tracker-page .currency-hero { border-top: 4px solid #68162f; }
.currency-status strong { color: #67470f !important; }
.currency-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.currency-quick-panel { margin-top: 18px; }
.currency-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.currency-quick-card { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 15px; border: 1px solid #e0d9d0; border-radius: 9px; background: #fbfaf7; }
.currency-quick-identity { display: grid; grid-template-columns: auto auto; column-gap: 7px; align-items: baseline; }
.currency-quick-identity strong { color: #67470f; font-size: 1.05rem; font-weight: 800; }
.currency-quick-identity span { color: #68162f; font-size: .88rem; font-weight: 800; letter-spacing: .04em; }
.currency-quick-identity small { grid-column: 1 / -1; color: #53616b; font-size: .72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.currency-quick-card b { color: #67470f; font-size: 1rem; font-variant-numeric: tabular-nums; margin-top: 5px; }
.currency-quick-card small { color: #68757d; font-size: .68rem; }
.currency-quick-card p { margin: 7px 0 0; color: #56656e !important; font-size: .73rem; line-height: 1.5 !important; }
.currency-table-panel { margin-top: 18px; }
.currency-table-tools { display: flex; align-items: end; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 2px 0 14px; }
.currency-table-tools label { display: flex; flex-direction: column; gap: 6px; color: #34434c; font-size: .76rem; font-weight: 750; min-width: min(100%, 280px); }
.currency-table-tools input { min-height: 42px; padding: 8px 11px; border: 1px solid #b9c4c9; border-radius: 6px; background: #fff; color: #25313a; font: inherit; }
.currency-table-tools input:focus-visible { outline: 3px solid #9c4961; outline-offset: 2px; }
.currency-table-tools > span { color: #596771; font-size: .76rem; font-variant-numeric: tabular-nums; }
.currency-table-scroll { max-height: 720px; overflow: auto; border: 1px solid #e5dfd6; border-radius: 8px; }
.currency-table-scroll table { min-width: 860px; }
.currency-table-scroll thead th { position: sticky; top: 0; z-index: 2; background: #f5efe8; box-shadow: 0 1px 0 #dfd6cc; }
.currency-table-scroll tbody tr[data-hidden="1"] { display: none; }
.currency-table-scroll tbody th { min-width: 160px; }
.currency-code { display: block; color: #68162f; font-weight: 800; letter-spacing: .035em; }
.currency-identity { display: inline-flex; align-items: baseline; gap: 7px; }
.currency-symbol { color: #67470f; font-size: .95rem; font-weight: 800; }
.currency-identity .currency-code { display: inline; color: #68162f; font-size: .88rem; }
.currency-table-scroll tbody th small.currency-name { display: block; margin-top: 3px; color: #68757d; font-size: .72rem; font-weight: 500; }
.currency-table-scroll td { font-variant-numeric: tabular-nums; white-space: nowrap; }
.currency-explainer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 18px; }
.currency-explainer-grid article { min-width: 0; }
.currency-explainer-grid h2 { margin-top: 7px; }
.currency-disclaimer { border-inline-start: 4px solid #a2762f; background: #fff9ef !important; margin-top: 18px; }
.currency-disclaimer strong { color: #67470f; }
.currency-disclaimer p { margin: 7px 0 0; }
.currency-notes-panel { margin-top: 18px; }
.currency-notes-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
.currency-notes-grid article { padding: 13px 0; border-bottom: 1px solid #e8e2da; }
.currency-notes-grid h3 { margin: 0 0 4px; color: #293841 !important; font-size: .93rem; }
.currency-notes-grid h3 span { color: #68162f; font-size: .76rem; letter-spacing: .04em; margin-inline-end: 4px; }
.currency-notes-grid p { margin: 0; color: #56656e !important; font-size: .78rem; line-height: 1.55 !important; }
@media (max-width: 900px) { .currency-quick-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 650px) { .currency-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .currency-explainer-grid, .currency-notes-grid { grid-template-columns: 1fr; } }
@media (max-width: 390px) { .currency-quick-grid { grid-template-columns: 1fr; } }

.currency-quick-card{color:inherit;text-decoration:none!important;transition:border-color .15s,background .15s,transform .15s}.currency-quick-card:hover{border-color:#a98590;background:#fff;transform:translateY(-1px)}
.currency-detail-anchor{display:block;color:#68162f!important;text-decoration:none!important}.currency-detail-anchor:hover .currency-row-cta{text-decoration:underline;text-underline-offset:3px}.currency-detail-anchor .currency-name{color:#68757d}.currency-row-cta{display:block;color:#6d5960;font-size:.67rem;font-weight:750;margin-top:5px}
.currency-notes-grid h3 a{color:#68162f;text-decoration:none}.currency-notes-grid h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.currency-metal-pages .market-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.detail-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#64717a;font-size:.78rem;margin:0 0 12px}.detail-breadcrumb a{color:#701a36;font-weight:700;text-decoration:none}.detail-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}.detail-breadcrumb>span:last-child{color:#34424a;font-weight:700}
.currency-detail-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.currency-detail-amounts>div{padding:15px;border:1px solid #e3ddd4;background:#fbfaf7;border-radius:8px}.currency-detail-amounts span,.currency-detail-amounts strong{display:block}.currency-detail-amounts span{font-size:.75rem;color:#606d76}.currency-detail-amounts strong{margin-top:6px;color:#67470f;font-variant-numeric:tabular-nums;font-size:1.08rem}.currency-detail-page .market-currency-panel table{min-width:650px}
@media(max-width:700px){.currency-metal-pages .market-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-detail-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.currency-metal-pages .market-link-grid{grid-template-columns:1fr}.currency-detail-amounts strong{font-size:.94rem}}