/* WordPress-specific additions */
.skip{position:absolute;left:-999px;top:0;background:var(--pri);color:#fff;padding:8px 14px;z-index:99;border-radius:0 0 8px 0}.skip:focus{left:0}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.gr1{background:linear-gradient(135deg,#0ea5e9,#1e3a8a)}
.gr2{background:linear-gradient(135deg,#334155,#0f172a)}
.gr3{background:linear-gradient(135deg,#475569,#1e3a5f)}
.gr4{background:linear-gradient(135deg,#0f766e,#0b1220)}
.gr5{background:linear-gradient(135deg,#0c4a6e,#020617)}
.im,.fi,.vim{background-size:cover;background-position:center}
.g .im{height:140px}
.g .bd.r,.g .bd.vb{background:#dc2626;color:#fff;border:0}.g .bd.o{background:#f59e0b;color:#fff;border:0}
.vb{position:absolute;right:8px;bottom:8px;left:auto;top:auto}
.lv-beginner{color:#059669}.lv-intermediate{color:#2563eb}.lv-advanced{color:#9333ea}
:root[data-theme="dark"] .lv-intermediate{color:#60a5fa}:root[data-theme="dark"] .lv-advanced{color:#c084fc}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lv-intermediate{color:#60a5fa}:root:not([data-theme="light"]) .lv-advanced{color:#c084fc}}
.sform{display:contents}
nav .mh-menu,nav .mh-fallback{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px}
nav li{margin:0;list-style:none}
nav li a{display:block;font-weight:600;font-size:12px;padding:7px 11px;border-radius:8px;transition:background .2s,color .2s}
nav li a:hover,nav .current-menu-item>a,nav .current-cat>a,nav .current-menu-ancestor>a{background:var(--tint);color:var(--pri)}
nav .yt>a{color:#dc2626}
@media(max-width:860px){nav .mh-menu,nav .mh-fallback{flex-direction:column;width:100%}nav li a{padding:12px 14px;font-size:14px}}
.admin-bar header{top:32px}.admin-bar #pg{top:32px}
@media(max-width:782px){.admin-bar header{top:46px}.admin-bar #pg{top:46px}}
.fmenu{list-style:none;margin:0;padding:0}.fmenu li{margin:0}
.more{text-align:center;margin:22px 0 4px}
.pagination{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:26px 0}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-weight:600;font-size:12px;transition:background .2s,color .2s}
.page-numbers.current,a.page-numbers:hover{background:var(--pri);color:#fff;border-color:var(--pri)}
.post-navigation .nav-links{display:flex;justify-content:space-between;gap:12px;margin-top:26px;border-top:1px solid var(--line);padding-top:16px;font-size:12.5px;font-weight:600}
.post-navigation a{color:var(--pri)}
.entry a{color:var(--pri)}.entry .step a{color:var(--pri)}
.entry img{max-width:100%;height:auto;border-radius:10px}
.entry p code,.entry li code,.step code,.tip code{background:var(--tint);padding:1px 5px;border-radius:4px;font-size:.92em}
.entry ul,.entry ol{padding-left:20px}
.entry table{margin-bottom:14px}
.pthumb img{width:100%;height:auto;border-radius:12px;margin:14px 0}
.ptags{margin-top:20px;font-size:12px;color:var(--mut)}.ptags a{background:var(--tint);color:var(--pri);padding:2px 10px;border-radius:99px;font-size:11.5px;margin-right:6px;display:inline-block}
.vf{position:relative;aspect-ratio:16/9;background:#000}.vf:empty{display:none}.vf iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.about h1{font-size:23px;margin:0 0 12px}.about h2{font-size:17px;margin:24px 0 8px}
.comments{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.comments h2{font-size:16px}
.comment-list{list-style:none;padding:0}.comment-list li{margin-bottom:14px}
.comment-body{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:9px 12px;font:13px inherit;font-family:inherit}
.comment-form input[type=submit]{background:var(--pri);color:#fff;border:0;border-radius:7px;padding:9px 18px;font-weight:700;cursor:pointer}
.alignleft{float:left;margin:0 16px 10px 0}.alignright{float:right;margin:0 0 10px 16px}.aligncenter{display:block;margin:0 auto 14px}
.wp-caption{max-width:100%}.wp-caption-text,figcaption{font-size:11.5px;color:var(--mut)}
.ad-live{min-height:90px}
.empty{padding:40px;text-align:center;color:var(--mut)}

/* ---- single-line header on desktop, hamburger below 1020px ---- */
.logo small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo b{white-space:nowrap}
@media(min-width:1101px){
 .bar{flex-wrap:nowrap;gap:12px}
 nav{min-width:0}
 nav .mh-menu,nav .mh-fallback{flex-wrap:nowrap;justify-content:center;gap:0}
 nav li a{padding:7px 8px;white-space:nowrap}
 .search{width:150px}
 .search:focus{width:150px}
}
@media(max-width:1100px){
 .bar{gap:10px 8px;flex-wrap:wrap}
 .logo{margin-right:auto}
 .mb{display:grid;gap:4px;align-content:center;justify-items:center;width:38px;height:38px;border:1px solid var(--line);background:var(--bg);border-radius:9px;cursor:pointer;padding:0}
 .mb span{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s}
 .mb[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .mb[aria-expanded=true] span:nth-child(2){opacity:0}
 .mb[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .tg{width:38px;height:38px}
 nav{order:5;flex:0 0 100%;display:none;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;margin-top:2px}
 nav.open{display:flex;animation:rise .25s both}
 nav .mh-menu,nav .mh-fallback{flex-direction:column;width:100%}
 nav li a{padding:12px 14px;font-size:14px}
 .search{order:6;flex:0 0 100%;width:100%!important;font-size:14px;padding:10px 14px}
}
header .bar{max-width:calc(1120px + 2*var(--gut))}
@media(min-width:1101px){.search,.search:focus{width:140px}}