/* blog.arthonsys.com 2026 skin (S58): header, hero and footer match www.arthonsys.com; reading area stays light because 52 posts carry inline dark text colours */
.ax-skin{--bg:#030712;--bg2:#0b1220;--card:#0f1a2b;--line:#1f2a3c;--ink:#f3f4f6;--mute:#9ca3af;--acc:#23a799;--acc2:#1abc9c;--deep:#206962}
body.ax-skin{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f4f6f8;color:#1f2937;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.ax-skin :is(p,li,a,span,div,h1,h2,h3,h4,h5,h6,input,button,textarea,select,label,td,th,blockquote,summary,strong,em,b){font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.ax-skin :is(h1,h2,h3,h4,h5,h6,.entry-title,.widget-title){letter-spacing:-.01em;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}
.ax-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ax-btn{display:inline-block;background:var(--acc);color:#04130f!important;font-weight:700;padding:12px 22px;border-radius:999px;border:0;font-size:16px;text-decoration:none!important}
.ax-btn:hover{background:var(--acc2)}.ax-btn.sm{padding:8px 16px;font-size:14px}

/* header (same as the main site) */
.ax-top{position:sticky;top:0;z-index:1000;background:rgba(3,7,18,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font-size:16px;line-height:1.65}
.admin-bar .ax-top{top:32px}
.ax-bar{display:flex;align-items:center;justify-content:space-between;height:68px}
.ax-logo img{display:block;height:40px;width:auto}
.ax-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.ax-nav li{margin:0;padding:0;list-style:none}
.ax-nav li>a,.ax-nav summary{display:block;padding:8px 12px;color:var(--ink);font-size:15px;font-weight:400;text-transform:none;cursor:pointer;border-radius:8px;list-style:none;text-decoration:none}
.ax-nav summary::-webkit-details-marker{display:none}
.ax-nav summary::after{content:"\25BE";font-size:11px;margin-left:5px;color:var(--mute)}
.ax-nav li.on>a{color:var(--acc2)}
.ax-nav li>a:hover,.ax-nav summary:hover{background:var(--bg2);text-decoration:none;color:var(--ink)}
.ax-nav .dd{position:relative}
.ax-nav .menu{position:absolute;top:44px;left:0;min-width:260px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.ax-nav .menu a{display:block;padding:7px 12px;color:#d1d5db;border-radius:8px;font-size:14.5px;text-decoration:none}
.ax-nav .menu a:hover{background:var(--card);color:var(--ink)}
.ax-nav li>a.ax-btn{color:#04130f;padding:8px 16px;font-size:14px}
.ax-burger{display:none;font-size:26px;cursor:pointer;padding:6px 10px;color:var(--ink);margin:0}
@media (max-width:1240px){
 .ax-burger{display:block}
 .ax-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);max-height:calc(100vh - 68px);overflow:auto}
 #ax-navt:checked~.ax-nav{display:block}
 .ax-nav ul{flex-direction:column;align-items:stretch;padding:10px 16px 18px}
 .ax-nav .menu{position:static;box-shadow:none;border:0;background:transparent;padding:0 0 6px 12px}
 .ax-nav .ax-btn.sm{text-align:center;margin-top:8px}
}

/* hero band */
.ax-hero{background:var(--bg) radial-gradient(1000px 420px at 15% -10%,rgba(35,167,153,.28),transparent 60%);color:var(--ink);padding:44px 0 40px}
.ax-hero .ax-title{color:var(--ink);font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.02em;margin:0 0 .3em;line-height:1.2}
.ax-hero .ax-lead{color:#d1d5db;font-size:18px;max-width:760px;margin:0}
.ax-crumb{font-size:14px;color:var(--mute);margin:0 0 10px}.ax-crumb a{color:var(--mute)}
.single-post .ax-hero{padding:16px 0 12px}.single-post .ax-crumb{margin:0}

/* reading area: light cards, brand teal links/buttons */
.ax-skin .main-content-area{margin-top:36px}
.ax-skin a{color:#14857a}.ax-skin a:hover{color:var(--deep)}
.ax-skin .post-inner-content,.ax-skin .well{border:1px solid #e5e7eb;border-radius:14px;box-shadow:none;background:#fff}
.ax-skin article.post{border-radius:14px;overflow:hidden}
.ax-skin .entry-title,.ax-skin .entry-title a{color:#111827}
.ax-skin .entry-title a:hover{color:#14857a}
.ax-skin .entry-meta,.ax-skin .entry-meta a{color:#6b7280}
.ax-skin .entry-content{font-size:17px;line-height:1.75}
.ax-skin .entry-content :is(h2,h3,h4,h5,h6){color:#111827;margin-top:1.2em}
.ax-skin .btn,.ax-skin .btn-default,.ax-skin input[type=submit],.ax-skin button[type=submit],.ax-skin .read-more a,.ax-skin .search-submit,.ax-skin .textwidget a.btn,.ax-skin .textwidget .btn{background:var(--acc)!important;border-color:var(--acc)!important;color:#04130f!important;border-radius:999px;text-shadow:none;background-image:none!important;box-shadow:none}
.ax-skin .btn:hover,.ax-skin input[type=submit]:hover,.ax-skin .search-submit:hover{background:var(--acc2)!important}
.ax-skin .pagination>li>a,.ax-skin .pagination>li>span,.ax-skin .nav-links a{border-radius:8px}
.ax-skin .pagination>.active>span,.ax-skin .pagination>li>a:hover{background:var(--acc)!important;border-color:var(--acc)!important;color:#04130f!important}

.ax-skin #secondary .widget{border:0;background:transparent;box-shadow:none;padding-left:0;padding-right:0}
.ax-skin #secondary .widget-title{font-size:18px;color:#111827}
.ax-skin #secondary :is(h2,h3,h4){color:#111827}

/* footer (same as the main site) */
.ax-foot{border-top:1px solid var(--line);background:#02050d;padding:48px 0 20px;margin-top:48px;color:#d1d5db;font-size:14.5px;line-height:1.65}
.ax-foot h4{color:var(--ink);font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .6em;font-weight:700}
.ax-fcols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
@media (max-width:900px){.ax-fcols{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.ax-fcols{grid-template-columns:1fr}}
.ax-fcols a{display:block;color:#cbd5e1;padding:3px 0;text-decoration:none}.ax-fcols a:hover{color:var(--acc2)}
.ax-fcols p{color:#d1d5db;margin:0 0 1em}.ax-tag b{color:var(--ink)}
.ax-fbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);margin-top:28px;padding-top:16px;font-size:13.5px;color:var(--mute)}
.ax-fbar a{color:var(--mute)}
#footer-area{background:#02050d;margin:0;padding:0}

.ax-skin .page-header{border:0;margin:0 0 20px;padding:0}.ax-skin .page-header .page-title{font-size:28px;color:#111827}
/* WhatsApp chat button (5 Nov) */
.ax-wa{position:fixed;right:18px;bottom:18px;z-index:999;display:flex;align-items:center;gap:8px;background:#25d366;color:#05210f!important;font:600 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:12px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25);text-decoration:none!important}
.ax-wa:hover{background:#20bd5a}
@media (max-width:600px){.ax-wa span{display:none}.ax-wa{padding:14px}}
.ax-skin .go-to-top{bottom:84px!important}