.pillar-badge{font-size:var(--gd-text-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--gd-radius-full);align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.pillar-badge.pillar-grammar{background:var(--gd-brand-primary-light);color:var(--gd-brand-primary)}.pillar-badge.pillar-vocabulary{background:var(--gd-level-b1-light);color:var(--gd-level-b1)}.pillar-badge.pillar-cefr{background:var(--gd-level-a2-light);color:var(--gd-level-a2)}.pillar-badge.pillar-exams{background:var(--gd-level-b2-light);color:var(--gd-level-b2)}.pillar-badge.pillar-learning{color:#92400e;background:#fef3c7}.article-card{gap:var(--gd-space-3);background:var(--gd-white);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);padding:var(--gd-space-5) var(--gd-space-6);color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex}.article-card:hover{box-shadow:var(--gd-shadow-md);border-color:var(--gd-brand-primary);transform:translateY(-2px)}.article-card-header{align-items:center;gap:var(--gd-space-2);flex-wrap:wrap;display:flex}.article-card-title{color:var(--gd-neutral-900);margin:0;font-size:1.1rem;font-weight:700;line-height:1.4}.article-card-desc{font-size:var(--gd-text-sm);color:var(--gd-neutral-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card-meta{align-items:center;gap:var(--gd-space-3);font-size:var(--gd-text-xs);color:var(--gd-neutral-500);margin-top:auto;display:flex}.article-grid{gap:var(--gd-space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (max-width:639px){.article-grid{grid-template-columns:1fr}}.pillar-filter-root{gap:var(--gd-space-6);flex-direction:column;display:flex}.pillar-filter-tabs{gap:var(--gd-space-2);border-bottom:1px solid var(--gd-neutral-200);padding-bottom:var(--gd-space-3);flex-wrap:wrap;display:flex}.pillar-tab{border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-full);padding:var(--gd-space-1) var(--gd-space-4);font-size:var(--gd-text-sm);color:var(--gd-neutral-700);cursor:pointer;background:0 0;font-weight:500;transition:background .15s,border-color .15s,color .15s}.pillar-tab:hover{border-color:var(--gd-brand-primary);color:var(--gd-brand-primary)}.pillar-tab.active{background:var(--gd-brand-primary);border-color:var(--gd-brand-primary);color:var(--gd-white)}.pillar-filter-skeleton{height:44px}.pillar-filter-empty{color:var(--gd-neutral-500);font-size:var(--gd-text-sm);padding:var(--gd-space-8) 0}.blog-pagination{justify-content:center;align-items:center;gap:var(--gd-space-2);margin-top:var(--gd-space-8);padding-top:var(--gd-space-6);border-top:1px solid var(--gd-neutral-200);display:flex}.blog-pagination-pages{align-items:center;gap:var(--gd-space-1);margin:0;padding:0;list-style:none;display:flex}.blog-pagination-page{min-width:36px;height:36px;padding:0 var(--gd-space-2);border-radius:var(--gd-radius-md);font-size:var(--gd-text-sm);color:var(--gd-neutral-700);justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.blog-pagination-page:hover{background:var(--gd-brand-primary-light);color:var(--gd-brand-primary)}.blog-pagination-page.active{background:var(--gd-brand-primary);color:var(--gd-white);pointer-events:none;font-weight:600}.blog-pagination-ellipsis{min-width:28px;height:36px;color:var(--gd-neutral-400);font-size:var(--gd-text-sm);justify-content:center;align-items:center;display:inline-flex}.blog-pagination-btn{align-items:center;gap:var(--gd-space-1);padding:0 var(--gd-space-3);border-radius:var(--gd-radius-md);height:36px;font-size:var(--gd-text-sm);color:var(--gd-neutral-700);border:1px solid var(--gd-neutral-200);font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.blog-pagination-btn:hover{border-color:var(--gd-brand-primary);color:var(--gd-brand-primary);background:var(--gd-brand-primary-light)}.blog-pagination-btn.disabled{color:var(--gd-neutral-300);border-color:var(--gd-neutral-100);pointer-events:none}.related-cta-actions{gap:var(--gd-space-2);flex-direction:column;flex-shrink:0;display:flex}.article-header{padding:var(--gd-space-8) 0 var(--gd-space-6);border-bottom:1px solid var(--gd-neutral-200);margin-bottom:var(--gd-space-8)}.article-header-badges{align-items:center;gap:var(--gd-space-2);margin-bottom:var(--gd-space-4);flex-wrap:wrap;display:flex}.article-header-title{color:var(--gd-neutral-900);margin:0 0 var(--gd-space-3) 0;font-size:2rem;font-weight:800;line-height:1.25}@media (max-width:639px){.article-header-title{font-size:1.5rem}}.article-header-desc{color:var(--gd-neutral-500);margin:0 0 var(--gd-space-4) 0;font-size:1.125rem;line-height:1.6}.article-header-meta{align-items:center;gap:var(--gd-space-3);font-size:var(--gd-text-sm);color:var(--gd-neutral-500);flex-wrap:wrap;display:flex}.article-header-author{color:var(--gd-brand-primary);font-weight:500;text-decoration:none}.article-header-author:hover{text-underline-offset:2px;text-decoration:underline}.article-bottom-section{border-top:1px solid var(--gd-neutral-200);padding-top:var(--gd-space-10);margin-top:var(--gd-space-10)}.article-bottom-section-heading{font-family:var(--gd-font-heading);color:var(--gd-neutral-900);margin:0 0 var(--gd-space-6) 0;padding-left:var(--gd-space-4);border-left:3px solid var(--gd-brand-primary);font-size:1.5rem;font-weight:700;line-height:1.3}.article-prose{color:var(--gd-neutral-700);max-width:72ch;font-size:1.0625rem;line-height:1.75}.article-prose h2{color:var(--gd-neutral-900);margin:var(--gd-space-10) 0 var(--gd-space-4);font-size:1.5rem;font-weight:700;line-height:1.3}.article-prose h3{color:var(--gd-neutral-900);margin:var(--gd-space-8) 0 var(--gd-space-3);font-size:1.2rem;font-weight:700}.article-prose p{margin:0 0 var(--gd-space-5) 0}.article-prose ul,.article-prose ol{margin:0 0 var(--gd-space-5) 0;padding-left:var(--gd-space-6)}.article-prose li{margin-bottom:var(--gd-space-2)}.article-prose strong{color:var(--gd-neutral-900);font-weight:700}.article-prose em{font-style:italic}.article-prose blockquote{border-left:4px solid var(--gd-brand-primary);padding:var(--gd-space-3) var(--gd-space-5);margin:var(--gd-space-6) 0;background:var(--gd-brand-primary-light);border-radius:0 var(--gd-radius-md) var(--gd-radius-md) 0;color:var(--gd-neutral-700)}.article-prose blockquote p:last-child{margin-bottom:0}.article-prose code{font-family:var(--gd-font-mono);background:var(--gd-neutral-100);border-radius:var(--gd-radius-sm);padding:2px 5px;font-size:.875em}.article-prose pre{background:var(--gd-neutral-100);border-radius:var(--gd-radius-md);padding:var(--gd-space-5);margin:0 0 var(--gd-space-5) 0;overflow-x:auto}.article-prose pre code{font-size:var(--gd-text-sm);background:0 0;padding:0}.article-prose table{border-collapse:collapse;width:100%;margin:0 0 var(--gd-space-6) 0;font-size:var(--gd-text-sm)}.article-prose th{background:var(--gd-brand-primary-light);color:var(--gd-brand-primary);text-align:left;padding:var(--gd-space-3) var(--gd-space-4);border-bottom:2px solid var(--gd-brand-primary);font-weight:700}.article-prose td{padding:var(--gd-space-3) var(--gd-space-4);border-bottom:1px solid var(--gd-neutral-200);vertical-align:top}.article-prose tr:last-child td{border-bottom:none}.article-prose a{color:var(--gd-brand-primary);text-underline-offset:2px;text-decoration:underline}.article-prose a:hover{color:var(--gd-brand-primary-dark)}.article-references{margin-top:var(--gd-space-10);margin-bottom:var(--gd-space-8);padding:var(--gd-space-6);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);background:var(--gd-neutral-50);max-width:72ch}.article-references-heading{font-size:var(--gd-text-base);color:var(--gd-neutral-900);margin:0 0 var(--gd-space-4) 0;letter-spacing:-.01em;font-weight:700}.article-references-list{gap:var(--gd-space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.article-references-item{gap:var(--gd-space-1);flex-direction:column;display:flex}.article-references-link{align-items:center;gap:var(--gd-space-2);color:var(--gd-brand-primary);font-size:var(--gd-text-sm);text-underline-offset:2px;width:fit-content;font-weight:500;text-decoration:underline;display:inline-flex}.article-references-link:hover{color:var(--gd-brand-primary-dark)}.article-references-icon{flex-shrink:0}.article-references-desc{font-size:var(--gd-text-xs);color:var(--gd-neutral-500);padding-left:calc(14px + var(--gd-space-2));margin:0}