:root{--brand:#0f766e;--brand2:#b45309}
.nv .sel,.nv .inp{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;min-height:42px;max-width:100%}
.nvpick{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.nvpick .sel{flex:1 1 150px}
.nvpick .gps{flex:0 0 auto}
.nvhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem}
.nvcity{display:block;font-size:1.35rem}
.nvdate{color:var(--muted);font-size:.92rem}
.nvnext{text-align:end}
.nvnext .nl{display:block;color:var(--muted);font-size:.9rem}
.nvnext .cd{font-size:2rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--brand)}
.nvnext.big{text-align:center;margin:.6rem 0 1rem}
.nvnext.big .cd{font-size:2.4rem}
.nvgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}
.nvc{background:var(--chip);border:1px solid var(--line);border-radius:12px;padding:.7rem .4rem;text-align:center}
.nvc span{display:block;font-size:.85rem;color:var(--muted)}
.nvc b{font-size:1.45rem;font-variant-numeric:tabular-nums}
.nvc.on{background:var(--brand);border-color:var(--brand);color:#fff}
.nvc.on span{color:#ffffffd0}
@media (max-width:640px){.nvgrid{grid-template-columns:repeat(3,1fr)}.nvnext{text-align:start}.nvnext .cd{font-size:1.7rem}}
.nvm{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:1rem 0 0;color:var(--muted);font-size:.92rem}
.nvtabs{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1rem 0 .6rem}
.nvtabs .seg{margin:0}
.nvh{font-size:1.2rem;margin:.3rem 0 0;text-align:center}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;max-height:70vh}
.nvt{border-collapse:collapse;width:100%;font-size:.9rem;font-variant-numeric:tabular-nums}
.nvt th,.nvt td{padding:.45rem .55rem;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}
.nvt th{position:sticky;top:0;background:var(--card);z-index:1}
.nvt td:nth-child(2),.nvt th:nth-child(2){text-align:start}
.nvt tr.today td{background:color-mix(in srgb,var(--brand) 16%,transparent);font-weight:700}
.nvt .hl{color:var(--brand);font-weight:700}
.nvt .hj{color:var(--muted)}
.nvt.dg td{white-space:normal;text-align:start}
.nvt.dg tr.past{opacity:.5}
.seo.city .nvt{font-size:.85rem}
.facts{line-height:1.8}
.ilgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.35rem;margin:.6rem 0 1.2rem}
.ilgrid a{padding:.45rem .6rem;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);text-decoration:none;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ilgrid a:hover,.ilgrid a[aria-current]{border-color:var(--brand);color:var(--brand)}
.qb{text-align:center}
.dial{position:relative;width:280px;height:280px;margin:.5rem auto 1rem;border-radius:50%;border:3px solid var(--line);background:var(--card);transition:border-color .2s}
.dial.ok{border-color:var(--ok);box-shadow:0 0 0 6px color-mix(in srgb,var(--ok) 25%,transparent)}
.rose{position:absolute;inset:0;transition:transform .15s linear}
.rose i{position:absolute;font-style:normal;font-weight:700;color:var(--muted)}
.rose .n{top:8px;left:50%;transform:translateX(-50%);color:#dc2626}
.rose .s{bottom:8px;left:50%;transform:translateX(-50%)}
.rose .e{right:10px;top:50%;transform:translateY(-50%)}
.rose .w{left:10px;top:50%;transform:translateY(-50%)}
.qline{position:absolute;left:50%;top:calc(50% - 112px);width:4px;height:112px;margin-left:-2px;background:var(--brand);border-radius:2px;transform-origin:50% 100%}
.kaaba{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;font-size:26px;line-height:34px}
.needle{position:absolute;left:50%;top:10px;width:0;height:0;margin-left:-10px;border:10px solid transparent;border-top:18px solid var(--text)}
.qinfo p{margin:.35rem 0}
.qdeg{font-size:2rem;font-weight:800;color:var(--brand)}
.qdeg small{font-size:1rem;color:var(--muted);font-weight:600}
.hjtoday{text-align:center;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--chip);margin-bottom:1rem}
.hjtoday span{display:block;color:var(--muted)}
.hjtoday b{display:block;font-size:1.6rem;color:var(--brand)}
.hjtoday small{color:var(--muted)}
.hjconv{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.5rem}
.hjconv label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.mnav{justify-content:center}
.mnav .mon{min-width:10rem;text-align:center;text-transform:capitalize}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}
.cal .wd{text-align:center;font-size:.8rem;color:var(--muted)}
.cday{border:1px solid var(--line);border-radius:8px;padding:.3rem;min-height:3.2rem;background:var(--card)}
.cday b{display:block}
.cday small{color:var(--muted);font-size:.72rem}
.cday.h1{border-color:var(--brand2)}
.cday.h1 small{color:var(--brand2);font-weight:700}
.cday.today{background:var(--brand);color:#fff}
.cday.today small{color:#fff}
@media print{header,footer,.ad,.nvpick,.nvtabs,.tools,.sec,.seo:not(.city),.crumb,.hero p,.langbar,.nvnext,.nvgrid,.nvm{display:none!important}.tblwrap{max-height:none;overflow:visible;border:0}.nvt th{position:static}body{background:#fff;color:#000}}
