.blog-page{background:var(--paper)}.blog-hero{background:var(--bg);color:var(--text);padding:5.5rem 0 4.5rem}.blog-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);gap:clamp(2.5rem,6vw,6rem);align-items:end}.blog-hero h1{margin:.35rem 0 0;max-width:15ch;font-family:Sora,sans-serif;font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.01em}.blog-hero p:last-child{margin:0;color:var(--text-soft);font-size:1.15rem;line-height:1.75}.blog-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}@media (min-width: 768px){.blog-controls{flex-direction:row;justify-content:space-between;align-items:center}}.blog-categories{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.blog-categories::-webkit-scrollbar{display:none}.blog-category-tab{padding:.55rem 1.15rem;border:1px solid var(--line);border-radius:9999px;background:var(--paper-strong);color:var(--body);font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1)}.blog-category-tab:hover{background:var(--bg);border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.blog-category-tab[aria-selected=true]{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #0fb5c84d}.blog-search{position:relative;width:100%;max-width:25rem;align-self:flex-start}@media (min-width: 768px){.blog-search{align-self:auto}}.blog-search .search-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);font-size:1.1rem;opacity:.75;pointer-events:none}.blog-search input{width:100%;padding:.65rem 1rem .65rem 2.65rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-strong);color:var(--title);font-size:.95rem;transition:all .25s ease;box-shadow:inset 0 2px 4px #0f172a05}.blog-search input:focus{outline:none;background:var(--paper);border-color:var(--accent);box-shadow:0 0 0 4px #0fb5c826,inset 0 2px 4px #0f172a05}.results-count{font-size:.92rem;color:var(--text-soft);font-weight:500;margin-bottom:1.5rem}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media (max-width: 1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;justify-content:space-between;min-height:19rem;padding:1.65rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-strong);box-shadow:0 4px 18px #0f172a08;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-card:hover{transform:translateY(-4px);border-color:var(--accent-light);box-shadow:0 22px 48px #0f172a17}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.95rem}.category-tag{display:inline-block;padding:.25rem .65rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.category-tag[data-category=Compliance]{background:#e7f0fee6;color:#0846aa;border:1px solid hsla(217,91%,85%,.5)}.category-tag[data-category=Dialer]{background:#fde7f3e6;color:#a50d61;border:1px solid hsla(327,85%,85%,.5)}.category-tag[data-category=ATS]{background:#e5faede6;color:#0d632d;border:1px solid hsla(142,70%,82%,.5)}.category-tag[data-category=Comparison]{background:#fef3e2e6;color:#895906;border:1px solid hsla(38,92%,82%,.5)}.category-tag[data-category=Onboarding]{background:#efe8fde6;color:#450fa3;border:1px solid hsla(262,83%,85%,.5)}.category-tag[data-category=Recruiting]{background:#e9edfbe6;color:#1b3898;border:1px solid hsla(226,70%,85%,.5)}.category-tag[data-category=Analytics]{background:#e4fbf9e6;color:#09675e;border:1px solid hsla(174,75%,82%,.5)}.category-tag[data-category="DQ file"]{background:#fef2e2e6;color:#895206;border:1px solid hsla(35,92%,82%,.5)}.reading-time-tag{font-size:.76rem;font-weight:500;color:var(--text-soft)}.blog-card h2{margin:0 0 .75rem;font-family:Sora,sans-serif;font-size:1.25rem;line-height:1.3}.blog-card h2 a{color:var(--title);text-decoration:none;transition:color .2s ease}.blog-card h2 a:hover{color:var(--accent-strong)}.blog-card p{margin:0 0 1.25rem;color:var(--body);font-size:.94rem;line-height:1.6;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(15,23,42,.05)}.publish-date{font-size:.8rem;color:var(--text-soft);font-weight:500}.blog-card-link{color:var(--accent-strong);font-weight:700;font-size:.88rem;text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:transform .2s ease}.blog-card-link:hover{color:var(--accent-dark)}.blog-card-link:hover .arrow{transform:translate(3px)}.blog-card-link .arrow{display:inline-block;transition:transform .2s ease}.blog-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem;background:var(--paper-strong);border:1px dashed var(--line);border-radius:var(--radius-md);margin:2rem 0}.blog-empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.blog-empty-state h3{font-family:Sora,sans-serif;font-size:1.5rem;color:var(--title);margin:0 0 .5rem}.blog-empty-state p{color:var(--body);max-width:25rem;font-size:.95rem;margin:0 0 1.5rem}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--line)}.pagination-pages{display:flex;align-items:center;gap:.35rem}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:2.35rem;height:2.35rem;padding:0 .5rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-strong);color:var(--body);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--bg);border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.pagination-btn[aria-current=page]{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #0fb5c840}.arrow-btn{padding:0 1rem;background:var(--paper-strong)}.pagination-btn:disabled{opacity:.45;cursor:not-allowed;background:#0f172a05}.pagination-ellipsis{font-size:.9rem;color:var(--text-soft);padding:0 .35rem;-webkit-user-select:none;user-select:none}@media (max-width: 960px){.blog-hero-layout{grid-template-columns:1fr;gap:2rem}.blog-card{min-height:auto}.blog-pagination{flex-direction:column;gap:1.25rem}}.section-featured-guides{background:var(--paper-strong);padding:4.5rem 0;border-bottom:1px solid var(--line)}.section-header-row{margin-bottom:2rem}.section-title-premium{font-family:Sora,sans-serif;font-size:clamp(1.85rem,4vw,2.5rem);font-weight:700;color:var(--title);margin-top:.25rem;letter-spacing:-.01em}.feed-header{margin-bottom:1.5rem}.blog-card-featured{background:var(--paper);border-color:#0fb5c826}.blog-card-featured:hover{border-color:var(--accent);box-shadow:0 20px 45px #0fb5c814}.section-topic-hubs{background:var(--bg);padding:4.5rem 0;border-bottom:1px solid var(--line)}.section-header-row.centered{text-align:center;max-width:42rem;margin:0 auto 3rem}.section-subtitle{font-size:1.05rem;line-height:1.6;color:var(--text-soft);margin-top:.75rem}.topic-hubs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem}@media (max-width: 1200px){.topic-hubs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.topic-hubs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.topic-hubs-grid{grid-template-columns:1fr}}.topic-hub-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1.5rem;background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0f172a08;outline:none;font-family:inherit}.topic-hub-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 36px #0fb5c81f}.topic-hub-card.active{background:var(--paper);border-color:var(--accent);box-shadow:0 16px 36px #0fb5c82e}.topic-hub-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#0fb5c814,#fff0 70%);opacity:0;pointer-events:none;transition:opacity .4s ease}.topic-hub-card:hover .topic-hub-glow,.topic-hub-card.active .topic-hub-glow{opacity:1}.topic-hub-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:#0fb5c814;border-radius:var(--radius-md);margin-bottom:1.15rem;transition:all .3s ease}.topic-hub-card:hover .topic-hub-icon-wrapper,.topic-hub-card.active .topic-hub-icon-wrapper{background:var(--accent);transform:scale(1.05)}.topic-hub-icon{font-size:1.35rem;transition:transform .3s ease}.topic-hub-card h3{margin:0 0 .5rem;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:700;color:var(--title);line-height:1.3}.topic-hub-card p{margin:0 0 1.25rem;font-size:.88rem;line-height:1.5;color:var(--text-soft);flex-grow:1}.topic-hub-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:.85rem;border-top:1px solid var(--line);font-size:.8rem;font-weight:600}.topic-hub-count{color:var(--text-soft)}.topic-hub-action{color:var(--accent-strong);display:flex;align-items:center;gap:.25rem}.topic-hub-card:hover .topic-hub-action .arrow{transform:translate(3px)}.topic-hub-action .arrow{transition:transform .2s ease}