/*
Theme Name: EMD Casino
Theme URI: https://200casino-bonus.com/
Description: Theme for the EMD casino-bonus sites (200casino-bonus.com first). Dark design, Brand Library toplists and review cards via shortcodes, /go/ affiliate redirects, self-hosted fonts. See SHORTCODES.md.
Version: 1.2.2
Requires at least: 6.0
Requires PHP: 7.4
Author: SERPA
License: GPL-2.0-or-later
Text Domain: emd-casino
*/
/* Design tokens and components taken from the 200casino-bonus.com Design artifact (Homepage.dc.html) */
:root{--bg:#0B0F14;--card-bg:#12161D;--card-border:#232A35;--text:#F4F6F8;--text-soft:#C7CDD6;--text-muted:#8A93A3;--surface-2:#171D26;--on-primary:#15181F;--primary:#D99A2B;--accent:#16A34A;--con:#E5484D}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Public Sans',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none}a:hover{color:var(--accent)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.wrap.narrow{max-width:860px}
.marker{background:#2A1B0E;border:1px solid #5C3A17;color:#E8A33D;border-radius:5px;padding:0 5px;font-weight:700;font-size:.9em}
/* header */
.hdr{background:var(--card-bg)}
.hdr-top{background:var(--surface-2);padding:7px 0}
.hdr-top .wrap{display:flex;justify-content:flex-end;gap:18px;font:500 12px/1 'Public Sans',sans-serif;color:var(--text-muted)}
.hdr-top a{color:var(--text-muted);text-decoration:underline}
.hdr-main{border-bottom:1px solid var(--card-border)}
.hdr-main .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:10px;font:700 18px/1 'Fraunces',serif;color:var(--text)}
.logo-mark{width:34px;height:34px;border-radius:9px;background:var(--primary);display:inline-block}
.logo-mark.accent{background:var(--accent);width:30px;height:30px}
.hdr-nav{display:flex;gap:24px}
.hdr-nav a{font:600 14px/1 'Public Sans',sans-serif;color:var(--text-soft)}
.hdr-nav a:hover{color:var(--accent)}
.hdr-cta{background:var(--primary);color:var(--on-primary);font:600 14px/1 'Public Sans',sans-serif;padding:11px 18px;border-radius:10px;white-space:nowrap}
.hdr-cta:hover{background:var(--accent);color:#15181F}
/* layout */
main{padding-top:20px;padding-bottom:90px}
.crumbs{font:500 13px/1 'Public Sans',sans-serif;color:var(--text-muted);margin-bottom:18px}
.crumbs a{color:var(--text-soft)}
.hero{background:linear-gradient(135deg,var(--card-bg),#06090D);border:1px solid var(--card-border);border-radius:20px;padding:44px 48px;display:flex;flex-direction:column;gap:14px;margin-bottom:34px}
.hero h1{margin:0;font:600 44px/1.15 'Fraunces',serif;color:#fff;max-width:820px}
.hero-intro{margin:0;font:400 17px/1.65 'Public Sans',sans-serif;color:#CBD6E6;max-width:760px}
.hero-18{margin:0;font:400 14.5px/1.6 'Public Sans',sans-serif;color:#9FB0C8}
.hero.has-img{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center}
.hero-text{display:flex;flex-direction:column;gap:14px}
.hero-img{width:100%;height:auto;border-radius:14px;border:1px solid var(--card-border);display:block}
.avatar img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block}
.hero.plain{background:none;border:none;padding:10px 0 0;margin-bottom:18px}
.hero.plain h1{font-size:36px}
.author-hero{flex-direction:row;align-items:flex-start;gap:32px}
.author-hero>div:last-child{display:flex;flex-direction:column;gap:12px}
.author-hero .avatar.big{width:150px;height:150px;border:3px solid var(--primary)}
.author-hero h1{font-size:36px}
.content{display:flex;flex-direction:column;gap:16px}
h2.sec-title{font:600 30px/1.2 'Fraunces',serif;margin:30px 0 2px;color:var(--text);scroll-margin-top:20px}
h3.sub-title{font:600 21px/1.3 'Fraunces',serif;margin:14px 0 0;color:var(--text);scroll-margin-top:20px}
.wrap.narrow h2.sec-title{font-size:25px}
p.body-copy{font:400 15.5px/1.75 'Public Sans',sans-serif;color:var(--text-soft);margin:0;max-width:860px}
p.note{font:italic 400 13.5px/1.6 'Public Sans',sans-serif;color:var(--text-muted);margin:0}
.section-label{font:600 12px/1 'Public Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}
.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px}
ul.list,ol.list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;max-width:860px}
ul.list li,ol.list li{font:400 15.5px/1.7 'Public Sans',sans-serif;color:var(--text-soft)}
ul.list li::marker{color:var(--primary)}ol.list li::marker{color:var(--primary);font-weight:700}
/* byline / avatar */
.byline{display:flex;align-items:center;gap:12px;margin-top:6px}
.avatar{width:40px;height:40px;border-radius:999px;background:var(--accent);color:#15181F;font:700 14px/40px 'Public Sans',sans-serif;text-align:center;flex-shrink:0;display:inline-block}
.avatar:hover{color:#15181F}
.avatar.big{width:84px;height:84px;font-size:26px;line-height:84px;background:var(--primary)}
.byline-name{display:block;font:600 14px/1.3 'Public Sans',sans-serif;color:#fff}
.byline-sub{font:400 13px/1.3 'Public Sans',sans-serif;color:#9FB0C8}
/* notes */
.note-card{background:var(--surface-2);border:1px solid var(--card-border);border-radius:12px;padding:16px 20px}
.note-card p{margin:0;font:400 13.5px/1.6 'Public Sans',sans-serif;color:var(--text-muted)}
.note-card .section-label{color:var(--text-muted);margin-bottom:8px}
.note-card.rg{border-color:#1E4D2E}
.disclaimer{border-left:3px solid var(--con);background:var(--surface-2);border-radius:0 12px 12px 0;padding:16px 20px;font:400 14px/1.6 'Public Sans',sans-serif;color:var(--text-soft)}
/* toplist (design .tl-*) */
.toplist{display:flex;flex-direction:column;gap:14px}
.tl-row{overflow:hidden}
.tl-top{display:flex;align-items:center;gap:16px;padding:20px 24px;flex-wrap:wrap}
.tl-rank{width:26px;height:26px;border-radius:8px;background:var(--surface-2);color:var(--text-muted);font:700 12px/26px 'Public Sans',sans-serif;text-align:center;flex-shrink:0}
.tl-logo{width:168px;height:70px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid var(--card-border);background:#000}
.tl-logo img{width:100%;height:100%;object-fit:cover;display:block}
.tl-heading-block{display:flex;flex-direction:column;gap:7px;min-width:150px}
.tl-brand-name{font:700 17px/1.3 'Public Sans',sans-serif;color:var(--text)}
.tl-rating{display:inline-flex;align-items:center;gap:5px;font:700 13.5px/1 'Public Sans',sans-serif;color:var(--primary)}
.tl-bonus-mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 22px;border-left:1px dashed var(--card-border);border-right:1px dashed var(--card-border);min-width:260px}
.tl-bonus-label{font:700 10.5px/1 'Public Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.tl-bonus-text-big{font:800 18px/1.3 'Fraunces',serif;color:var(--accent);text-align:center}
.tl-min{font:500 12.5px/1.3 'Public Sans',sans-serif;color:var(--text-soft)}
.tl-min-k{color:var(--text-muted)}
.tl-cta-col{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:140px}
.tl-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:var(--on-primary);font:700 14px/1 'Public Sans',sans-serif;padding:12px 24px;border-radius:10px;white-space:nowrap;border:none;cursor:pointer}
.tl-cta:hover{background:var(--accent);color:#15181F}
.tl-cta.small{padding:10px 16px;font-size:13px}
.tl-pending{font:600 10.5px/1 'Public Sans',sans-serif;color:#E8A33D;text-transform:uppercase;letter-spacing:.04em}
.tl-mention{font:500 11px/1 'Public Sans',sans-serif;color:var(--text-muted);text-decoration:underline}
.h3-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.h3-logo{height:34px;width:76px;object-fit:contain;background:var(--surface-2);border:1px solid var(--card-border);border-radius:8px;padding:4px}
/* quote card */
.quote-card{margin:6px 0;padding:22px 24px;display:flex;gap:16px;align-items:flex-start;background:var(--surface-2);border-color:var(--accent)}
.quote-card p{margin:0;font:italic 500 16px/1.6 'Fraunces',serif;color:var(--text)}
.quote-card cite{display:block;margin-top:8px;font:normal 600 13px/1 'Public Sans',sans-serif;color:var(--text-muted)}
/* toc */
.toc{padding:22px 26px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:36px}
.toc li{font:500 13.5px/1.5 'Public Sans',sans-serif;margin-bottom:6px;break-inside:avoid;color:var(--text-muted)}
.toc li a{color:var(--text-soft)}.toc li a:hover{color:var(--accent)}
.toc li.lvl3{margin-left:12px;list-style:circle}
/* example */
.example{padding:20px 24px;background:var(--surface-2);border-color:var(--accent)}
.example .section-label{color:#E0A530}
.example p{margin:0 0 6px;font:500 15px/1.6 'Public Sans',sans-serif;color:var(--text)}
/* image placeholder */
.img-ph{margin:10px 0;border:1px dashed var(--card-border);border-radius:14px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:repeating-linear-gradient(45deg,#11161D,#11161D 12px,#141A22 12px,#141A22 24px)}
.img-ph div{font:700 13px/1 'Public Sans',sans-serif;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}
.img-ph figcaption{font:400 13px/1.4 'Public Sans',sans-serif;color:var(--text-muted)}
/* pros / cons (design .pc-*) */
.pc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:24px 26px}
.pc-col{display:flex;flex-direction:column;gap:14px}
.pc-col-h{font:700 13px/1 'Public Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.pc-col-h.is-pro{color:var(--accent)}.pc-col-h.is-con{color:var(--con)}
.pc-item{display:flex;gap:10px;align-items:flex-start}
.pc-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}
.pc-item span{font:400 14px/1.55 'Public Sans',sans-serif;color:var(--text)}
/* tables */
.table-wrap{overflow-x:auto}
table.datatable{width:100%;border-collapse:collapse}
table.datatable th{text-align:left;font:600 11.5px/1.3 'Public Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:12px 14px;border-bottom:2px solid var(--card-border)}
table.datatable td{padding:13px 14px;border-bottom:1px solid var(--card-border);font:400 14px/1.5 'Public Sans',sans-serif;color:var(--text)}
/* faq */
.faq{border-top:1px solid var(--card-border)}
.faq-wrap{border-bottom:1px solid var(--card-border)}
.faq-q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font:600 16px/1.4 'Public Sans',sans-serif;color:var(--text)}
.faq-q::-webkit-details-marker{display:none}
.faq-q .chev{color:var(--primary);font-size:20px;transition:transform .2s}
details[open] .chev{transform:rotate(45deg)}
.faq-wrap p.body-copy{padding:0 0 18px}
/* contact */
.contact-form{padding:28px 30px;display:flex;flex-direction:column;gap:16px}
.contact-form label{display:flex;flex-direction:column;gap:6px;font:600 12.5px/1 'Public Sans',sans-serif;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}
.contact-form input,.contact-form select,.contact-form textarea{background:var(--surface-2);border:1px solid var(--card-border);border-radius:8px;padding:11px 12px;color:var(--text);font:400 14px/1.4 'Public Sans',sans-serif;text-transform:none;letter-spacing:0}
.contact-form button{align-self:flex-start}
/* footer */
.ftr{background:#15181F;margin-top:20px}
.ftr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:48px;padding-bottom:28px}
.ftr-grid>div{display:flex;flex-direction:column;gap:10px}
.ftr-grid a:not(.logo){font:400 14px/1.4 'Public Sans',sans-serif;color:#C7CCD6}
.ftr-grid a:not(.logo):hover{color:var(--accent)}
.ftr .logo{font-size:16px;color:#fff}
.ftr-blurb{margin:0;font:400 13.5px/1.6 'Public Sans',sans-serif;color:var(--text-muted);max-width:230px}
.ftr-h{font:700 12px/1 'Public Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}
.ftr-bottom{border-top:1px solid var(--card-border)}
.ftr-bottom .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:20px;padding-bottom:20px;font:400 12.5px/1 'Public Sans',sans-serif;color:var(--text-muted)}
/* mobile */
@media (max-width:820px){
  .hdr-main .wrap{flex-wrap:wrap;gap:14px}
  .hdr-cta{display:none}
  .hdr-nav{order:3;width:100%;overflow-x:auto;gap:18px;padding-bottom:4px}
  .hdr-nav a{white-space:nowrap}
  .hero.has-img{grid-template-columns:1fr;gap:22px}
  .hero{padding:28px 22px}.hero h1{font-size:31px}.hero-intro{font-size:16px}
  .author-hero{flex-direction:column;align-items:flex-start}
  h2.sec-title{font-size:24px}h3.sub-title{font-size:19px}
  .tl-top{padding:16px}
  .tl-bonus-mid{border:none;border-top:1px dashed var(--card-border);border-bottom:1px dashed var(--card-border);padding:12px 0;min-width:100%;order:4}
  .tl-cta-col{order:5;width:100%}.tl-cta-col .tl-cta{width:100%}
  .pc-wrap{grid-template-columns:1fr}
  .toc ol{columns:1}
  .ftr-grid{grid-template-columns:1fr 1fr}
}

/* review card (mini review) */
.review{padding:0;overflow:hidden}
.rv-top{display:grid;grid-template-columns:200px 1fr 220px;gap:18px;align-items:center;padding:20px 22px}
.rv-logo{height:84px;border-radius:12px;overflow:hidden;border:1px solid var(--card-border);background:#000}
.rv-logo img{width:100%;height:100%;object-fit:cover;display:block}
.rv-bonus{height:84px;border-radius:12px;background:var(--surface-2);border:1px solid var(--card-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 12px;text-align:center}
.rv-bonus b{font:800 26px/1 'Fraunces',serif;color:var(--text)}
.rv-bonus span{font:500 13px/1.3 'Public Sans',sans-serif;color:var(--text-muted)}
.rv-cta{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:center}
.rv-cta .tl-cta{padding:15px 20px;font-size:15px}
.rv-body{padding:18px 22px;border-top:1px solid var(--card-border)}
.rv-body p.body-copy{max-width:none}
.rv-stats{display:flex;align-items:center;gap:0;flex-wrap:wrap;padding:14px 22px;border-top:1px solid var(--card-border);background:var(--surface-2)}
.rv-stat{display:flex;align-items:center;gap:10px;padding:4px 20px 4px 0;margin-right:20px;border-right:1px solid var(--card-border)}
.rv-stat b{display:block;font:700 16px/1.2 'Public Sans',sans-serif;color:var(--text)}
.rv-stat small{display:block;font:500 12px/1.3 'Public Sans',sans-serif;color:var(--text-muted)}
.st-ic{width:24px;height:24px;color:var(--primary);flex-shrink:0}
.ring{--p:90;width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p)*1%),var(--card-border) 0);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ring span{width:30px;height:30px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:13px}
.rv-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}
.rv-chips-h{font:600 11px/1 'Public Sans',sans-serif;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}
.rv-chip{font:500 12px/1 'Public Sans',sans-serif;color:var(--text-soft);background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;padding:6px 10px}
.rv-chip b{color:var(--accent)}
@media (max-width:820px){
  .tl-logo{width:150px;height:62px}
  .rv-top{grid-template-columns:1fr;gap:12px}
  .rv-logo,.rv-bonus{height:76px}
  .rv-stat{border-right:none;margin-right:0;width:50%;padding:8px 0}
  .rv-chips{margin-left:0;margin-top:8px}
}

/* ===== WordPress content (pages written as plain HTML by the bots) ===== */
.entry>h2{font:600 30px/1.2 'Fraunces',serif;margin:30px 0 2px;color:var(--text);scroll-margin-top:20px}
.entry>h3{font:600 21px/1.3 'Fraunces',serif;margin:14px 0 0;color:var(--text);scroll-margin-top:20px}
.wrap.narrow .entry>h2{font-size:25px}
.entry p{font:400 15.5px/1.75 'Public Sans',sans-serif;color:var(--text-soft);margin:0;max-width:860px}
.entry p:has(>em:only-child){font-size:13.5px;color:var(--text-muted)}
.entry>ul,.entry>ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;max-width:860px}
.entry>ul li,.entry>ol li{font:400 15.5px/1.7 'Public Sans',sans-serif;color:var(--text-soft)}
.entry>ul li::marker,.entry>ol li::marker{color:var(--primary);font-weight:700}
.entry strong{color:var(--text)}
.entry>table,.entry figure.wp-block-table{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;border-collapse:collapse}
.entry table th{text-align:left;font:600 11.5px/1.3 'Public Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:12px 14px;border-bottom:2px solid var(--card-border)}
.entry table td{padding:13px 14px;border-bottom:1px solid var(--card-border);font:400 14px/1.5 'Public Sans',sans-serif;color:var(--text)}
.entry img{max-width:100%;height:auto}
.hero-intro p,.hero .hero-intro{margin:0;font:400 17px/1.65 'Public Sans',sans-serif;color:#CBD6E6;max-width:760px}
.author-hero p{font:400 15.5px/1.7 'Public Sans',sans-serif;color:var(--text-soft);margin:0}
.hero.plain p{font:400 15.5px/1.7 'Public Sans',sans-serif;color:var(--text-soft);margin:0}
.quote-card p{margin:0}
.example p{margin:0 0 6px;font:500 15px/1.6 'Public Sans',sans-serif;color:var(--text)}
.faq-a{padding:0 0 18px}
/* pros / cons lists with icons */
.pc-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.pc-col li{position:relative;padding-left:30px;font:400 14px/1.55 'Public Sans',sans-serif;color:var(--text)}
.pc-col li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-size:20px 20px}
.pc-col.is-pro li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2316A34A'/%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' stroke='%230B0F14' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pc-col.is-con li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E5484D'/%3E%3Cpath d='M6.5 6.5l7 7M13.5 6.5l-7 7' stroke='%230B0F14' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
/* CTA pending state */
.tl-cta.is-pending{background:var(--surface-2);color:var(--text-muted);border:1px dashed var(--card-border);cursor:not-allowed}
.tl-cta.is-pending:hover{background:var(--surface-2);color:var(--text-muted)}
.rv-cta{align-items:stretch}
.emd-admin-warning{background:#2A1B0E;border:1px solid #5C3A17;color:#E8A33D;border-radius:8px;padding:8px 12px;font:600 13px/1.4 'Public Sans',sans-serif}
/* forms (Contact Form 7 / WPForms / core) */
.entry form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:28px 30px;display:flex;flex-direction:column;gap:14px}
.entry label{font:600 12.5px/1.4 'Public Sans',sans-serif;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}
.entry input[type=text],.entry input[type=email],.entry select,.entry textarea{width:100%;background:var(--surface-2);border:1px solid var(--card-border);border-radius:8px;padding:11px 12px;color:var(--text);font:400 14px/1.4 'Public Sans',sans-serif}
.entry input[type=submit],.entry button[type=submit]{align-self:flex-start;background:var(--primary);color:var(--on-primary);font:700 14px/1 'Public Sans',sans-serif;padding:13px 26px;border:none;border-radius:10px;cursor:pointer}
/* Contact Form 7: the form is the card; the inner .card.contact-form wrapper only lays out the fields */
.entry form .card.contact-form{background:none;border:0;border-radius:0;padding:0}
.entry .wpcf7 p{margin:0;max-width:none}
.entry .wpcf7-form-control-wrap{display:block;margin-top:6px}
.entry .wpcf7-not-valid-tip{display:block;margin-top:6px;color:#F87171;font:500 12.5px/1.4 'Public Sans',sans-serif;text-transform:none;letter-spacing:0}
.entry .wpcf7 form .wpcf7-response-output{margin:4px 0 0;padding:10px 14px;border:1px solid var(--card-border);border-radius:8px;font:500 14px/1.5 'Public Sans',sans-serif;color:var(--text)}
.entry .wpcf7 form.sent .wpcf7-response-output{border-color:#16A34A}
.entry .wpcf7 form.invalid .wpcf7-response-output,.entry .wpcf7 form.unaccepted .wpcf7-response-output,.entry .wpcf7 form.failed .wpcf7-response-output,.entry .wpcf7 form.spam .wpcf7-response-output{border-color:#E8A33D}
/* accessibility */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:1000;background:var(--primary);color:var(--on-primary);padding:10px 14px;border-radius:8px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
/* mobile menu */
.nav-toggle{display:none;background:none;border:1px solid var(--card-border);border-radius:9px;width:42px;height:40px;cursor:pointer;position:relative}
.nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{position:absolute;left:11px;width:18px;height:2px;background:var(--text);content:"";transition:.2s}
.nav-toggle .bars{top:19px}.nav-toggle .bars::before{left:0;top:-6px}.nav-toggle .bars::after{left:0;top:6px}
.nav-open .nav-toggle .bars{background:transparent}.nav-open .nav-toggle .bars::before{top:0;transform:rotate(45deg)}.nav-open .nav-toggle .bars::after{top:0;transform:rotate(-45deg)}
@media (max-width:820px){
  .nav-toggle{display:block;margin-left:auto}
  .hdr-nav{display:none;order:3;width:100%;flex-direction:column;gap:0;overflow:visible;padding:6px 0}
  .nav-open .hdr-nav{display:flex}
  .hdr-nav a{padding:12px 2px;border-top:1px solid var(--card-border);white-space:normal}
  .entry>h2{font-size:24px}.entry>h3{font-size:19px}
}

/* logo images */
.logo img,.custom-logo{height:40px;width:auto;display:block}
.ftr .logo img{height:34px}
.custom-logo-link{display:block}
@media (max-width:820px){.logo img,.custom-logo{height:32px}}