/* ---- Top Bar ---- */
.topbar{background:var(--color-primary);color:rgba(255,255,255,.85);font-size:.78rem;padding:8px 0;}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;gap:16px;}
.topbar__text a{color:#fbbf24;font-weight:600;text-decoration:none;}
.topbar__text a:hover{text-decoration:underline;}
.topbar__links{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.topbar__links a{color:rgba(255,255,255,.7);transition:color .2s;}
.topbar__links a:hover{color:white;}
.topbar__sep{color:rgba(255,255,255,.25);}

/* ---- Enhanced Logo ---- */
.site-branding__logo{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1;flex-shrink:0;}
.logo-sr{color:white;font-weight:900;font-size:13px;font-family:var(--font-sans);letter-spacing:-0.5px;}
.logo-22{color:#fbbf24;font-weight:900;font-size:11px;font-family:var(--font-sans);}
.site-branding__text{display:flex;flex-direction:column;}
.site-branding__name{font-weight:800;font-size:1rem;color:var(--color-primary);line-height:1.2;letter-spacing:-.3px;}
.site-branding__name:hover{color:var(--color-accent);}
.site-branding__tagline{font-size:.68rem;color:var(--color-text-muted);font-weight:500;}

/* ---- Nav Arrows ---- */
.primary-nav__link--arrow{display:flex;align-items:center;gap:5px;}
.nav-chevron{transition:transform .2s ease;flex-shrink:0;}
.primary-nav__item--mega:hover .nav-chevron,
.primary-nav__item--has-dropdown:hover .nav-chevron{transform:rotate(180deg);}
.nav-cat-count{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-alt);color:var(--color-text-muted);font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:100px;margin-left:auto;}

/* ---- Mega Menu ---- */
.primary-nav__item--mega{position:static;}
.mega-menu{position:absolute;top:calc(100% + 1px);left:0;right:0;background:var(--color-surface);border-top:3px solid var(--color-accent);border-bottom:1px solid var(--color-border);box-shadow:0 20px 60px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .22s ease;z-index:200;}
.primary-nav__item--mega:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0);}
.mega-menu__inner{display:grid;grid-template-columns:1fr 1fr 1fr 200px;gap:0;max-width:var(--max-width);margin:0 auto;padding:0 24px;}
.mega-menu__col{padding:24px 20px 24px 0;border-right:1px solid var(--color-border-light);}
.mega-menu__col:last-child{border-right:none;padding-left:20px;}
.mega-menu__head{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:12px;font-family:var(--font-sans);}
.mega-menu__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;}
.mega-menu__list li a{display:block;padding:7px 10px;font-size:.84rem;color:var(--color-text);border-radius:var(--radius-sm);transition:all .18s;line-height:1.4;}
.mega-menu__list li a:hover{background:var(--color-surface-alt);color:var(--color-primary);padding-left:14px;}
.mega-menu__col--tools{display:flex;flex-direction:column;gap:10px;padding-top:24px;}
.mega-tool-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all .2s;}
.mega-tool-card:hover{border-color:var(--color-primary-light);background:#eef2ff;transform:translateX(3px);}
.mega-tool-card__icon{font-size:1.4rem;flex-shrink:0;}
.mega-tool-card strong{display:block;font-size:.85rem;color:var(--color-primary);font-family:var(--font-sans);}
.mega-tool-card small{font-size:.75rem;color:var(--color-text-muted);}

/* ---- Dropdown enhanced ---- */
.primary-nav__dropdown{min-width:220px;}
.primary-nav__dropdown li a{display:flex;align-items:center;justify-content:space-between;}

/* ---- Reading Progress ---- */
.reading-progress{position:absolute;bottom:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--color-accent),#fbbf24);transition:width .1s linear;border-radius:0 2px 2px 0;}

/* ---- Mobile Nav Enhanced ---- */
.mobile-nav__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border-light);margin-bottom:8px;}
.mobile-nav__sep{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:12px 0 6px;border-top:1px solid var(--color-border-light);margin-top:6px;list-style:none;}
.mobile-nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998;}
.mobile-nav-overlay.is-open{display:block;}
.mobile-nav{z-index:999;width:300px;right:auto;left:0;box-shadow:4px 0 24px rgba(0,0,0,.15);}

/* ---- Article single page ---- */
.post-hero{padding:56px 0 48px;}
.post-hero__meta-item svg{width:14px;height:14px;flex-shrink:0;}
.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.article-tag{display:inline-block;padding:3px 12px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:100px;font-size:.72rem;color:rgba(255,255,255,.85);font-weight:600;}

/* Author box */
.author-box{display:flex;gap:20px;align-items:flex-start;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;margin:40px 0 0;}
.author-box__avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:1.5rem;flex-shrink:0;font-family:var(--font-sans);}
.author-box__name{font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:4px;font-family:var(--font-sans);}
.author-box__role{font-size:.78rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.author-box__bio{font-size:.875rem;color:var(--color-text-muted);line-height:1.7;margin:0;}

/* Comments */
.comments-section{margin-top:40px;padding-top:32px;border-top:2px solid var(--color-border-light);}
.comments-section h3{font-size:1.25rem;margin-bottom:24px;}
.comment-item{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--color-border-light);}
.comment-item__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#3b6fd4);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:.95rem;flex-shrink:0;}
.comment-item__name{font-weight:700;font-size:.9rem;color:var(--color-primary);}
.comment-item__date{font-size:.75rem;color:var(--color-text-light);margin-left:8px;}
.comment-item__text{font-size:.9rem;color:var(--color-text-muted);line-height:1.7;margin-top:6px;}

/* State quick select in sidebar */
.state-quick-select{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.state-quick-btn{padding:6px 4px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;text-align:center;color:var(--color-text);transition:all .18s;cursor:pointer;text-decoration:none;display:block;}
.state-quick-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:white;}

@media(max-width:1024px){.mega-menu__inner{grid-template-columns:1fr 1fr;}.mega-menu__col--tools{display:none;}}
@media(max-width:768px){.topbar__links{display:none;}.reading-progress{display:none;}}