/* Uti-Mate Blog Directory + Tool Articles */
.blog-hero{padding:4.5rem 0 1.5rem;position:relative;overflow:hidden}.blog-hero-card{border:1px solid rgba(148,163,184,.22);border-radius:2rem;padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(14,165,233,.10),rgba(255,255,255,.04));box-shadow:0 24px 80px rgba(15,23,42,.12)}.blog-hero h1{font-size:clamp(2.25rem,6vw,5rem);line-height:.95;margin:.4rem 0 1rem;letter-spacing:-.06em}.blog-hero p{max-width:760px;color:var(--muted,#64748b);font-size:1.08rem}.blog-search-wrap{margin-top:1.25rem;display:flex;gap:.8rem;flex-wrap:wrap}.blog-search-wrap input,.blog-search-wrap select{min-height:48px;border-radius:999px;border:1px solid rgba(148,163,184,.32);background:rgba(255,255,255,.08);color:inherit;padding:.85rem 1rem}.blog-search-wrap input{flex:1;min-width:min(100%,280px)}.blog-directory{padding:2rem 0 5rem}.blog-category{margin:2rem 0}.blog-category h2{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.03em;margin-bottom:1rem}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.blog-card{display:flex;flex-direction:column;gap:.7rem;padding:1.1rem;border:1px solid rgba(148,163,184,.25);border-radius:1.25rem;text-decoration:none;color:inherit;background:rgba(255,255,255,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.45);box-shadow:0 16px 40px rgba(15,23,42,.12)}.blog-card strong{font-size:1.04rem}.blog-card span{font-size:.9rem;color:var(--muted,#64748b)}.blog-pill{width:max-content;border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:.25rem .6rem;font-size:.78rem;color:var(--muted,#64748b)}.article-shell{max-width:940px;margin:0 auto;padding:3.5rem 1rem 5rem}.article-hero{padding:2rem 0 1rem}.article-hero .eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent,#6366f1);font-size:.82rem}.article-hero h1{font-size:clamp(2.1rem,5vw,4.25rem);line-height:1;letter-spacing:-.055em;margin:.5rem 0 1rem}.article-hero p{font-size:1.1rem;color:var(--muted,#64748b);max-width:760px}.article-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}.article-content{border:1px solid rgba(148,163,184,.22);border-radius:1.6rem;padding:clamp(1.2rem,3vw,2.25rem);background:rgba(255,255,255,.055);line-height:1.78}.article-content h2{margin-top:2rem;font-size:clamp(1.35rem,2.5vw,2rem);letter-spacing:-.03em}.article-content h3{margin-top:1.5rem}.article-content p,.article-content li{color:var(--text,#0f172a)}body[data-theme="dark"] .article-content p,body[data-theme="dark"] .article-content li{color:rgba(226,232,240,.9)}.article-note{border-left:4px solid var(--accent,#6366f1);padding:1rem 1.1rem;background:rgba(99,102,241,.1);border-radius:1rem;margin:1.2rem 0}.article-table{width:100%;border-collapse:collapse;margin:1rem 0;border-radius:1rem;overflow:hidden}.article-table th,.article-table td{border:1px solid rgba(148,163,184,.25);padding:.8rem;text-align:left}.article-table th{background:rgba(148,163,184,.12)}.related-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.related-article-grid a{border:1px solid rgba(148,163,184,.25);border-radius:1rem;padding:.9rem;text-decoration:none;color:inherit;background:rgba(255,255,255,.045)}.blog-empty{display:none;padding:1.5rem;border:1px dashed rgba(148,163,184,.4);border-radius:1rem;color:var(--muted,#64748b)}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-article-grid{grid-template-columns:1fr}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-hero-card{border-radius:1.4rem}.article-shell{padding-top:2rem}.article-content{border-radius:1.2rem}}