/* MTMD Rate Board 1.3.0 — responsive via container queries (scales like a TV board, stacks on small widths) */
.mtmd-bw{container-type:inline-size;container-name:mtmdb;position:relative;width:100%;direction:rtl;font-family:inherit;line-height:1.3}
.mtmd-bw *{box-sizing:border-box}
.mtmd-board{
 --fs:1.9cqw;--fs-s:1.45cqw;--gap:.6cqw;
 display:grid;grid-template-columns:27% minmax(0,1fr);aspect-ratio:16/9;width:100%;overflow:hidden;
 background:var(--b-bg,#111);color:#fff;border-radius:.8cqw;
}
.mtmd-board img{max-width:100%;border:0;box-shadow:none;margin:0}

/* ---------- right column ---------- */
.mtmd-b-side{display:flex;flex-direction:column;gap:var(--gap);min-height:0;padding:.9cqw;background:var(--b-side-bg,#1f3b61)}
.mtmd-b-head{display:flex;flex-direction:column;gap:.5cqw;text-align:center}
.mtmd-b-logo{display:flex;align-items:center;justify-content:center;background:var(--b-logo-bg,#fff);border-radius:.6cqw;padding:.6cqw}
.mtmd-b-logo img{display:block;height:7.2cqw;width:auto;max-width:100%;object-fit:contain}
.mtmd-b-name{background:var(--b-name-bg,#b9a26b);color:var(--b-name-text,#fff);font-size:var(--fs);font-weight:800;padding:.5cqw .8cqw;border-radius:.5cqw}
.mtmd-b-stamp,.mtmd-b-clock{background:var(--b-stamp-bg,#fff);color:var(--b-stamp-text,#1a1a1a);font-size:var(--fs-s);padding:.4cqw .8cqw;border-radius:.5cqw;text-align:center;font-weight:600}
.mtmd-b-stamp b{font-weight:800}
.mtmd-b-clock{display:flex;flex-direction:column;gap:.1cqw}
.mtmd-b-time{font-size:calc(var(--fs) * 1.15);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.mtmd-b-rates{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--gap);min-height:0}

/* ---------- rate rows / cells ---------- */
.mtmd-b-rate{display:flex;align-items:center;justify-content:space-between;gap:.6cqw;min-width:0}
.mtmd-b-rl{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-weight:700}
.mtmd-b-rv{display:inline-flex;align-items:baseline;gap:.4cqw;white-space:nowrap;direction:ltr;unicode-bidi:isolate;flex:none}
.mtmd-b-rv b{font-weight:800;font-variant-numeric:tabular-nums}
.mtmd-b-arrow{display:inline-block;font-style:normal;font-size:.7em;line-height:1;align-self:center}
.mtmd-b-arrow[data-dir=up]::before{content:"▲";color:var(--b-up,#2ecc71)}
.mtmd-b-arrow[data-dir=down]::before{content:"▼";color:var(--b-down,#ff5a5f)}
.mtmd-b-arrow[data-dir=flat]{display:none}
.mtmd-b-rv small{font-size:.6em;opacity:.8;font-weight:400}
.mtmd-b-rates .mtmd-b-rate{flex:1 1 0;background:var(--b-side-row-bg,#2a4d7a);color:var(--b-side-label,#fff);font-size:var(--fs);padding:.2cqw 1cqw;border-radius:.5cqw}
.mtmd-b-rates .mtmd-b-rv b{color:var(--b-side-value,#ffe08a)}

/* ---------- main column ---------- */
.mtmd-b-main{display:flex;flex-direction:column;gap:var(--gap);min-width:0;min-height:0;padding:.8cqw;background:var(--b-bg,#111)}

/* slider */
.mtmd-b-slider{position:relative;flex:1 1 0;min-height:0;overflow:hidden;background:#000;border-radius:.8cqw}
.mtmd-b-empty{background:linear-gradient(135deg,#0c0c0c,var(--b-side-bg,#1f3b61))}
.mtmd-b-track{position:absolute;inset:0}
.mtmd-b-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;visibility:hidden}
.mtmd-b-slide.is-active{opacity:1;visibility:visible;z-index:1}
.mtmd-b-slide img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.mtmd-b-eff-slide .mtmd-b-track{display:flex;flex-wrap:nowrap;transform:translateX(calc(var(--i,0) * 100%));transition:transform .8s ease}
.mtmd-b-eff-slide .mtmd-b-slide{position:relative;inset:auto;flex:0 0 100%;opacity:1;visibility:visible;transition:none}
.mtmd-b-dots{position:absolute;z-index:3;left:0;right:0;bottom:.7cqw;display:flex;justify-content:center;gap:.6cqw;pointer-events:none}
.mtmd-b-dots button{pointer-events:auto;width:1cqw;height:1cqw;min-width:8px;min-height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}
.mtmd-b-dots button.is-on{background:#fff}

/* news */
.mtmd-b-news{display:flex;align-items:stretch;flex:none;min-height:3.2cqw;background:var(--b-news-bg,#2b2f36);color:var(--b-news-text,#fff);font-size:var(--fs);overflow:hidden;border-radius:.8cqw}
.mtmd-b-news-l{position:relative;z-index:2;display:flex;align-items:center;flex:none;padding:0 1.5cqw;font-weight:800;background:var(--b-news-label-bg,#b9a26b);color:var(--b-news-label-text,#fff)}
.mtmd-b-news-view{position:relative;flex:1 1 auto;min-width:0;overflow:hidden}
.mtmd-b-news-track{display:flex;align-items:center;width:max-content;height:100%;white-space:nowrap;animation:mtmd-b-news var(--dur,40s) linear infinite;will-change:transform}
.mtmd-b-news:hover .mtmd-b-news-track{animation-play-state:paused}
.mtmd-b-news-set{display:flex;align-items:center;flex:none}
.mtmd-b-news-i{display:inline-block;padding:0 1.6cqw}
.mtmd-b-news-i::before{content:"◆";display:inline-block;margin-inline-end:1.6cqw;font-size:.55em;vertical-align:middle;opacity:.7;color:var(--b-news-label-bg,#b9a26b)}
@keyframes mtmd-b-news{from{transform:translateX(0)}to{transform:translateX(50%)}}

/* bottom grid: pages stacked in one cell, cross-fade between them */
.mtmd-b-pages{flex:none;display:grid}
.mtmd-b-page{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.mtmd-b-page.is-active{opacity:1;visibility:visible}
.mtmd-b-grid{display:grid;gap:var(--gap)}
.mtmd-b-cols-2 .mtmd-b-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows,5),1fr);grid-auto-flow:column}
.mtmd-b-cols-5 .mtmd-b-grid{--fs:1.45cqw;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(var(--rows,2),1fr);grid-auto-flow:row}
.mtmd-b-grid .mtmd-b-rate{background:var(--b-cell-bg,#3a4658);border:.15cqw solid var(--b-cell-border,#d4b66a);border-radius:.8cqw;color:var(--b-cell-label,#fff);font-size:var(--fs);padding:.35cqw 1.1cqw}
.mtmd-b-grid .mtmd-b-rv b{color:var(--b-cell-value,#fff)}
.mtmd-b-cols-5 .mtmd-b-grid .mtmd-b-rate{flex-direction:column;align-items:stretch;justify-content:center;text-align:center;gap:.2cqw}
.mtmd-b-cols-5 .mtmd-b-grid .mtmd-b-rl{flex:none}
.mtmd-b-cols-5 .mtmd-b-grid .mtmd-b-rv{justify-content:center}

/* fullscreen button */
.mtmd-b-fs{position:absolute;z-index:10;top:.8cqw;left:.8cqw;width:3cqw;height:3cqw;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:.5cqw;background:rgba(0,0,0,.45);color:#fff;font-size:max(14px,1.8cqw);line-height:1;cursor:pointer;opacity:.35;transition:opacity .2s}
.mtmd-bw:hover .mtmd-b-fs,.mtmd-b-fs:focus-visible{opacity:1}
.mtmd-bw:fullscreen{background:#000;display:flex;align-items:center;justify-content:center}
.mtmd-bw:-webkit-full-screen{background:#000;display:flex;align-items:center;justify-content:center}
.mtmd-bw:fullscreen .mtmd-board{height:100%;aspect-ratio:auto;border-radius:0}
.mtmd-bw:-webkit-full-screen .mtmd-board{height:100%;aspect-ratio:auto;border-radius:0}
.mtmd-bw:fullscreen{container-type:size}
.mtmd-bw:-webkit-full-screen{container-type:size}

/* full-page mode: board fills the whole screen (TV / phone), fonts follow both width and height */
html.mtmd-b-has-full{overflow-x:clip}
.mtmd-bw-full{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);height:100vh;height:100dvh;container-type:size}
@media (min-width:701px){
.mtmd-bw-full .mtmd-board,.mtmd-bw:fullscreen .mtmd-board{height:100%;aspect-ratio:auto;border-radius:0;--fs:min(1.9cqw,3.5cqh);--fs-s:min(1.45cqw,2.7cqh)}
.mtmd-bw-full.mtmd-bw .mtmd-b-cols-5 .mtmd-b-grid,.mtmd-bw:fullscreen .mtmd-b-cols-5 .mtmd-b-grid{--fs:min(1.45cqw,2.8cqh)}
.mtmd-bw-full .mtmd-b-name,.mtmd-bw:fullscreen .mtmd-b-name{font-size:min(2.1cqw,3.8cqh)}
}
@media (max-width:700px){.mtmd-bw-full{height:auto;container-type:inline-size}}

/* ---------- small screens: stack everything ---------- */
@container mtmdb (max-width:700px){
 .mtmd-bw .mtmd-board{display:flex;flex-direction:column;aspect-ratio:auto;height:auto;--fs:3.9cqw;--fs-s:3.2cqw;--gap:1.6cqw;border-radius:2cqw}
 .mtmd-bw-full .mtmd-board{border-radius:0}
 .mtmd-b-side,.mtmd-b-main{display:contents}
 .mtmd-b-head{order:1;background:var(--b-side-bg,#1f3b61);padding:2.2cqw;display:grid;grid-template-columns:auto 1fr;gap:1.6cqw;align-items:stretch}
 .mtmd-b-logo{grid-row:1/3;padding:1.4cqw;border-radius:1.4cqw}
 .mtmd-b-logo img{height:15cqw}
 .mtmd-b-name,.mtmd-b-stamp{border-radius:1.2cqw;padding:1.2cqw 2cqw;display:flex;align-items:center;justify-content:center;gap:1.2cqw;flex-wrap:wrap}
 .mtmd-b-head:not(:has(.mtmd-b-logo)){grid-template-columns:1fr}
 .mtmd-b-slider{order:2;flex:none;aspect-ratio:16/9;margin:0 2cqw;border-radius:2cqw}
 .mtmd-b-news{order:3;min-height:9cqw;margin:0 2cqw;border-radius:2cqw}
 .mtmd-b-news-l{padding:0 3cqw}.mtmd-b-news-i{padding:0 3.5cqw}.mtmd-b-news-i::before{margin-inline-end:3.5cqw}
 .mtmd-b-pages{order:4;margin:0 2cqw}
 .mtmd-b-cols-2 .mtmd-b-grid,.mtmd-b-cols-5 .mtmd-b-grid{--fs:3.9cqw;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row}
 .mtmd-b-grid .mtmd-b-rate,.mtmd-b-cols-5 .mtmd-b-grid .mtmd-b-rate{flex-direction:column;align-items:stretch;text-align:center;gap:.6cqw;padding:2cqw 2.4cqw;border-width:.4cqw;border-radius:2cqw;font-size:var(--fs)}
 .mtmd-b-grid .mtmd-b-rl{flex:none}
 .mtmd-b-grid .mtmd-b-rv{justify-content:center}
 .mtmd-b-clock{order:5;margin:0 2cqw;padding:1.6cqw 2cqw}
 .mtmd-b-rates{order:6;background:var(--b-side-bg,#1f3b61);padding:2cqw;flex:none;gap:1.6cqw}
 .mtmd-b-rates .mtmd-b-rate{flex:none;padding:2cqw 3cqw;border-radius:1.4cqw;font-size:var(--fs)}
 .mtmd-b-fs{display:none}
}
@media (prefers-reduced-motion:reduce){
 .mtmd-b-news-track{animation:none;overflow-x:auto}
 .mtmd-b-slide,.mtmd-b-page,.mtmd-b-eff-slide .mtmd-b-track{transition:none}
}