/* The holidays pages (/holidays, /holidays/{iso}) and the holidays card on /countries/{iso}: approved preview, 3 Nov 2026 */
.hl-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 30%,#fffaf0,transparent 60%),linear-gradient(180deg,#fbfaf6,var(--bg))}
.hl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.3;-webkit-mask-image:radial-gradient(ellipse at 30% 30%,#000,transparent 65%);mask-image:radial-gradient(ellipse at 30% 30%,#000,transparent 65%)}
.hl-hin{position:relative;max-width:1240px;margin:0 auto;padding:40px 24px 34px;display:grid;grid-template-columns:380px 1fr;gap:36px;align-items:start}
.hl-hin>div{min-width:0}
.hl-cta{display:flex;gap:10px;margin-top:20px}
.hl-cta .btn,.hl-gl .btn{min-width:150px;padding:0 14px}
.hl-rd{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.hl-rk{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;white-space:nowrap}
.hl-rn{font-size:44px;line-height:1.1;font-variant-numeric:tabular-nums;margin-top:6px}
.hl-rn small{font-size:14px;color:var(--muted);margin-left:6px}
.hl-rh{height:56px;overflow:hidden;margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
.hl-rh span{font-size:12px;height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:var(--r);background:#f6efe0;color:var(--gold-d);white-space:nowrap}
.hl-today{border-top:1px solid var(--pearl);margin-top:10px;padding-top:10px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-live{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block;margin-right:6px;animation:hl-p 1.6s infinite}
@keyframes hl-p{50%{opacity:.25}}
.hl-globe canvas{display:block;width:100%;max-width:100%}
.hl-wave{display:grid;grid-template-columns:repeat(52,1fr);gap:2px;align-items:end;height:58px;margin-top:10px;cursor:pointer}
.hl-wave i{background:#e3ddd0;border-radius:2px 2px 0 0;transition:background .3s}
.hl-wave i.on{background:var(--gold)}
.hl-wave i.past{background:#d9c69c}
.hl-wm,.hl-months{display:grid;gap:2px;font-size:11px;color:var(--muted);margin-top:4px}
.hl-wm{grid-template-columns:repeat(52,1fr)}
.hl-wm span,.hl-months span{white-space:nowrap}
.hl-gl{font-size:12px;color:var(--muted);display:flex;gap:14px;align-items:center;justify-content:flex-end;margin-top:12px}
.hl-gl span{white-space:nowrap}
.hl-gl i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle;background:#ddd6c8}
.hl-gl i.on{background:var(--gold)}
.hl-gl .btn{height:30px}
/* figures and sections */
.hl-kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hl-kpi4 .card{padding:18px 20px}
.hl-kpi4 span,.hl-kpi4 small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-kpi4 b{display:block;font-weight:400;font-size:28px;font-variant-numeric:tabular-nums;margin:2px 0 6px}
.hl-s{padding-top:34px}
.hl-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.hl-sh h2{font-size:20px;font-weight:400;margin:0}
.hl-sh p{margin:2px 0 0;color:var(--muted)}
.hl-seg{display:flex;gap:8px;flex-wrap:wrap}
.hl-seg .btn{min-width:150px;height:32px;padding:0 12px;cursor:pointer;font:inherit;font-size:13px}
/* the world chart */
.hl-grid,.hl-bars,.hl-months{grid-template-columns:170px repeat(52,minmax(0,1fr)) 56px}
.hl-grid{display:grid;gap:2px;align-items:center}
.hl-bars{display:grid;gap:2px;align-items:end;height:96px;margin-bottom:6px}
.hl-rl{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:6px}
.hl-bars .hl-rl{align-self:end}
.hl-rc{font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.hl-cell{height:22px;border-radius:3px;background:var(--pearl);opacity:0;transform:scaleY(.4);transition:opacity .4s,transform .4s}
.hl-cell.in{opacity:1;transform:none}
.hl-cell.now{outline:1px solid var(--teal)}
.hl-cell:hover{outline:1px solid var(--ink)}
.hl-bar{background:var(--gold);border-radius:3px 3px 0 0;height:0;transition:height .6s ease}
.hl-bar.now{background:var(--teal)}
.hl-legend{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted);margin-top:14px;flex-wrap:wrap}
.hl-sw{display:inline-flex;gap:2px}
.hl-sw i{width:16px;height:12px;border-radius:3px;display:inline-block}
.hl-bk{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--gold);margin-right:6px;vertical-align:middle}
.hl-bk.now{background:var(--teal)}
.hl-tip{position:fixed;pointer-events:none;background:var(--ink);color:#fff;font-size:12px;padding:8px 10px;border-radius:var(--r);opacity:0;transition:opacity .15s;max-width:260px;z-index:9}
.hl-reads{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.hl-reads .card{min-height:104px;padding:18px 20px}
.hl-reads span{display:block;font-size:12px;color:var(--muted)}
.hl-reads p{font-size:15px;margin:4px 0 0}
/* tables */
.hl-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hl-col{display:flex;flex-direction:column;gap:16px}
.hl-t{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}
.hl-t th{text-align:left;color:var(--muted);font-size:12px;font-weight:400;border-bottom:1px solid var(--line);padding:8px;white-space:nowrap}
.hl-t td{padding:7px 8px;border-bottom:1px solid var(--pearl);white-space:nowrap}
.hl-t .num{text-align:right;font-variant-numeric:tabular-nums}
.hl-t tr:hover td{background:#fbfaf6}
.hl-t tr[hidden]{display:none}
.hl-t tr.hl-past td{color:var(--muted)}
.hl-t a{color:var(--ink);text-decoration:none}
.hl-t a:hover{color:var(--teal)}
.hl-t td.hl-f{width:100%;max-width:0;overflow:hidden;text-overflow:ellipsis}
.hl-showall{display:flex;justify-content:center;margin-top:14px}
.hl-showall .btn{min-width:200px;cursor:pointer;font:inherit;font-size:13px}
.hl-showall .btn[hidden]{display:none}
.hl-mini{display:inline-block;height:8px;border-radius:4px;background:var(--gold);vertical-align:middle;margin-right:8px}
.hl-chip{display:inline-flex;align-items:center;height:22px;font-size:11px;padding:0 9px;border-radius:var(--r);background:var(--pearl);color:var(--muted);white-space:nowrap}
.hl-chip.g{background:#e8f2ec;color:var(--ok)}
.hl-chip.t{background:#e6eef1;color:var(--teal)}
.hl-all{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 16px}
.hl-all a{color:var(--ink);text-decoration:none;font-size:13px;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--pearl)}
.hl-all a:hover{color:var(--teal)}
.hl-api{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hl-api .card{display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:18px 20px}
.hl-api code{font-size:12px;color:var(--teal);white-space:nowrap}
.hl-api p{margin:6px 0 12px;color:var(--muted);font-size:12px}
/* the endpoint, sold */
.hl-up{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;padding:32px;background:linear-gradient(135deg,#fffdf8,#fff 55%)}
.hl-upl,.hl-upr{min-width:0}
.hl-uph{font-size:30px;font-weight:400;line-height:1.2;margin:10px 0 10px}
.hl-upp{color:var(--muted);font-size:15px;margin:0 0 20px}
.hl-uses{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.hl-uses>div{display:flex;gap:12px;align-items:flex-start}
.hl-ui{flex:none;width:36px;height:36px;border-radius:var(--r);background:#f6efe0;color:var(--gold-d);display:flex;align-items:center;justify-content:center}
.hl-uses b{font-weight:400;font-size:14px}
.hl-uses p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.hl-ust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.hl-ust div{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.hl-ust b{display:block;font-weight:400;font-size:24px;font-variant-numeric:tabular-nums}
.hl-ust span{font-size:12px;color:var(--muted);white-space:nowrap}
.hl-ubt{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hl-ubt .btn{padding:0 10px}
.hl-code{border:1px solid var(--line);border-radius:var(--r);background:#fbfaf6;overflow:hidden}
.hl-tabs{display:flex;border-bottom:1px solid var(--line);background:#fff}
.hl-tabs button{flex:1;height:40px;border:0;border-right:1px solid var(--line);background:none;font:inherit;font-size:12px;color:var(--muted);cursor:pointer;letter-spacing:.06em}
.hl-tabs button:last-child{border-right:0}
.hl-tabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold)}
.hl-code pre{margin:0;padding:16px 18px;font:12px/1.6 "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;color:var(--teal);white-space:pre-wrap;word-break:break-all}
.hl-code pre[hidden]{display:none}
.hl-resp{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;font-size:12px;color:var(--muted)}
.hl-code .hl-json{color:var(--ink);max-height:none}
.hl-up+.hl-api{margin-top:16px}
/* one country */
.hl-w{width:200px}
.hl-split{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:end}
.hl-crumb{font-size:12px;color:var(--muted);margin-bottom:10px}
.hl-crumb a{color:var(--muted)}
.hl-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hl-kpis div{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.hl-kpis b{display:block;font-weight:400;font-size:22px;white-space:nowrap}
.hl-kpis span{font-size:12px;color:var(--muted)}
.hl-years{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.hl-years .btn{min-width:96px}
.hl-sel{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--muted)}
.hl-sel select{height:38px;min-width:96px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font:inherit;padding:0 10px}
.hl-more h2{font-size:16px;font-weight:400;margin:0 0 12px}
.hl-two-b{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* the year by month, on the country page and the card */
.hl-yr{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:8px 0 4px}
.hl-yr i{height:34px;border-radius:3px;background:var(--pearl);position:relative}
.hl-yr i em{position:absolute;left:0;right:0;bottom:0;background:var(--teal);border-radius:3px}
.hl-yrl{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;font-size:10px;color:var(--muted);text-align:center}
/* the card on /countries/{iso} */
.hl-card{margin-top:18px}
.hl-ck{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);display:flex;align-items:center;gap:8px}
.hl-ck i{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.hl-card h2{font-size:20px;font-weight:400;margin:6px 0 2px}
.hl-sub{color:var(--muted);margin:0 0 14px}
.hl-nx{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.hl-nx div{background:var(--pearl);border-radius:var(--r);padding:12px 14px;min-width:0}
.hl-nx span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-nx b{display:block;font-weight:400;font-size:22px;font-variant-numeric:tabular-nums;margin:2px 0}
.hl-ml{font-size:12px;color:var(--muted)}
.hl-ct{margin-top:12px}
.hl-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.hl-foot .btn{min-width:200px;padding:0 14px}
@media(max-width:900px){
.hl-hin,.hl-two,.hl-split{grid-template-columns:1fr}
.hl-kpi4,.hl-api{grid-template-columns:1fr 1fr}
.hl-reads{grid-template-columns:1fr}
.hl-all{grid-template-columns:1fr 1fr}
.hl-up{grid-template-columns:1fr;padding:22px}
.hl-grid,.hl-bars,.hl-months{grid-template-columns:76px repeat(52,minmax(0,1fr)) 22px}
.hl-months span{font-size:9px}
.hl-gl{justify-content:flex-start}
.hl-sh{flex-direction:column;align-items:flex-start}
.hl-sel{margin-left:0}
}
@media(max-width:560px){
.hl-nx{grid-template-columns:1fr}
.hl-hm{display:none}
.hl-t td{white-space:normal}
.hl-t td.num,.hl-t td:first-child{white-space:nowrap}
.hl-t td.num .hl-mini{display:none}
.hl-t td,.hl-t th{padding:7px 5px}
.hl-t th{white-space:normal}
.hl-t td.hl-f{max-width:none;width:auto}
.hl-up{padding:18px}
.hl-s .card{padding:12px}
.hl-ust span{white-space:normal}
.hl-ust b{font-size:20px}
.hl-uses,.hl-ubt{grid-template-columns:1fr}
.hl-rk .hl-pl{display:none}
.hl-gl{gap:10px;flex-wrap:wrap}
.hl-kpi4,.hl-api,.hl-two-b{grid-template-columns:1fr}
.hl-foot{flex-direction:column}
.hl-foot .btn,.hl-cta .btn{min-width:0;flex:1}
}