/* ============================================================
   Courant van Lazia — cvl7 design system (full stylesheet)
   Drives the rewritten Blade templates. cvl.js is unchanged:
   it rotates .clock-hand via transform and toggles .active on
   modals / #sidebarMenu / #sidebarOverlay.
   ============================================================ */
:root{
  --bg:#fbf9f8; --header-bg:#fff1e5; --ink:#1a1a1a; --muted:#4b5563; --muted-light:#6b7280;
  --gray-700:#374151; --gray-800:#1f2937; --gray-200:#e5e7eb; --gray-400:#9ca3af;
  --red:#dc2626; --secondary:#b02d2a; --border:#d2bfae; --peach:#fcd0b1;
  --f-head:'Instrument Serif',Georgia,serif;
  --f-body:'Calluna','calluna','Domine',Georgia,serif;
  --f-accent:'Crimson Pro',Georgia,serif;
  --f-sans:'Inter',system-ui,-apple-system,sans-serif;
  --maxw:1440px;
  --fs-display:40px; --fs-h1:28px; --fs-h2:22px; --fs-h3:18px; --fs-body:16px; --fs-sm:14px; --fs-meta:12px;
  --article-w:720px; --article-media:960px; --fs-article-title:48px;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--f-body);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;font-family:var(--f-head);font-weight:700;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
.material-icons{vertical-align:middle;}
.container{max-width:var(--maxw);margin:0 auto;padding-left:16px;padding-right:16px;}
.kicker,.kicker-red{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.3;color:var(--red);}

/* ---------------- Masthead (cvl7) ---------------- */
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;}
.site-header,.header{position:sticky;top:0;z-index:50;background:var(--header-bg);border-bottom:1px solid var(--border);}
.header-top{max-width:var(--maxw);margin:0 auto;padding:24px 16px;border-bottom:1px solid var(--border);}
.header-top-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.logo{display:inline-flex;}
.site-logo{height:64px;width:auto;object-fit:contain;display:block;}
.site-header.is-home .site-logo{height:105px;}
.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.motto,.header-motto{font-family:var(--f-head);font-style:italic;font-weight:700;font-size:var(--fs-h3);color:var(--ink);margin:0;padding-top:4px;}
.site-header.is-home .motto{font-size:var(--fs-h1);}
.header-clock-chip{display:flex;align-items:center;gap:12px;}
.clock-meta{text-align:right;}
.clock-city{display:block;font-family:var(--f-head);font-size:var(--fs-h3);font-weight:700;line-height:1.1;}
.clock-date{display:block;font-family:var(--f-body);font-size:var(--fs-meta);font-weight:700;line-height:1;margin-bottom:4px;}
.clock-line{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-family:var(--f-body);font-size:var(--fs-meta);color:var(--muted-light);font-weight:500;}
.clock-line .weather{display:inline-flex;align-items:center;gap:4px;}
.clock-line .material-symbols-outlined{font-size:var(--fs-meta);}
.clock{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid var(--border);flex-shrink:0;background:var(--header-bg);}
.clock-ticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -2.5deg,var(--gray-400) 0deg 5deg,transparent 5deg 30deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));}
.clock .hand{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;background:var(--ink);}
.clock .hand-hour{width:1px;height:13px;}
.clock .hand-min{width:1px;height:17px;}
.clock .hand-sec{width:1px;height:17px;background:var(--red);}
.main-nav{max-width:var(--maxw);margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow-x:auto;white-space:nowrap;}
.main-nav::-webkit-scrollbar{display:none;}
.nav-sections{display:flex;gap:24px;font-family:var(--f-sans);font-size:var(--fs-sm);font-weight:500;color:var(--gray-700);}
.nav-sections a{color:var(--gray-700);}
.nav-sections a:hover{color:var(--ink);}
.nav-sections a.active{color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:2px;}
.nav-actions{display:flex;align-items:center;gap:16px;padding-left:24px;margin-left:auto;color:var(--gray-700);font-family:var(--f-sans);}
.icon-btn{background:none;border:0;cursor:pointer;color:var(--gray-700);padding:0;display:inline-flex;}
.icon-btn:hover,.nav-action:hover{color:var(--ink);}
.icon-btn svg{width:20px;height:20px;}
.nav-action{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:500;}
.nav-action.divider-left{padding-left:16px;border-left:1px solid var(--border);}
.nav-action .material-symbols-outlined{font-size:20px;}
.nav-action svg{width:20px;height:20px;}
.lang-toggle{gap:6px;font-weight:700;letter-spacing:.03em;}
.lang-toggle a{color:var(--muted-light);text-decoration:none;}
.lang-toggle a:hover{color:var(--ink);}
.lang-toggle a.active{color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
.lang-toggle .lang-sep{color:var(--border);}
.lang-toggle-mobile{display:inline-flex;align-items:center;}
.lang-toggle-mobile .material-icons{margin-right:8px;}
.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:6px;background:none;border:0;}
.hamburger span{display:block;width:22px;height:2px;background:var(--ink);}

/* ---------------- Layout grids ---------------- */
.main-container{max-width:var(--maxw);margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:1fr;gap:40px;align-items:start;}
.content-left{display:flex;flex-direction:column;gap:40px;min-width:0;}
@media(min-width:1024px){ .main-container{grid-template-columns:3fr 1fr;} }

/* top story */
.top-story{display:grid;grid-template-columns:1fr;gap:32px;border-bottom:1px solid var(--border);padding-bottom:32px;}
@media(min-width:1024px){ .top-story{grid-template-columns:4fr 8fr;} }
.top-story-text{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;}
.top-story-text:only-child{grid-column:1/-1;max-width:820px;}
.top-story-media{position:relative;min-height:400px;background:var(--ink);overflow:hidden;border-radius:8px;}
.top-story-media > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.top-story-title{font-family:var(--f-head);font-weight:700;font-size:42px;line-height:1.06;letter-spacing:-.01em;margin:10px 0 0;}
.top-story-standfirst{font-family:var(--f-body);font-size:18px;line-height:1.6;color:var(--gray-800);margin:16px 0 0;}
/* sub-article links (cvl7-css.html top-story "related" style) */
.lead-sublist{display:flex;flex-direction:column;gap:12px;margin:0 0 24px;}
.lead-subitem{display:flex;align-items:flex-start;gap:12px;}
.lead-subitem .dot{width:10px;height:10px;border-radius:50%;background:var(--gray-400);flex-shrink:0;margin-top:7px;}
.lead-subitem .sub-text{font-family:var(--f-body);font-size:var(--fs-h3);line-height:1.35;color:var(--secondary);text-decoration:underline;text-underline-offset:2px;}
.lead-subitem:hover .sub-text{color:var(--red);}
/* ---- Reviews: star rating + Kijkwijzer / PEGI ---- */
.review-panel{margin:6px 0 2px;display:flex;flex-direction:column;gap:18px;}
.review-verdict{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.review-stars{position:relative;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:30px;line-height:1;letter-spacing:3px;}
.review-stars .off{color:#e0d5c8;}
.review-stars .on{position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden;color:#e8a000;}
.review-score{font-family:var(--f-head);font-weight:700;font-size:26px;color:var(--ink);}
.review-score span{font-size:16px;color:var(--muted);font-weight:400;}
.review-verdict-label{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);}
.review-stars-sm{font-size:17px;letter-spacing:2px;margin:4px 0 0;}
.review-classes{display:flex;flex-wrap:wrap;gap:26px;padding:16px 18px;border:1px solid var(--border);border-radius:8px;background:#fff;}
.class-block{display:flex;flex-direction:column;gap:9px;}
.class-system{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.class-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.kw-age{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 7px;border-radius:7px;background:#1a1a1a;color:#fff;font-family:var(--f-sans);font-weight:700;font-size:16px;}
.kw-age.kw-al{background:#2e7d32;font-size:13px;}
.pegi-age{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:38px;height:38px;border-radius:6px;background:#1a1a1a;color:#fff;line-height:1;}
.pegi-age b{font-family:var(--f-sans);font-weight:800;font-size:17px;padding-top:5px;}
.pegi-age span{font-family:var(--f-sans);font-size:8px;font-weight:700;letter-spacing:.5px;padding-bottom:4px;}
.pegi-age.pegi-g b{color:#7cbf3f;}
.pegi-age.pegi-a b{color:#f3a712;}
.pegi-age.pegi-r b{color:#e2483d;}
.class-desc{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 8px;border-radius:18px;background:var(--peach);font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:600;color:var(--ink);}
.class-desc .material-symbols-outlined{font-size:18px;}
.class-desc-dark{background:#1a1a1a;color:#fff;}
.rating-age{height:46px;width:auto;display:inline-block;vertical-align:middle;}
.rating-age-sm{height:30px;}
.review-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:5px 0 0;}
.review-card-meta .review-stars-sm{margin:0;}
.pager{display:flex;align-items:center;justify-content:center;gap:18px;margin:40px 0 4px;padding-top:26px;border-top:2px solid var(--ink);}
.pager-btn{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--secondary);padding:9px 18px;border-radius:22px;text-decoration:none;}
.pager-btn:hover{background:#922421;}
.pager-btn.disabled{background:var(--border);color:#fff;pointer-events:none;}
.pager-info{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:600;color:var(--muted);}
.age-badge{display:inline-flex;align-items:center;gap:7px;background:#ffe500;color:#121212;font-family:var(--f-sans);font-size:var(--fs-sm);line-height:1.25;padding:6px 12px;margin-bottom:16px;border-radius:2px;}
.age-badge .material-icons{font-size:17px;}
.age-badge strong{font-weight:700;}
@media(max-width:767px){.review-classes{gap:16px;}}
.story-related{display:flex;flex-direction:column;gap:16px;margin:16px 0 0;padding-top:24px;border-top:1px solid var(--border);}
.story-related-time{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);}
.story-related-item h4{font-family:var(--f-head);font-weight:700;font-size:var(--fs-body);line-height:1.3;color:var(--ink);margin:0;}
.story-related-item:hover h4{color:var(--secondary);}
.text-red{color:var(--red);}

/* story cards */
.secondary-content{display:grid;grid-template-columns:1fr;gap:32px;}
@media(min-width:640px){ .secondary-content{grid-template-columns:1fr 1fr;} }
.secondary-article{display:flex;flex-direction:column;gap:14px;}
.secondary-image{width:100%;border-radius:8px;aspect-ratio:3/2;object-fit:cover;}
.secondary-category{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red);display:block;}
.secondary-title{font-family:var(--f-head);font-weight:700;font-size:24px;line-height:1.15;margin:0;}
.content-left .section-header{font-family:var(--f-head);font-weight:700;font-size:26px;border-top:2px solid var(--ink);padding-top:16px;margin:8px 0 0;}

/* story grids (predictable layout system) */
hr.divider{border:0;border-top:1px solid var(--border);margin:0;}
.grid-2{display:grid;grid-template-columns:1fr;gap:32px;}
.grid-3{display:grid;grid-template-columns:1fr;gap:24px;}
@media(min-width:768px){ .grid-2{grid-template-columns:1fr 1fr;} .grid-3{grid-template-columns:1fr 1fr 1fr;} }
.story{display:flex;flex-direction:column;gap:16px;}
.story-sm{gap:12px;}
.story-image{position:relative;padding-bottom:60%;overflow:hidden;background:var(--gray-200);border-radius:8px;}
.story-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.meta-line{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px;}
.meta-line.with-dot{display:flex;align-items:center;gap:8px;color:var(--red);}
.meta-dot{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block;}
.story-headline{font-family:var(--f-head);font-weight:700;font-size:var(--fs-h1);line-height:1.15;margin-bottom:16px;}
.story-sm .story-headline{font-size:var(--fs-h2);margin-bottom:8px;}
.story-headline:hover{color:var(--gray-700);}
.story-text{font-family:var(--f-body);font-size:var(--fs-h3);line-height:1.6;color:var(--gray-800);}
.story-sm .story-text{font-size:var(--fs-body);line-height:1.4;}
.timeline{display:flex;flex-direction:column;gap:16px;margin-top:16px;}
.timeline-item{position:relative;padding-left:24px;}
.timeline-item::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--ink);}
.timeline-item::after{content:"";position:absolute;left:3.5px;top:18px;bottom:-16px;width:1px;background:var(--border);}
.timeline-item:last-child::after{display:none;}
.timeline-item p{font-family:var(--f-body);font-size:var(--fs-h3);line-height:1.35;color:var(--gray-800);}
.read-more{display:inline-flex;align-items:center;gap:4px;font-family:var(--f-sans);font-weight:700;font-size:var(--fs-sm);margin-top:16px;color:var(--ink);}
.read-more:hover{text-decoration:underline;}

/* opinion column card */
.feature-row{margin-top:16px;padding-top:32px;border-top:1px solid var(--border);}
.column-card{background:var(--ink);padding:32px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;}
.column-meta{display:flex;align-items:center;gap:8px;font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;}
.column-meta .label{color:var(--secondary);}
.column-meta .author{color:#fff;}
.column-headline{font-family:var(--f-head);font-weight:700;font-size:var(--fs-h1);line-height:1.15;color:#fff;margin-bottom:16px;}
.column-text{font-family:var(--f-body);font-size:var(--fs-h3);line-height:1.7;color:var(--gray-200);}
.column-portrait{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid var(--secondary);margin-top:32px;}

/* full-width cover/background feature */
.cover-feature{position:relative;display:block;aspect-ratio:1378/720;border-radius:8px;overflow:hidden;color:#fff;margin-top:32px;background:var(--ink);}
.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.cover-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 32px;background:linear-gradient(to top,rgba(0,0,0,.80),rgba(0,0,0,.35) 32%,transparent 58%);}
.cover-kicker{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:10px;}
.cover-headline{font-family:var(--f-head);font-weight:700;color:#fff;font-size:var(--fs-display);line-height:1.12;max-width:720px;}

/* ---------------- Sidebar ---------------- */
@media(min-width:1024px){ .sidebar{border-left:1px solid var(--border);padding-left:32px;position:sticky;top:208px;align-self:start;} }
.laatste-nieuws-widget{background:var(--peach);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:40px;}
.laatste-nieuws-header{font-family:var(--f-head);font-weight:700;font-size:var(--fs-h2);margin-bottom:16px;display:flex;align-items:center;text-transform:none;}
.laatste-nieuws-header .material-icons{display:none;}
.laatste-nieuws-items{display:flex;flex-direction:column;gap:20px;}
.laatste-nieuws-item{display:flex;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border);}
.laatste-nieuws-item:last-child{border-bottom:0;padding-bottom:0;}
.nieuws-time{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;color:var(--secondary);flex-shrink:0;}
.nieuws-category{font-family:var(--f-sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red);margin-bottom:4px;}
.nieuws-title{font-family:var(--f-head);font-weight:700;font-size:var(--fs-h3);line-height:1.2;margin:0;}

.weather-widget{margin-top:0;}
.weather-header{font-family:var(--f-head);font-weight:700;font-size:var(--fs-h2);margin-bottom:8px;display:flex;align-items:center;text-transform:none;}
.weather-header .material-icons{display:none;}
/* weather rows + clock — geometry preserved from base so cvl.js hand rotation stays correct */
.weather-items{display:flex;flex-direction:column;}
.weather-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);}
.weather-item:last-child{border-bottom:none;}
.city-info{display:flex;align-items:flex-start;gap:12px;width:100%;}
.city-name{font-family:var(--f-head);font-weight:700;color:var(--ink);font-size:16px;min-width:104px;flex-shrink:0;line-height:1.15;}
.clock-weather-sections{display:flex;flex-direction:column;gap:8px;flex:1;align-items:flex-end;}
.clock-section{display:flex;align-items:center;gap:8px;justify-content:flex-end;width:130px;flex-shrink:0;}
.weather-section{display:flex;align-items:center;gap:8px;justify-content:flex-end;width:130px;flex-shrink:0;position:relative;}
.city-clock{position:relative;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--header-bg);flex-shrink:0;}
.clock-hand{position:absolute;background:var(--ink);transform-origin:bottom center;border-radius:1px;}
.hour-hand{width:2px;height:10px;top:6px;left:50%;margin-left:-1px;}
.minute-hand{width:1px;height:12px;top:4px;left:50%;margin-left:-0.5px;}
.second-hand{width:0.5px;height:13px;top:3px;left:50%;margin-left:-0.25px;background:var(--red);}
.clock-center{position:absolute;width:3px;height:3px;background:var(--ink);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);}
.time-display{display:flex;flex-direction:column;gap:1px;width:74px;flex-shrink:0;}
.digital-time{font-family:var(--f-sans);font-size:12px;font-weight:700;color:var(--ink);}
.timezone-display{font-family:var(--f-sans);font-size:9px;color:var(--muted-light);text-transform:uppercase;}
.weather-icon{width:30px;height:30px;flex-shrink:0;position:absolute;left:6px;}
.weather-info{display:flex;flex-direction:column;gap:1px;width:74px;flex-shrink:0;align-items:flex-start;}
.weather-temp{font-family:var(--f-sans);font-weight:700;color:var(--ink);font-size:12px;}
.weather-condition{font-family:var(--f-sans);font-size:10px;color:var(--muted-light);}

/* ---------------- Sidebar (cvl7) ---------------- */
.widget{margin-bottom:48px;}
.widget-title{font-family:var(--f-head);font-size:var(--fs-h2);font-weight:700;margin-bottom:24px;}
.widget-title-sm{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:24px;}
.latest-news{padding:16px;border-radius:8px;border:1px solid var(--border);background:var(--peach);}
.latest-items{display:flex;flex-direction:column;gap:24px;}
.latest-item{padding-bottom:24px;border-bottom:1px solid var(--border);}
.latest-item:last-child{padding-bottom:0;border-bottom:0;}
.byline{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.byline .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;}
.byline-name{display:block;font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.byline-time{display:block;font-family:var(--f-sans);font-size:var(--fs-meta);color:var(--muted-light);text-transform:uppercase;}
.commentary-text{font-family:var(--f-accent);font-style:normal;font-size:var(--fs-body);line-height:1.6;color:var(--gray-800);}
.item-row{display:flex;gap:12px;}
.item-body{flex:1;min-width:0;}
.item-body h3{font-family:var(--f-head);font-size:var(--fs-h3);line-height:1.25;margin-bottom:8px;}
.item-body h3:hover{color:var(--secondary);}
.item-excerpt{font-family:var(--f-body);font-size:var(--fs-sm);color:var(--gray-700);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.item-byline{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);}
.item-thumb{width:64px;height:64px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--gray-200);}
.item-thumb img{width:100%;height:100%;object-fit:cover;}
.editors-picks{margin-top:48px;padding-top:32px;border-top:1px solid var(--border);}
.picks{display:flex;flex-direction:column;gap:16px;}
.pick{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;border:1px solid var(--border);}
.pick-green{background:#e2e8e4;} .pick-blue{background:#e5eaf0;} .pick-pink{background:#f4e4e0;}
.pick h3{font-family:var(--f-head);font-size:var(--fs-body);line-height:1.2;}
.pick h3:hover{color:var(--secondary);}
.pick .kicker{display:block;margin-bottom:4px;color:var(--red);}
.pick-thumb{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--border);background:var(--gray-200);}
.pick-thumb img{width:100%;height:100%;object-fit:cover;}
.world-time{margin-top:48px;padding-top:32px;border-top:1px solid var(--border);}
.time-list{display:grid;gap:0;}
.time-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);}
.time-item:last-child{border-bottom:0;}
.time-city{display:block;font-family:var(--f-head);font-size:var(--fs-h3);font-weight:700;line-height:1.1;}
.time-tz{display:block;font-family:var(--f-sans);font-size:var(--fs-meta);color:var(--muted-light);}
.time-weather{display:flex;align-items:center;gap:8px;color:var(--muted-light);margin-top:4px;}
.time-weather .material-symbols-outlined{font-size:20px;}
.time-weather .temp{font-family:var(--f-sans);font-size:var(--fs-sm);font-weight:700;}

/* ---------------- Footer ---------------- */
.footer{background:var(--header-bg);border-top:1px solid var(--border);margin-top:48px;}
.footer-content{max-width:var(--maxw);margin:0 auto;padding:48px 16px;display:grid;grid-template-columns:1fr;gap:40px;}
@media(min-width:768px){ .footer-content{grid-template-columns:2fr 1fr 1fr;} }
.footer-top-message{font-family:var(--f-body);font-size:var(--fs-sm);line-height:1.6;color:var(--gray-800);}
.footer-top-message a{font-weight:700;text-decoration:underline;}
.footer-logo img{height:56px;width:auto;margin-bottom:16px;}
.footer-section-title{font-family:var(--f-head);font-weight:700;font-size:var(--fs-h3);margin-bottom:16px;}
.footer-list{display:flex;flex-direction:column;gap:10px;}
.footer-list a{font-family:var(--f-sans);font-size:var(--fs-sm);color:var(--gray-700);}
.footer-list a:hover{color:var(--ink);}
.social-media-icons{display:flex;gap:16px;margin-top:20px;font-size:22px;}
.social-media-icons a{color:var(--ink);}
.social-media-icons a:hover{color:var(--secondary);}

/* ---------------- Article ---------------- */
.article-container{max-width:var(--article-w);margin:0 auto;padding:36px 16px 0;}
.header-image-container{width:100%;background:var(--ink);}
.header-image-container .full-width-image{width:100%;max-height:560px;object-fit:cover;}
.article-kicker{display:block;color:var(--red);margin-bottom:12px;}
.article-container .hero-title{font-family:var(--f-head);font-weight:700;font-size:var(--fs-article-title);line-height:1.06;letter-spacing:-.01em;margin:6px 0 20px;}
.image-summary{font-family:var(--f-body);font-size:20px;line-height:1.6;color:var(--gray-800);margin-bottom:24px;}
.authors{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.author-images{display:flex;flex-shrink:0;}
.author-profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--header-bg);}
.author-images .author-profile-pic+.author-profile-pic{margin-left:-12px;}
.author-avatar{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--f-sans);font-weight:700;font-size:var(--fs-meta);letter-spacing:.02em;color:#1a1a1a;}
.author-avatar.avatar-c0{background:#f4c430;}
.author-avatar.avatar-c1{background:#add8e6;}
.author-avatar.avatar-c2{background:#f4b6c2;}
.author-avatar.avatar-c3{background:#b7e4c7;}
.author-avatar.avatar-staff{background:var(--peach);font-family:var(--f-head);font-size:var(--fs-sm);}
.attribution-text{font-family:var(--f-sans);font-size:var(--fs-sm);line-height:1.4;margin:0;}
.attribution-text strong{font-weight:700;}
.by-dateline{display:block;font-family:var(--f-sans);font-size:var(--fs-meta);color:var(--muted-light);line-height:1.4;margin-top:2px;}
.article-meta-time{display:block;font-family:var(--f-sans);font-size:var(--fs-meta);color:var(--muted-light);margin-top:2px;}
.share-buttons{display:flex;align-items:center;gap:14px;font-size:18px;color:var(--ink);margin-left:auto;}
.share-buttons a{color:var(--ink);}
.share-buttons a:hover{color:var(--secondary);}
.language-switch-link{font-family:var(--f-accent);font-style:italic;font-size:var(--fs-body);margin:18px 0 0;}
.language-switch-link a{color:var(--secondary);}
.language-switch-link a:hover{text-decoration:underline;}
.listen-top-section{margin-bottom:16px;}
.listen-button-container{display:flex;align-items:center;gap:10px;}
.listen-button{width:40px;height:40px;border-radius:50%;background:var(--secondary);color:#fff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.listen-text{font-family:var(--f-sans);font-size:var(--fs-meta);line-height:1.2;color:var(--muted);}
.listen-text strong{display:block;color:var(--ink);font-size:var(--fs-sm);}
.article-body-text{font-family:var(--f-body);font-size:19px;line-height:1.75;color:var(--ink);margin:0 0 24px;}
.full-width-image-container{margin:32px 0;}
.full-width-image-container .full-width-image{width:100%;border-radius:8px;}
.caption{font-family:var(--f-sans);font-size:var(--fs-meta);color:var(--muted-light);line-height:1.5;margin-top:8px;}
.article-inline-header{margin:24px 0;}
.article-inline-header .full-width-image{width:100%;border-radius:8px;}
.interview-header{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:8px;}
@media(min-width:768px){ .interview-header{grid-template-columns:340px 1fr;align-items:start;} }
.portrait-image{width:100%;border-radius:8px;}
.interview-header .hero-title{margin-top:0;}
/* live blog */
.live-feed{margin-top:24px;}
.live-update{position:relative;padding-left:28px;padding-bottom:28px;}
.live-update::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:50%;background:var(--red);}
.live-update::after{content:"";position:absolute;left:5px;top:20px;bottom:0;width:1px;background:var(--border);}
.live-update:last-child::after{display:none;}
.live-update-time{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red);margin-bottom:8px;}
.live-update-headline{font-family:var(--f-head);font-weight:700;font-size:22px;line-height:1.2;margin:0 0 10px;}
.live-update-body{font-family:var(--f-body);font-size:18px;line-height:1.7;}
.live-update-body .full-width-image{width:100%;border-radius:8px;margin:12px 0;}
/* pullquote */
.quote-block{border-left:3px solid var(--secondary);padding:4px 0 4px 20px;margin:28px 0;}
.quote-block .ri-double-quotes-l{color:var(--secondary);font-size:24px;}
.quote-text{font-family:var(--f-accent);font-style:italic;font-size:24px;line-height:1.4;color:var(--ink);margin:0;}
.quote-attribution{font-family:var(--f-sans);font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:10px;}
/* two images */
.two-image-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 0;}
.two-image-half{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;}
/* related */
.related{max-width:var(--article-w);margin:48px auto 0;padding:28px 16px 0;border-top:2px solid var(--ink);}
.related-title{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:20px;}
.related-grid{display:grid;grid-template-columns:1fr;gap:24px;}
@media(min-width:640px){ .related-grid{grid-template-columns:repeat(3,1fr);} }
.related-card{display:flex;flex-direction:column;gap:10px;}
.related-card .thumb{aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:var(--gray-200);}
.related-card .thumb img{width:100%;height:100%;object-fit:cover;}
.related-card .secondary-category{margin:0;}
.related-card h3{font-family:var(--f-head);font-weight:700;font-size:var(--fs-h3);line-height:1.2;}

/* ---------------- Terms / static ---------------- */
.article-container .section-header{font-family:var(--f-head);font-weight:700;font-size:26px;line-height:1.15;border-top:0;padding:0 0 12px;border-bottom:1px solid var(--border);margin:36px 0 16px;}

/* ---------------- Mobile menu (off-canvas) + overlay ---------------- */
.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .25s;z-index:80;}
.sidebar-overlay.active{opacity:1;visibility:visible;}
.sidebar-menu{position:fixed;top:0;left:0;height:100%;width:280px;max-width:85vw;background:var(--header-bg);border-right:1px solid var(--border);transform:translateX(-100%);transition:transform .25s;z-index:90;padding:20px;overflow-y:auto;}
.sidebar-menu.active{transform:translateX(0);}
.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.sidebar-title{font-family:var(--f-head);font-weight:700;font-size:var(--fs-h2);}
.sidebar-close-button{background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:var(--ink);}
.sidebar-nav-list{display:flex;flex-direction:column;gap:6px;}
.sidebar-nav-list a{display:flex;align-items:center;gap:8px;font-family:var(--f-sans);font-size:var(--fs-body);color:var(--gray-700);padding:8px 0;}
.sidebar-nav-list a:hover{color:var(--ink);}

/* ---------------- Modals ---------------- */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:100;padding:16px;}
.modal-overlay.active{display:flex;}
.modal-content{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:28px;max-width:420px;width:100%;position:relative;}
.modal-title{font-family:var(--f-head);font-weight:700;font-size:var(--fs-h2);margin-bottom:18px;}
.modal-close-button{position:absolute;top:12px;right:14px;background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--muted);}
.modal-close-button:hover{color:var(--ink);}
.language-options{display:flex;gap:12px;}
.language-options button,.temperature-toggle label,.mobile-menu-toggle{font-family:var(--f-sans);font-size:var(--fs-sm);}
.language-options button{padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:transparent;cursor:pointer;}
.language-options button.selected{background:var(--ink);color:#fff;border-color:var(--ink);}
.temperature-toggle{display:flex;flex-direction:column;gap:10px;}
.temperature-toggle label{display:flex;align-items:center;gap:8px;}
.mobile-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border);}

/* ---------------- Responsive ---------------- */
@media(max-width:900px){
  .nav-sections,.nav-actions{display:none;}
  .hamburger{display:inline-flex;}
  .main-nav{justify-content:flex-start;}
}
body.force-mobile-menu .nav-sections,body.force-mobile-menu .nav-actions{display:none;}
body.force-mobile-menu .hamburger{display:inline-flex;}
body.force-mobile-menu .main-nav{justify-content:flex-start;}
@media(max-width:767px){
  .site-logo{height:52px;}
  .site-header.is-home .site-logo{height:72px;}
  .site-header.is-home .motto{font-size:var(--fs-h2);}
  :root{ --fs-article-title:34px; }
  .top-story-title{font-size:30px;}
  .article-container .hero-title{font-size:32px;}
  .article-body-text{font-size:18px;}
  .two-image-container,.related-grid{grid-template-columns:1fr;}
}

/* --- Search overlay (masthead) --- */
.search-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;background:rgba(18,18,18,.55);opacity:0;transition:opacity .18s ease;backdrop-filter:blur(2px);}
.search-overlay.open{opacity:1;}
.search-overlay-form{display:flex;align-items:center;gap:10px;width:min(720px,92vw);margin-top:14vh;background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:12px 14px;box-shadow:0 20px 60px rgba(0,0,0,.25);transform:translateY(-8px);transition:transform .18s ease;}
.search-overlay.open .search-overlay-form{transform:translateY(0);}
.search-overlay-icon{color:#777;font-size:24px;}
.search-overlay-input{flex:1;border:none;outline:none;font-family:var(--f-head,serif);font-size:20px;color:#121212;background:transparent;}
.search-overlay-go{border:none;background:#121212;color:#fff;font-weight:600;padding:9px 16px;border-radius:6px;cursor:pointer;font-size:15px;white-space:nowrap;}
.search-overlay-go:hover{background:#333;}
.search-overlay-close{border:none;background:transparent;color:#777;font-size:26px;line-height:1;cursor:pointer;padding:0 4px;}
.search-overlay-close:hover{color:#121212;}
/* --- Search results page --- */
.search-page-form{display:flex;gap:10px;margin:0 0 20px;}
.search-page-input{flex:1;border:1px solid #d8d8d8;border-radius:6px;padding:10px 12px;font-family:var(--f-head,serif);font-size:17px;color:#121212;}
.search-page-input:focus{outline:none;border-color:#121212;}
.search-page-btn{border:none;background:#121212;color:#fff;font-weight:600;padding:0 18px;border-radius:6px;cursor:pointer;font-size:15px;}
.search-page-btn:hover{background:#333;}
.search-summary{color:#555;font-size:14px;margin:0 0 16px;}
.search-hint{color:#555;}

/* Fix: closed search overlay must not capture clicks (display:flex above overrode [hidden]). */
.search-overlay[hidden]{display:none !important;}
.search-overlay{pointer-events:none;}
.search-overlay.open{pointer-events:auto;}

/* Hide the header clock chip on mobile. */
@media(max-width:767px){
    .header-clock-chip{display:none;}
}

/* Sub-article "related" lists: per-item separators (Guardian-style), used on the hero and story cards. */
.story-related{gap:0;padding-top:0;border-top:none;margin:18px 0 0;}
.story-related-time{margin-bottom:2px;}
.story-related-item{display:block;border-top:1px solid var(--border);padding-top:13px;margin-top:13px;}

/* Sub-article "related" lists: per-item separators (Guardian-style), used on the hero and story cards. */
.story-related{gap:0;padding-top:0;border-top:none;margin:18px 0 0;}
.story-related-time{margin-bottom:2px;}
.story-related-item{display:block;border-top:1px solid var(--border);padding-top:13px;margin-top:13px;}

/* --- CvL Verify (fact-check) --- */
.verify-panel{border:1px solid var(--border);border-radius:14px;background:#fff;margin:26px 0 30px;overflow:hidden;}
.verify-brand{display:flex;align-items:center;gap:8px;background:#1a1a1a;color:#fff;font-family:var(--f-sans);font-weight:700;font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.12em;padding:11px 20px;}
.verify-brand .material-symbols-outlined{font-size:22px;}
.verify-grid{display:grid;grid-template-columns:1.3fr 1fr;}
.verify-claim-col{padding:22px 24px;border-right:1px solid var(--border);}
.verify-ruling-col{padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;}
.verify-label{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}
.verify-claim{font-family:var(--f-head);font-weight:400;font-size:26px;line-height:1.3;color:var(--ink);margin:8px 0 0;border:0;padding:0;}
.verify-source{font-family:var(--f-sans);font-size:var(--fs-sm);color:var(--muted);margin-top:10px;}
.verify-badge{margin:10px 0 16px;background:var(--vc);color:#fff;font-family:var(--f-head);font-weight:700;font-size:24px;line-height:1;padding:11px 18px;border-radius:8px;}
.verify-meter{display:flex;gap:5px;width:100%;align-items:flex-end;}
.verify-seg{flex:1;height:9px;border-radius:3px;background:var(--vc);opacity:.26;}
.verify-seg.on{opacity:1;height:17px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--vc);}
.verify-scale-ends{display:flex;justify-content:space-between;width:100%;margin-top:8px;font-family:var(--f-sans);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);}
.verify-card-badge{display:inline-flex;align-items:center;gap:6px;margin:8px 0 2px;background:var(--vc);color:#fff;font-family:var(--f-sans);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:5px;}
.verify-card-badge .material-symbols-outlined{font-size:15px;}
@media(max-width:640px){.verify-grid{grid-template-columns:1fr;}.verify-claim-col{border-right:0;border-bottom:1px solid var(--border);}}

/* --- Share menu (language-aware) --- */
.share-menu{position:relative;display:inline-flex;}
.share-toggle{background:none;border:0;padding:0;margin:0;cursor:pointer;color:var(--ink);font-size:18px;line-height:1;display:inline-flex;align-items:center;}
.share-toggle:hover{color:var(--secondary);}
.share-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:60;background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 14px 34px rgba(0,0,0,.15);padding:6px;min-width:236px;}
.share-pop-title{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:9px 12px 7px;}
.share-opt{display:flex;align-items:center;gap:11px;width:100%;background:none;border:0;cursor:pointer;font-family:var(--f-sans);font-size:var(--fs-sm);color:var(--ink);padding:10px 12px;border-radius:8px;text-align:left;line-height:1.2;}
.share-opt:hover{background:var(--bg);}
.share-opt i{font-size:19px;color:var(--secondary);}
.share-toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(12px);background:#1a1a1a;color:#fff;font-family:var(--f-sans);font-size:var(--fs-sm);font-weight:500;padding:11px 20px;border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:2000;pointer-events:none;}
.share-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ---- National symbols table (article body) ---- */
.symbols-table{width:100%;border-collapse:collapse;margin:4px 0 0;font-family:var(--f-body);font-size:17px;line-height:1.45;}
.symbols-table caption{caption-side:top;text-align:left;font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);padding-bottom:10px;}
.symbols-table th,.symbols-table td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--border);vertical-align:top;}
.symbols-table thead th{font-family:var(--f-sans);font-size:var(--fs-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--ink);}
.symbols-table tbody th{font-weight:700;width:40%;}
.symbols-table tbody tr:last-child th,.symbols-table tbody tr:last-child td{border-bottom:0;}
.symbols-table .sym-note{display:block;font-family:var(--f-accent);font-style:italic;color:var(--muted);font-size:14px;margin-top:2px;}
@media(max-width:600px){
  .symbols-table{font-size:16px;}
  .symbols-table tbody th{width:46%;}
  .symbols-table th,.symbols-table td{padding:8px 8px 8px 0;}
}

/* Puzzles sits in the actions group (right of Settings) — give it an active state,
   since .nav-sections a.active does not apply here. */
.nav-action.active{color:var(--ink);font-weight:700;}

/* Reserved, currently empty sidebar block above Latest news. */
.sidebar-slot{min-height:160px;border-radius:6px;color:#fff;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(90deg, rgba(45,14,30,.94) 0%, rgba(45,14,30,.82) 55%, rgba(45,14,30,.6) 100%),url(/img/hero-flag.jpg) center/cover no-repeat;}
.sidebar-slot .slot-lede{font-family:var(--f-head);font-weight:700;font-size:19px;line-height:1.25;margin:0;}
.sidebar-slot .slot-links{display:flex;flex-direction:column;gap:5px;}
.sidebar-slot .slot-links a{font-family:var(--f-sans);font-size:var(--fs-sm);font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.55);}
.sidebar-slot .slot-links a:hover{text-decoration-color:#fff;}

/* ---- Article header slideshow ------------------------------------------ */
.article-media{margin:24px 0;position:relative;}
.article-media figcaption.media-caption,.ss-slide .media-caption{margin:0;}
.media-caption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;color:#fff;
  font-family:var(--f-sans);font-size:var(--fs-sm);line-height:1.35;font-weight:600;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.72) 100%);
  border-radius:0 0 8px 8px;}
.article-media img{display:block;}
.article-slideshow{margin:24px 0;}
.ss-viewport{position:relative;overflow:hidden;border-radius:8px;}
.ss-track{display:flex;transition:transform .32s ease;}
.ss-slide{position:relative;flex:0 0 100%;margin:0;}
.ss-slide .full-width-image{width:100%;border-radius:0;display:block;}
.ss-controls{display:flex;align-items:center;justify-content:center;position:relative;margin-top:12px;min-height:34px;}
.ss-dots{display:flex;gap:8px;align-items:center;}
.ss-dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--gray-400);opacity:.55;transition:opacity .15s,background .15s;}
.ss-dot.on{opacity:1;background:var(--secondary);}
.ss-arrows{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:8px;}
.ss-arrow{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--ink);
  cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;}
.ss-arrow:hover{background:var(--secondary);color:#fff;border-color:var(--secondary);}
.ss-arrow .material-symbols-outlined{font-size:22px;}
@media(max-width:560px){
  .ss-arrows{position:static;transform:none;margin-left:14px;}
  .ss-controls{justify-content:center;}
}


/* ---- Cover slideshow (front-page top story) ---------------------------- */
.ss-cover{position:absolute;inset:0;margin:0;height:100%;}
.ss-cover .ss-viewport{height:100%;border-radius:inherit;}
.ss-cover .ss-track{height:100%;}
.ss-cover .ss-slide{position:relative;flex:0 0 100%;height:100%;margin:0;}
.ss-cover .ss-imglink{position:absolute;inset:0;display:block;}
.ss-cover .full-width-image{width:100%;height:100%;object-fit:cover;border-radius:0;}
/* Controls sit in a bottom bar, matching the article page: dots centred,
   arrows to the right, with the caption resting just above them. */
.ss-cover .media-caption{bottom:40px;padding:28px 16px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));z-index:2;}
.ss-cover .ss-controls{position:absolute;left:0;right:0;bottom:0;top:auto;margin:0;height:40px;padding:0 14px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4;background:rgba(0,0,0,.6);}
.ss-cover .ss-dots{position:static;transform:none;pointer-events:auto;}
.ss-cover .ss-dot{background:rgba(255,255,255,.55);}
.ss-cover .ss-dot.on{background:#fff;}
.ss-cover .ss-arrows{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;}
.ss-cover .ss-arrow{position:static;transform:none;pointer-events:auto;width:30px;height:30px;background:rgba(255,255,255,.92);}
.ss-cover .ss-arrow:hover{background:var(--secondary);color:#fff;border-color:var(--secondary);}