:root{--width: 1010px;--bg: #edf1f2;--fg: #31353a;--muted: #757575;--header-bg: #424a56;--footer-bg: #4b525d;--nav-bg: #547a92;--accent: #0273b9;--title: #575a5f;--title-hover: #2675a6;--btn: #b15f3e;--code-bg: #2c3e50;--code-fg: #fff;--border: #e0e0e0;--card: #ffffff;--sidebar-bg: #f8fafa}body.darkmode{--bg: #353535;--fg: #eee;--muted: #bbb;--header-bg: #2b2b2b;--footer-bg: #313131;--nav-bg: #2f2f2f;--card: #323232;--sidebar-bg: #2f2f2f;--border: #3a3a3a;--title: #eee;--title-hover: #fff;--accent: #a3daef}body.darkmode #sidebar .widget a{color:#eee}body.darkmode #sidebar .widget a:hover{color:#fff}body.darkmode .comment-admin{background:#3a3a3a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.6}#header-wrap{background:var(--header-bg);color:#fff;padding:1.2em 0}#header-content,#footer-content{padding:0 36px}#header-wrap,#navmenu-wrap,#wrapper,#footer-outer{max-width:var(--width);margin-left:auto;margin-right:auto}#header-content .site-title{margin:0;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}#header-content a{color:#fff;text-decoration:none}#header-content .tagline{margin:.2em 0 0;font-size:14px;opacity:.8}#header-content{position:relative}#header-content .social-button{position:absolute;top:50%;right:36px;transform:translateY(-50%)}.social-button{display:flex;gap:.7em;align-items:center}.social-button a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.55);border-radius:50%;transition:all .2s}.social-button a:hover{background:#ffffff1f}.social-button svg{width:17px;height:17px;fill:#fff;opacity:.9}.social-button a:hover svg{opacity:1}#navmenu-wrap{padding:.8em 36px;background:var(--nav-bg)}#navmenu-wrap ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}#navmenu-wrap li{margin-right:30px}#navmenu-wrap li:has(.darkmode-toggle){margin-left:auto;margin-right:0}#navmenu-wrap li.search-btn{margin-left:20px;margin-right:0}#navmenu-wrap a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}#navmenu-wrap a:hover{text-decoration:underline}.darkmode-toggle{position:relative;display:inline-block;width:36px;height:18px;opacity:.85}.darkmode-toggle input{opacity:0;width:0;height:0}.dm-slider{position:absolute;inset:0;background:#fff3;border:1px solid #fff;border-radius:18px;cursor:pointer;transition:background .2s}.dm-slider:before{content:"";position:absolute;width:10px;height:10px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.darkmode-toggle input:checked+.dm-slider{background:#ffffff73}.darkmode-toggle input:checked+.dm-slider:before{transform:translate(18px)}.search-btn{display:inline-flex;align-items:center;color:#fff;opacity:.7;transition:opacity .2s}.search-btn:hover{opacity:1}.search-btn svg,.social-button svg{fill:#fff}#wrapper{display:flex;gap:2em;padding:36px 36px 40px;background:var(--card);border:1px solid var(--border);border-radius:0 0 6px 6px}#main{flex:1;min-width:0}#sidebar{width:300px;flex-shrink:0}#sidebar .widget{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:6px;padding:1em;margin-bottom:1.2em}#sidebar .widget h3{margin:-1em -1em .8em;padding:.6em 1em;font-size:18px;text-align:center;color:#fff;background:var(--nav-bg);border-radius:6px 6px 0 0}#sidebar .widget ul{list-style:none;margin:0;padding:0}#sidebar .widget li{padding:.35em 0 .35em 1.1em;position:relative;border-bottom:1px solid var(--border)}#sidebar .widget li:last-child{border-bottom:0}#sidebar .widget li:before{content:"";position:absolute;left:0;top:.85em;width:6px;height:6px;background:var(--nav-bg)}#sidebar .widget a{color:var(--accent);text-decoration:none}.sidebar-sticky{position:sticky;top:1em}article h1{margin-top:0;line-height:1.3}article img{width:100%;height:auto;display:block;margin:1em auto}article .post-meta{color:var(--muted);font-size:14px;margin-bottom:1.5em}article a{color:var(--accent)}article a:hover{text-decoration:underline}.comments-archive{margin-top:2.5em;border-top:1px solid var(--border);padding-top:1.5em}.comments-archive h2{font-size:18px;margin:0 0 1em}.comments-archive ul{list-style:none;margin:0;padding:0}.comment{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:6px;padding:1em 1.2em;margin-bottom:1em}.comment-admin{border-left:4px solid var(--nav-bg);background:var(--card)}.comment-header{margin:0 0 .3em;font-size:14px;color:var(--muted)}.comment-header strong{color:var(--fg)}.admin-badge{display:inline-block;background:var(--nav-bg);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:.1em .55em;border-radius:3px;margin-left:.4em;vertical-align:middle}.comment-body{font-size:15px;white-space:pre-line}.comment-body p{margin:0 0 .5em}.comment-replies{list-style:none;margin:.8em 0 0 1.2em;padding:0 0 0 1em;border-left:2px solid var(--nav-bg)}.reply-btn{background:none;border:0;padding:0;margin-top:.4em;color:var(--accent);font-size:13px;font-weight:700;cursor:pointer}.reply-btn:hover{text-decoration:underline}#replying-note{font-size:14px;color:var(--muted);background:var(--sidebar-bg);border:1px solid var(--border);border-radius:6px;padding:.5em 1em;margin:0 0 .8em}#replying-note button{margin-left:.8em;background:none;border:1px solid var(--border);border-radius:4px;color:var(--fg);font-size:12px;padding:.15em .6em;cursor:pointer}.comment-note{color:var(--muted);font-size:13px;font-style:italic}.comment-form{margin-top:2em}.comment-form h2{font-size:18px;margin:0 0 .6em}.comment-form .form-note{color:var(--muted);font-size:14px;margin:0 0 1em;padding:.6em 1em;background:#ffe3ba40;border-radius:10px}.comment-form input,.comment-form textarea{display:block;width:100%;margin-bottom:.8em;padding:.6em .8em;font:inherit;font-size:15px;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;box-sizing:border-box}.comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--nav-bg)}.comment-form button{background:var(--nav-bg);color:#fff;border:0;border-radius:4px;padding:.6em 1.6em;font:inherit;font-weight:700;cursor:pointer}.comment-form button:hover{opacity:.9}.comment-form .hp{position:absolute;left:-9999px;height:0;overflow:hidden}.comment-form .cf-turnstile{margin-bottom:.8em}#comment-msg{color:var(--muted);font-size:14px;margin:.6em 0 0}#new-comments{margin-top:1.5em}#share-container{margin-top:2em}.share-this-pleaseeeee{font-weight:700;margin:0 0 .6em}#share{display:flex}#share a{flex:1;display:flex;align-items:center;justify-content:center;padding:.55em 0}#share a:hover{opacity:.85}#share svg{width:20px;height:20px;fill:#fff}#share .facebook{background:#3b5998}#share .twitter{background:#1da1f2}#share .pinterest{background:#e60023}#share .whatsapp{background:#25d366}#share .telegram{background:#08c}.related-posts{margin-top:2em}.related-posts h2{font-size:18px;margin:0 0 1em}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2em}.related-card{display:block;text-decoration:none;color:var(--fg)}.related-card img{width:100%;height:110px;object-fit:cover;border-radius:4px;display:block}.related-card .no-thumb{height:110px;display:flex;align-items:center;justify-content:center;background:var(--nav-bg);color:#fff;font-weight:700;border-radius:4px}.related-title{display:block;font-weight:700;font-size:14px;line-height:1.4;margin-top:.5em;color:var(--title)}.related-card:hover .related-title{color:var(--title-hover)}@media(max-width:700px){.related-grid{grid-template-columns:1fr 1fr}}article .post-meta a{color:#757575;text-decoration:none}article .post-meta a:hover{text-decoration:underline}pre{background:var(--code-bg);color:var(--code-fg);border-left:5px solid rgba(121,128,136,.4);border-radius:4px;padding:.8em 1.2em;margin:1em 0;font-family:monospace;font-size:.9em;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}pre code{background:none;padding:0}code{font-family:monospace;background:var(--card);padding:.1em .4em;border-radius:3px}pre code{background:none}#footer-outer{background:var(--footer-bg);color:#fff;padding:1.5em 0;font-size:14px;text-align:center}#footer-content ul{list-style:none;margin:0 0 1em;padding:0;display:flex;gap:1.2em;flex-wrap:wrap;justify-content:center}#footer-content a{color:#fff;text-decoration:none}@media(max-width:800px){#wrapper{flex-direction:column}#sidebar{width:100%}.social-button{float:none;margin-top:.5em}}