/*
Theme Name: iStatistic V8 Optimized Theme
Version: 8.7.0
Author: iStatistic
*/
:root{--bg:#f3f6f9;--card:#fff;--ink:#0b1020;--muted:#667085;--line:#e6edf3;--accent:#0f4c5c;--shadow:0 16px 45px rgba(15,39,55,.065)}
*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body{margin:0;background:var(--bg);color:var(--ink);padding:18px 0 0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-shell{width:min(1780px,calc(100% - 72px));margin:0 auto}
.site-header{position:sticky;top:12px;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:13px 20px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;margin-right:auto}
.logo{width:52px;height:52px;border-radius:16px;background:radial-gradient(circle at 25% 18%,#4f7bff 0,#2856bf 42%,#103f53 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px;letter-spacing:-.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px rgba(30,80,140,.18)}
.brand-name{font-size:28px;font-weight:900;letter-spacing:-.045em}
.main-nav{display:flex;align-items:center;gap:14px;white-space:nowrap}
.main-nav a{display:inline-flex;text-decoration:none;font-size:18px;font-weight:850;color:#303846;padding:10px 16px;border-radius:999px;letter-spacing:.005em}
.main-nav a.active{background:#eef8fb;color:var(--accent);box-shadow:inset 0 0 0 1px #d8eef4;position:relative}
.main-nav a.active:after{content:"";position:absolute;left:22px;right:22px;bottom:6px;height:3px;background:var(--accent);border-radius:3px}
.site-main{min-height:calc(100vh - 150px)}
.site-footer{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:60;width:min(1780px,calc(100% - 72px));display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);padding:11px 24px}
.footer-left strong{display:block;font-size:17px}.footer-left span{color:var(--muted);font-size:14px}
.footer-contact{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.footer-pill{border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:#fff;color:#394456;font-weight:800;text-decoration:none;font-size:14px}
.footer-cta{background:var(--accent);color:#fff;border-radius:999px;padding:11px 21px;text-decoration:none;font-weight:900;font-size:15px}
.page-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:32px;margin:28px auto 104px;width:min(1640px,calc(100% - 84px))}
.entry-content{font-size:18px;line-height:1.7;color:#1f2937}
@media(max-width:900px){body{padding-top:10px}.site-shell{width:calc(100% - 20px)}.site-header{top:8px;border-radius:18px;padding:13px;flex-wrap:wrap}.logo{width:48px;height:48px}.brand-name{font-size:25px}.main-nav{width:100%;overflow-x:auto;padding-bottom:4px;gap:10px}.main-nav a{font-size:16px;padding:10px 14px}.site-footer{width:calc(100% - 20px);bottom:10px;align-items:flex-start;flex-direction:column;padding:13px 17px}.footer-contact{width:100%;gap:8px}.footer-pill,.footer-cta{font-size:14px;padding:9px 12px}.page-card{width:calc(100% - 24px);padding:22px;margin-bottom:150px}}


/* Mobile-only refinement: keep desktop unchanged, make header/footer compact on phones */
@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-top:8px}
  .site-shell{width:calc(100% - 20px)}
  .site-header{position:relative;top:auto;z-index:50;border-radius:18px;padding:10px 12px;gap:8px;box-shadow:0 10px 28px rgba(15,39,55,.055)}
  .brand{width:100%;gap:10px;margin-right:0}
  .logo{width:42px;height:42px;border-radius:13px;font-size:20px;flex:0 0 auto}
  .brand-name{font-size:24px;line-height:1;letter-spacing:-.04em}
  .main-nav{width:100%;display:flex;flex-wrap:wrap;overflow:visible;padding:2px 0 0;gap:6px;white-space:normal}
  .main-nav a{font-size:13.5px;line-height:1;padding:8px 10px;border-radius:999px;letter-spacing:0;font-weight:850}
  .main-nav a.active:after{left:15px;right:15px;bottom:4px;height:2px}
  .site-main{min-height:auto}
  .site-footer{position:static;left:auto;bottom:auto;transform:none;width:calc(100% - 20px);margin:14px auto 10px;border-radius:18px;padding:10px 12px;display:block;box-shadow:0 10px 28px rgba(15,39,55,.055)}
  .footer-left{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}
  .footer-left strong{font-size:15px;line-height:1.1}
  .footer-left span{font-size:12.5px;line-height:1.2}
  .footer-contact{display:flex;gap:6px;align-items:center;flex-wrap:wrap;width:100%}
  .footer-pill{font-size:12.5px;line-height:1;padding:8px 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .footer-cta{font-size:13px;line-height:1;padding:9px 13px;white-space:nowrap}
  .page-card{width:calc(100% - 20px);padding:18px;margin:16px auto 18px;border-radius:18px}
}