@font-face{font-family:Yekan;src:url('/wp-content/themes/zarincharts-theme/assets/font/iranyekan-regular.woff') format('woff');font-display:swap}
:root{color-scheme:light;--bg:#fff;--ink:#142a43;--muted:#627487;--line:#dbe3e8;--up:#17634d;--down:#b32942;--gold:#ffd35a}
html[data-theme=dark]{color-scheme:dark;--bg:#152c3e;--ink:#edf5fb;--muted:#b0c3d3;--line:#385064;--up:#8cddba;--down:#ff95a7}
@media(prefers-color-scheme:dark){html[data-theme=auto]{color-scheme:dark;--bg:#152c3e;--ink:#edf5fb;--muted:#b0c3d3;--line:#385064;--up:#8cddba;--down:#ff95a7}}
*{box-sizing:border-box}body{margin:0;font:14px/1.65 Yekan,Tahoma,sans-serif;color:var(--ink);background:var(--bg)}
.quote{height:340px;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:5px;overflow:auto}
header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}h1{margin:0;font-size:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.symbol{font-size:12px;color:var(--muted)}
.brand{font-size:12px;color:var(--muted);white-space:nowrap;text-decoration:none;padding-block:6px}.value{display:flex;align-items:baseline;gap:8px}.value strong{font-size:clamp(25px,6vw,32px);line-height:1.4;font-variant-numeric:tabular-nums}.value span,.trend span{font-size:12px;color:var(--muted)}
.trend{display:flex;gap:8px;align-items:center}.trend bdi{font-weight:700}#spark{width:100%;min-height:48px;flex:1;color:var(--ink)}.up #spark,.up #change{color:var(--up)}.down #spark,.down #change{color:var(--down)}
.meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}.meta time{font-variant-numeric:tabular-nums}button{margin-inline-start:auto;border:0;background:transparent;color:var(--ink);font:inherit;min-width:44px;min-height:44px;cursor:pointer;border-radius:6px}
.analysis{display:flex;align-items:center;justify-content:center;min-height:44px;background:var(--gold);color:#142a43;font-weight:700;text-decoration:none;border-radius:8px}.analysis:hover{filter:brightness(.96)}a:focus-visible,button:focus-visible{outline:3px solid #338cc7;outline-offset:2px}
@media(max-width:340px){.quote{padding:12px}header{gap:6px}.brand{font-size:11px}h1{font-size:14px}.meta{gap:4px}}