*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.category-pill{transition:all 150ms ease}
.category-pill:hover{transform:translateY(-1px)}
.card-hover{transition:all 300ms ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px rgba(0,0,0,0.15)}
.dark .card-hover:hover{box-shadow:0 20px 40px -12px rgba(0,0,0,0.5)}
.img-zoom img{transition:transform 500ms ease}
.img-zoom:hover img{transform:scale(1.05)}
.ticker-scroll{animation:ticker 30s linear infinite}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.nav-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.section-fade{opacity:0;animation:fadeUp 0.6s ease forwards}
.section-fade:nth-child(2){animation-delay:0.1s}
.section-fade:nth-child(3){animation-delay:0.2s}
.section-fade:nth-child(4){animation-delay:0.3s}
.section-fade:nth-child(5){animation-delay:0.4s}
.section-fade:nth-child(6){animation-delay:0.5s}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}
.dark ::-webkit-scrollbar-thumb{background:#475569}
.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}
.app-bottom-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
*{-webkit-tap-highlight-color:rgba(0,74,173,0.15)}
.page-enter{animation:pageIn 0.3s ease}
@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes searchOpen{from{opacity:0;transform:scale(0.95) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}
.animate-search-open{animation:searchOpen 0.25s ease forwards}
#searchOverlay{opacity:0;transition:opacity 0.25s ease}
#searchOverlay:not(.hidden){opacity:1}
.tag-cloud,.post-tags a,.tags-links a{display:inline-block;padding:2px 10px;background:#f1f5f9;border-radius:999px;font-size:0.75rem;font-weight:500;color:#64748b;transition:all 200ms ease;text-decoration:none}
.dark .tag-cloud,.dark .post-tags a,.dark .tags-links a{background:#1e293b;color:#94a3b8}
.tag-cloud:hover,.post-tags a:hover,.tags-links a:hover{background:#eef4fd;color:#004aad}
.dark .tag-cloud:hover,.dark .post-tags a:hover,.dark .tags-links a:hover{background:rgba(0,74,173,0.1);color:#6ea5ed}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{width:100%;padding:0.5rem 0.75rem;border-radius:0.5rem;background:#f8fafc;border:1px solid #e2e8f0;font-size:0.875rem;transition:all 200ms ease;font-family:'Inter',sans-serif}
.dark .comment-form input[type="text"],.dark .comment-form input[type="email"],.dark .comment-form input[type="url"]{background:#1e293b;border-color:#334155;color:#e2e8f0}
.comment-form input[type="text"]:focus,.comment-form input[type="email"]:focus,.comment-form input[type="url"]:focus{outline:none;border-color:#004aad;box-shadow:0 0 0 1px rgba(0,74,173,0.2)}
footer .menu-item{list-style:none;margin:0;padding:0}
footer .menu-item a{color:#94a3b8;text-decoration:none;transition:color 200ms ease;display:inline-block;padding:2px 0;font-size:0.875rem}
footer .menu-item a:hover{color:#fff}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:0.5rem;border:1px solid #e2e8f0;font-size:0.875rem;font-weight:500;color:#64748b;transition:all 200ms ease;text-decoration:none}
.dark .page-numbers{border-color:#334155;color:#94a3b8}
.page-numbers.current{background:#004aad;color:#fff;border-color:#004aad}
.page-numbers:hover:not(.current){border-color:#004aad;color:#004aad}
.dark .page-numbers:hover:not(.current){border-color:#6ea5ed;color:#6ea5ed}

/* AdSense Auto Ads — prevent layout breakage */
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
body{overflow-x:hidden}
.in-content-ad{display:flex;justify-content:center;margin:2rem 0;overflow:hidden}