/* Miqat: clock, prayer times, sun and moon, Qibla, Islamic dates, places, event countdown.
   Builds on /assets/site.css tokens and glass. */

:not(html)[lang=ar]{font-family:"SF Arabic","Geeza Pro","Noto Sans Arabic",var(--sans);letter-spacing:0;font-feature-settings:normal;unicode-bidi:isolate}
span[lang=ar]{white-space:nowrap}
.ar{color:var(--ink-3);font-weight:450;margin-inline-start:.4em}
.empty{color:var(--ink-3)}
.mono{font-variant-numeric:tabular-nums}

/* ===== Head ===== */
.mq-head{margin-bottom:40px}
.mq-mark{width:48px;height:48px;padding:8px;border-radius:12px;background:none;box-shadow:inset 0 0 0 1px var(--line);
  fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mq-mark .head{fill:color-mix(in srgb,var(--accent) 14%,transparent)}
.mq-mark .hand{stroke:var(--ink);stroke-width:2.2}
.mq-mark .hub{fill:var(--ink);stroke:none}
.mq-head h1{font-size:clamp(1.9rem,1.6rem + 1.2vw,2.4rem);font-weight:600;letter-spacing:-.025em;margin-top:16px}
.mq-head h1 span span{font-weight:600;color:var(--ink-3);margin-inline-start:.15em}
.mq-head>p{color:var(--ink-2);margin-top:12px;font-size:1.12rem;max-width:56ch}
.mq-head .btns{margin-top:24px}

.mq-sec{margin-top:72px;scroll-margin-top:90px}
.mq-sec.first{margin-top:0}
.sec-head{margin-bottom:18px}
.sec-head h2{font-size:clamp(1.35rem,1.2rem + .6vw,1.6rem);font-weight:600}
.sec-head h2 span span{font-weight:600;color:var(--ink-3);margin-inline-start:.25em;font-size:.8em}
.sec-head p{color:var(--ink-2);margin-top:6px;max-width:60ch}
.fine{margin-top:16px;font-size:13.5px;color:var(--ink-3);max-width:72ch}
.fine b{color:var(--ink-2);font-weight:600}
.fine a,.faq a{color:var(--accent)}
.cap b{color:var(--ink)}

/* ===== Inputs ===== */
input[type=text],input[type=date],input[type=time],select{width:100%;font:500 16px var(--sans);color:var(--ink);padding:10px 13px;border-radius:9px;border:0;outline:0;min-height:46px;
  background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s var(--ease);-webkit-appearance:none;appearance:none}
select{padding-inline-end:36px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);
  background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px;background-repeat:no-repeat}
:root[dir=rtl] select{background-position:14px 50%,19px 50%}
/* Years read like a number line in both languages: previous on the left, next on the right */
.stepper{direction:ltr}
input:focus,select:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent)}
input::placeholder{color:var(--ink-3)}
input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
[data-mode=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-mode=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.combo{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}
.combo ul{position:absolute;left:0;right:0;top:100%;margin-top:6px;z-index:30;max-height:330px;overflow:auto;list-style:none;padding:6px;border-radius:12px;
  background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.1),inset 0 0 0 1px var(--line);overscroll-behavior:contain}
.combo li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:15px}
.combo li>span{min-width:0}
.combo li small{display:block;color:var(--ink-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.combo li time{flex:none;font:500 13px var(--mono);color:var(--ink-2)}
.combo li[aria-selected=true],.combo li:hover{background:var(--surface-2)}
.combo li.none{color:var(--ink-3);cursor:default;font-size:14px}
.chip{border:0;font:500 13.5px var(--sans);padding:5px 11px;border-radius:7px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);
  transition:transform .35s var(--spring),background-color .2s}
.chip:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 30%,transparent)}
.chip span{color:var(--ink-3);margin-inline-start:5px}
.chip[aria-pressed=true]{background:var(--key-top);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 60%,transparent)}

/* ===== Place + clock ===== */
.place{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 12px;padding:20px 22px;position:relative;z-index:5}
.place .btn{min-height:46px}
.place .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.place .btn.busy svg{animation:spin 1.2s linear infinite}
.quick{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:560px){.place{grid-template-columns:minmax(0,1fr);padding:18px}.place .btn{justify-content:center}}

.clock{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;margin-top:18px;padding:26px}
.where{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:1.1rem}
.where b{font-weight:650}
.where .ar{margin-inline-start:0}
.where>span:not(.ar){color:var(--ink-3);font-size:.95rem}
.where .here{order:-1;width:100%;font-size:12px!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)!important}
.time{margin-top:6px;font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.time b{font-size:clamp(3.6rem,2rem + 7vw,6.2rem);font-weight:600}
.time small{font-size:clamp(1.6rem,1rem + 2.4vw,2.4rem);color:var(--ink-3);font-weight:600;letter-spacing:-.03em}
.time i{font-style:normal;font-size:clamp(1.1rem,.8rem + 1vw,1.5rem);color:var(--ink-2);font-weight:600;margin-inline-start:.35em;letter-spacing:0}
.dates{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:12px;font-size:1.05rem}
.dates .hijri{color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5em;min-width:0}
.dates .hijri span{white-space:nowrap}
.dates .hijri .ar{margin-inline-start:0}
.zone{margin-top:8px;font-size:13.5px;color:var(--ink-3)}
.clock .next{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:20px;border-radius:22px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.clock .next h3{font-size:1.7rem;font-weight:600;margin-top:6px}
.clock .next .left{font-size:clamp(1.9rem,1.4rem + 1.6vw,2.6rem);font-weight:500;letter-spacing:-.03em;margin-top:6px;color:var(--accent);white-space:nowrap}
.clock .next .at{color:var(--ink-2)}
.bar{height:6px;border-radius:99px;background:var(--line);margin-top:14px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width 1s linear}
.since{margin-top:8px;font-size:13.5px;color:var(--ink-3)}
@media (max-width:760px){.clock{grid-template-columns:minmax(0,1fr);padding:20px;gap:18px}}

/* ===== Prayer times ===== */
.today{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 10px;padding-top:6px!important;padding:0;list-style:none}
.today li{position:relative;padding:14px 14px 12px;border-radius:18px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .3s}
.today span{display:flex;flex-direction:column;font-size:14px;font-weight:600}
.today span .ar{margin:0;font-size:13px;align-self:flex-start}
.today b{display:block;margin-top:8px;font-size:1.45rem;font-weight:500;letter-spacing:-.02em}
.today b small{font-size:12px;color:var(--ink-3);margin-inline-start:3px;font-family:var(--sans);letter-spacing:0}
.today em{position:absolute;top:-8px;inset-inline-end:10px;padding:1px 7px;border-radius:99px;font-style:normal;font-size:10.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--on-accent);background:var(--accent)}
.today .now em{color:var(--accent);background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}
.today .sun b,.today .sun span{color:var(--ink-2)}
.today .next{background:var(--key-top);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 65%,transparent)}
.today .now{background:color-mix(in srgb,var(--accent) 9%,transparent)}
@media (max-width:860px){.today{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.today li{padding:12px 10px 10px}.today b{font-size:1.2rem}.today b small{font-size:11px;margin-inline-start:2px}}
.week .s{display:none}
@media (max-width:560px){.week .l{display:none}.week .s{display:inline}.week thead small{display:none!important}.week th,.week td{padding:8px 3px!important}.week td.mono{font-size:12.5px!important}.week thead th{font-size:10px!important;letter-spacing:0}}

.tbl-wrap{margin-top:18px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}
.tbl th{text-align:start;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl thead th small{display:block;text-transform:none;letter-spacing:0;font-weight:500;font-size:12px}
.tbl tbody th{text-transform:none;letter-spacing:0;font-size:14px;font-weight:550;color:var(--ink)}
.tbl td{padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td.mono{font-family:var(--mono);font-size:14px}
.tbl td.sun{color:var(--ink-3)}
.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}
@media (max-width:600px){.tbl th,.tbl td{padding:8px 5px}.tbl td.mono{font-size:12.5px}.tbl tbody th{font-size:12.5px}.tbl thead th{font-size:10.5px}.tbl thead th small{font-size:10.5px}}

.settings{display:grid;grid-template-columns:minmax(0,1.6fr) auto minmax(0,1.1fr) auto;gap:16px;align-items:end;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.settings .seg{align-self:flex-start}
@media (max-width:860px){.settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:480px){.settings{grid-template-columns:minmax(0,1fr)}}
.year-btns{margin-top:18px}
.year{margin-top:18px}
.year-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.stepper{display:flex;align-items:center;gap:12px}
.stepper b{font:600 1.3rem var(--sans);font-variant-numeric:tabular-nums;min-width:3.2em;text-align:center}
.stepper .round{font-size:22px;line-height:1;box-shadow:inset 0 0 0 1px var(--line)}
.year-wrap{max-height:560px;overflow:auto;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);overscroll-behavior:contain}
.yeartbl caption{text-align:start;padding:12px 10px 4px;font-size:13.5px;color:var(--ink-2);font-weight:550}
.yeartbl thead th{position:sticky;top:0;background:var(--surface);z-index:1}
.yeartbl td.hj{color:var(--ink-3);font-size:13px}
.yeartbl tr.mh th{padding-top:18px;font-size:13px;color:var(--accent);background:transparent}
.yeartbl tr.on th,.yeartbl tr.on td{background:color-mix(in srgb,var(--accent) 10%,transparent)}

/* ===== Sun and moon ===== */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none}
.stats li{padding:13px 15px;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.stats span{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.stats b{display:block;margin-top:4px;font:500 1.25rem var(--mono);font-variant-numeric:tabular-nums}
.stats em{display:block;font-style:normal;font-size:13px;color:var(--ink-3);margin-top:2px}
@media (max-width:620px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats b{font-size:1.08rem}}
.chart{margin:18px 0 0;padding:14px 14px 8px;border-radius:18px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.chart figcaption{display:flex;flex-direction:column;gap:2px;font-size:14px}
.chart figcaption span{color:var(--ink-3);font-size:13px}
.chart svg{display:block;width:100%;height:auto;overflow:visible;margin-top:8px;touch-action:pan-y}
svg .ax{stroke:var(--line);stroke-width:1}
svg .tk{font:400 10.5px var(--mono);fill:var(--ink-3)}
svg .tk.end{text-anchor:end}
svg .line{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linejoin:round}
svg .area{fill:color-mix(in srgb,var(--accent) 10%,transparent)}
svg .pt{fill:var(--surface);stroke:var(--ink-2);stroke-width:2}
svg .ref{stroke:var(--accent);stroke-width:1.2;stroke-dasharray:3 4}
svg .subj-dot{fill:var(--accent);stroke:var(--surface);stroke-width:2}
svg .hit{fill:transparent}

.sky-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
@media (max-width:760px){.sky-grid{grid-template-columns:minmax(0,1fr)}}
.sky-card{padding:16px 18px;border-radius:18px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.sky-card h3,.noon h3{font-size:1.1rem;font-weight:600}
.sky-card h3 span span{color:var(--ink-3);font-weight:500;margin-inline-start:.3em;font-size:.9em}
.seasons{list-style:none;padding:0;margin-top:10px;display:grid;gap:10px}
.seasons li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;font-size:14.5px}
.seasons b{font-weight:600}
.seasons span{text-align:end;font-variant-numeric:tabular-nums;color:var(--ink-2)}
.seasons small{grid-column:1/-1;font-size:13px;color:var(--ink-3)}
.seasons .past{opacity:.5}
@media (max-width:560px){.seasons li{grid-template-columns:minmax(0,1fr)}.seasons span{text-align:start}}
.seasons .soon b{color:var(--accent)}
.moon{display:flex;gap:18px;align-items:center;margin-top:10px}
.moon svg{flex:none;width:96px;height:96px}
@media (max-width:560px){.moon svg{width:72px;height:72px}.moon{gap:14px}}
.moon-dark{fill:color-mix(in srgb,var(--ink) 12%,transparent)}
.moon-lit{fill:#f4f1e4}
[data-mode=light] .moon-lit{fill:#fffdf3}
.moon-rim{fill:none;stroke:var(--line);stroke-width:1}
[data-mode=light] .moon-dark{fill:#3a4058}
.moon b{font-size:1.05rem}
.moon p{font-size:14px;color:var(--ink-2)}
.moon dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;margin-top:8px;font-size:14px}
.moon dt{color:var(--ink-3)}
.moon dd{margin:0;font-variant-numeric:tabular-nums}
.noon{margin-top:16px;padding:16px 18px;border-radius:18px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.noon:empty{display:none}
.noon p{margin-top:6px;color:var(--ink-2);font-size:15px;max-width:76ch}
.noon p b{color:var(--ink)}
.noons{list-style:none;padding:0;margin:12px 0 2px;display:grid;gap:8px}
.noons li{display:grid;grid-template-columns:5.5em minmax(0,1fr) 5.5em;gap:12px;align-items:center;font-size:14px}
.noons i{position:relative;height:2px;background:var(--line);border-radius:2px}
.noons i::after{content:"";position:absolute;top:50%;left:var(--x);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--surface)}
.noons b{font-size:13px;color:var(--ink-2);font-weight:500;text-align:end}

/* ===== Qibla ===== */
.qibla{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:center}
@media (max-width:640px){.qibla{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}}
.dial{width:100%;max-width:300px;overflow:visible}
.dial .face{fill:var(--surface-2);stroke:var(--line);stroke-width:1}
.dial #rose{transition:transform .25s linear}
.dial .tk-b{stroke:var(--ink-2);stroke-width:2;stroke-linecap:round}
.dial .tk-s{stroke:var(--ink-3);stroke-width:1}
.dial text{font:600 13px var(--sans);fill:var(--ink-2);text-anchor:middle}
.dial text.n{fill:var(--warn)}
.dial text.w{font-size:11.5px}
.dial .needle{stroke:var(--accent);stroke-width:4;stroke-linecap:round}
.dial .tip{fill:var(--accent)}
.dial .kaaba{fill:#15161c;stroke:#d4af37;stroke-width:1.2}
.dial .band{fill:#d4af37}
.dial .hub{fill:var(--ink)}
.dial .you{fill:var(--ink-3)}
.dial.aligned .face{fill:color-mix(in srgb,var(--ok) 16%,transparent)}
.qibla-read .big{font-size:clamp(2.6rem,2rem + 2vw,3.4rem);font-weight:600;letter-spacing:-.04em;line-height:1}
.qibla-read p{color:var(--ink-2);margin-top:8px}
.qibla-read p b{color:var(--ink)}
.qibla-read .dist{font-weight:550;color:var(--ink)}
.qibla-read .btn{margin-top:16px}

/* ===== Islamic dates ===== */
.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;padding:0;list-style:none}
.days li{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:var(--r-lg)}
.days .n{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;height:68px;border-radius:18px;font:600 1.5rem var(--sans);letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;background:var(--glass-inset);box-shadow:inset 0 0 0 1px var(--line);color:var(--accent);line-height:1}
.days .n small{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-top:3px}
.days li.on .n{font-size:1rem}
.days h3{font-size:1.1rem;font-weight:600}
.days h3 .ar{font-size:.9em}
.days p{font-size:14px;color:var(--ink-2);margin-top:4px}
.days p span{color:var(--ink-3)}

/* ===== World ===== */
.add{max-width:420px}
.places{list-style:none;padding:0;margin-top:16px;display:grid;gap:0}
.places li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr) auto;gap:6px 16px;align-items:center;padding:12px 4px;border-top:1px solid var(--line)}
.places li.main .pn b{color:var(--accent)}
.places small{display:block;font-size:12.5px;color:var(--ink-3)}
.places .pn b{font-weight:650}
.places .pt span{font:500 1.3rem var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.places .pp span{font-size:14.5px}
.places .pa{display:flex;gap:6px;align-items:center;justify-content:flex-end;min-width:96px}
.places .round.x{width:32px;height:32px;font-size:18px;box-shadow:inset 0 0 0 1px var(--line)}
@media (max-width:640px){.places li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.places .pt{text-align:end}.places .pp{grid-column:1}.places .pa{min-width:0}}

/* ===== Event ===== */
.form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}
.form .wide{grid-column:span 2}
@media (max-width:820px){.form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.form{gap:16px 10px}}
.ev-out{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.ev-out h3{font-size:1.35rem;font-weight:600}
.ev-out .shared{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.count{font-size:clamp(2.2rem,1.4rem + 3vw,3.4rem);font-weight:500;letter-spacing:-.04em;margin-top:6px;color:var(--accent);line-height:1.1}
.ev-times{list-style:none;padding:0;margin-top:14px;display:grid;gap:6px}
.ev-times li{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:15px}
.ev-times span{color:var(--ink-3);min-width:9em}
.ev-out .btns{margin-top:18px}

/* ===== About ===== */
.faq{display:grid;gap:12px}
.faq details{border-radius:var(--r-lg);padding:0}
.faq summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:600;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--ink-3);font-weight:500;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 20px 18px;color:var(--ink-2);max-width:72ch}

.tip{position:fixed;z-index:70;pointer-events:none;padding:8px 11px;border-radius:12px;font-size:13px;line-height:1.4;max-width:240px;
  background:var(--ink);color:var(--bg);box-shadow:0 6px 20px rgba(0,0,0,.2);font-variant-numeric:tabular-nums}

/* ===== Print: only the year table ===== */
@media print{
  html.print-year body::before,html.print-year .nav,html.print-year .foot,html.print-year .skip,html.print-year .tip,html.print-year .toast{display:none!important}
  html.print-year main>*:not(#prayers),html.print-year #prayers .sec-head,html.print-year #prayers .glass>*:not(.year),html.print-year .year-top{display:none!important}
  html.print-year,html.print-year body{background:#fff!important;color:#000}
  html.print-year .page{padding:0;width:100%}
  html.print-year .mq-sec{margin:0}
  html.print-year .glass{background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0}
  html.print-year .glass::before,html.print-year .glass::after{display:none}
  html.print-year .year-wrap{max-height:none;overflow:visible;box-shadow:none}
  html.print-year .tbl{font-size:10px}
  html.print-year .tbl th,html.print-year .tbl td{padding:2px 6px;color:#000}
  html.print-year .yeartbl thead th{position:static}
  html.print-year .yeartbl tr.mh{break-after:avoid}
  html.print-year .rise{animation:none}
}