:root{--c-primary:#2375d6;--c-primary-dark:#1e67bd;--c-text:#1a202c;--c-text-2:#2d3748;--c-muted:#718096;--c-border:#e2e8f0;--c-bg:#fff;--c-bg-2:#f7fafc;--radius:8px;--w:1200px;--w-content:760px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font:17px/1.7 var(--font);color:var(--c-text-2);background:var(--c-bg-2);margin:0}a{color:var(--c-primary);text-decoration:none}a:hover{color:var(--c-primary-dark);text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{color:var(--c-text);margin:1.6em 0 .6em;line-height:1.3}h1{margin-top:.2em;font-size:clamp(1.6rem,4vw,2.2rem)}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--c-border);z-index:20;background:#fff;position:sticky;top:0}.site-header .wrap{align-items:center;gap:16px;min-height:60px;display:flex}.logo img{aspect-ratio:200/38;width:160px;height:auto;display:block}.nav-toggle{border:1px solid var(--c-border);border-radius:var(--radius);background:0 0;margin-left:auto;padding:6px 10px;font-size:15px}.main-nav{width:100%;display:none}.main-nav.open{border-bottom:1px solid var(--c-border);background:#fff;padding:8px 16px 16px;display:block;position:absolute;top:60px;left:0;right:0}.main-nav ul{margin:0;padding:0;list-style:none}.main-nav li a{color:var(--c-text);padding:8px 0;font-weight:500;display:block}.main-nav ul ul{padding-left:16px}@media (width>=960px){.nav-toggle{display:none}.main-nav{width:auto;margin-left:auto;display:block}.main-nav>ul{gap:18px;display:flex}.main-nav ul ul{border:1px solid var(--c-border);border-radius:var(--radius);background:#fff;min-width:200px;padding:8px 14px;display:none;position:absolute}.main-nav li{position:relative}.main-nav li:hover>ul,.main-nav li:focus-within>ul{display:block}}.layout{gap:24px;padding:24px 0;display:grid}@media (width>=1024px){.layout.with-sidebar{grid-template-columns:minmax(0,1fr) 300px}}.card{border:1px solid var(--c-border);border-radius:var(--radius);background:#fff;padding:20px}@media (width>=700px){.card{padding:32px}}.breadcrumbs{color:var(--c-muted);margin-bottom:8px;font-size:14px}.entry-meta{color:var(--c-muted);flex-wrap:wrap;gap:4px 14px;margin-bottom:20px;font-size:14px;display:flex}.badge-sponsored{color:#b45309;background:#fff4e5;border:1px solid #f5a524;border-radius:4px;padding:0 8px;font-size:13px;font-weight:600;display:inline-block}.featured{margin:0 0 20px}.featured img{border-radius:var(--radius);width:100%}.entry-content{overflow-wrap:anywhere}.entry-content figure{margin:1.4em 0}.entry-content .aligncenter{text-align:center}.entry-content .aligncenter img{margin:0 auto}.entry-content figcaption{color:var(--c-muted);text-align:center;font-size:14px}.entry-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.entry-content td,.entry-content th{border:1px solid var(--c-border);padding:8px}.entry-content blockquote{border-left:4px solid var(--c-primary);background:var(--c-bg-2);margin:1.4em 0;padding:4px 16px}.entry-content pre{color:#f7fafc;border-radius:var(--radius);background:#1a202c;padding:16px;font-size:14px;overflow-x:auto}.wp-html{margin:1.4em 0;overflow-x:auto}.yt{aspect-ratio:16/9;border-radius:var(--radius);cursor:pointer;background:#000;margin:1.4em 0;position:relative;overflow:hidden}.yt img{object-fit:cover;opacity:.85;width:100%;height:100%}.yt button{cursor:pointer;background:red;border:0;border-radius:12px;width:68px;height:48px;margin:auto;position:absolute;inset:0}.yt button:after{content:"";border:10px solid #0000;border-left:17px solid #fff;border-right-width:0;position:absolute;top:14px;left:27px}.yt iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.toc{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg-2);margin:1.4em 0;padding:12px 16px;font-size:15px}.toc summary{cursor:pointer}.toc .toc-hide,.toc[open] .toc-show{display:none}.toc[open] .toc-hide{display:inline}.toc summary span{color:var(--c-primary);margin-left:6px}.toc nav{gap:4px;margin-top:8px;display:grid}.toc nav a{padding-left:calc(var(--lvl) * 18px)}.toc .n{color:var(--c-muted)}.tags{flex-wrap:wrap;gap:8px;margin-top:24px;font-size:14px;display:flex}.tags a{background:var(--c-bg-2);border:1px solid var(--c-border);color:var(--c-text-2);border-radius:999px;padding:2px 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.post-card{border:1px solid var(--c-border);border-radius:var(--radius);background:#fff;flex-direction:column;display:flex;overflow:hidden}.post-card .thumb{aspect-ratio:16/9;background:var(--c-bg-2);display:block}.post-card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.post-card .body{padding:14px 16px 18px}.post-card h2{margin:0 0 6px;font-size:1.05rem}.post-card h2 a{color:var(--c-text)}.post-card .meta{color:var(--c-muted);font-size:13px}.archive-head{margin-bottom:20px}.archive-head p{color:var(--c-muted);margin:0}.pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin:32px 0 8px;display:flex}.pagination a,.pagination span{text-align:center;border:1px solid var(--c-border);border-radius:var(--radius);background:#fff;min-width:40px;padding:6px 10px}.pagination .current{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.sidebar .widget{margin-bottom:20px}.sidebar h3{margin:0 0 10px;font-size:1rem}.comments{margin-top:32px}.comment{border-top:1px solid var(--c-border);padding:14px 0}.comment .who{color:var(--c-text);font-weight:600}.comment .when{color:var(--c-muted);margin-left:8px;font-size:13px}.comment .replies{border-left:2px solid var(--c-border);margin-left:20px;padding-left:14px}.site-footer{color:#cbd5e0;background:#1a202c;margin-top:32px;padding:32px 0;font-size:15px}.site-footer a{color:#fff}.site-footer ul{flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;padding:0;list-style:none;display:flex}.search-form{gap:8px;display:flex}.search-form input{border:1px solid var(--c-border);border-radius:var(--radius);font:inherit;flex:1;padding:8px 10px}.search-form button{border-radius:var(--radius);background:var(--c-primary);color:#fff;font:inherit;border:0;padding:8px 14px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}
