.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}}.hub-topics-grid{gap:var(--gd-space-3);margin-bottom:var(--gd-space-6);grid-template-columns:1fr 1fr;display:grid}@media (min-width:768px){.hub-topics-grid{gap:var(--gd-space-4);grid-template-columns:repeat(3,1fr)}}.hub-topic-card{background:var(--gd-white);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);box-shadow:var(--gd-shadow-sm);transition:box-shadow var(--gd-transition-normal), transform var(--gd-transition-normal);flex-direction:column;display:flex;overflow:hidden}.hub-topic-card:hover{box-shadow:var(--gd-shadow-md);transform:translateY(-2px)}.hub-topic-card-body{padding:var(--gd-space-4);flex-direction:column;flex:1;display:flex}.hub-topic-icon{border-radius:var(--gd-radius-lg);width:42px;height:42px;margin-bottom:var(--gd-space-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hub-topic-icon svg{stroke-width:2px;fill:none;stroke:currentColor;width:20px;height:20px}.hub-topic-name{font-family:var(--gd-font-sans);font-size:var(--gd-text-base);font-weight:var(--gd-font-bold);color:var(--gd-neutral-900);margin-bottom:var(--gd-space-1)}.hub-topic-desc{font-size:var(--gd-text-sm);color:var(--gd-neutral-500);margin-bottom:var(--gd-space-3);flex:1;line-height:1.5}.hub-topic-counts{gap:var(--gd-space-2);padding-top:var(--gd-space-3);flex-wrap:wrap;margin-top:auto;display:flex}.hub-topic-foot{border-top:1px solid var(--gd-neutral-200);grid-template-columns:1fr 1fr;display:grid}.hub-topic-action{padding:var(--gd-space-3) var(--gd-space-2);font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-brand-primary);transition:background var(--gd-transition-fast), color var(--gd-transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.hub-topic-action:last-child{border-left:1px solid var(--gd-neutral-200);color:var(--gd-neutral-600)}.hub-topic-action:hover{background:var(--gd-brand-primary-light);color:var(--gd-brand-primary)}.hub-topic-action:last-child:hover{background:var(--gd-neutral-100);color:var(--gd-neutral-900)}.hub-level-dot{font-size:.7rem;font-weight:var(--gd-font-semibold);border-radius:var(--gd-radius-full);align-items:center;height:18px;padding:0 6px;display:inline-flex}.hub-level-dot.a2{background:var(--gd-level-a2-light);color:var(--gd-level-a2)}.hub-level-dot.b1{background:var(--gd-level-b1-light);color:var(--gd-level-b1)}.hub-level-dot.b2{background:var(--gd-level-b2-light);color:var(--gd-level-b2)}.hub-level-dot.c1{background:var(--gd-level-c1-light);color:var(--gd-level-c1)}.hub-level-dot.c2{background:var(--gd-level-c2-light);color:var(--gd-level-c2)}.grammar-theory-grid{gap:var(--gd-space-2);margin-bottom:var(--gd-space-4);grid-template-columns:1fr 1fr;display:grid}@media (min-width:640px){.grammar-theory-grid{grid-template-columns:repeat(3,1fr)}}.grammar-theory-card{align-items:center;gap:var(--gd-space-3);padding:var(--gd-space-3) var(--gd-space-4);background:var(--gd-neutral-100);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-lg);color:var(--gd-neutral-700);font-size:var(--gd-text-sm);font-weight:var(--gd-font-medium);transition:background var(--gd-transition-fast), color var(--gd-transition-fast), border-color var(--gd-transition-fast);text-decoration:none;display:flex}.grammar-theory-card:hover{background:var(--gd-brand-primary-light);color:var(--gd-brand-primary);border-color:var(--gd-brand-primary)}.grammar-theory-icon{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.grammar-theory-icon svg{stroke-width:2px;fill:none;stroke:currentColor;width:15px;height:15px}.topic-row{border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);padding:var(--gd-space-5) var(--gd-space-6);margin-bottom:var(--gd-space-4);background:var(--gd-white)}.topic-row:last-of-type{margin-bottom:0}.topic-row:nth-child(2n){background:var(--gd-neutral-50)}.topic-row-header{justify-content:space-between;align-items:flex-start;gap:var(--gd-space-3);margin-bottom:var(--gd-space-4);flex-wrap:wrap;display:flex}.topic-row-header-left{align-items:center;gap:var(--gd-space-3);display:flex}.topic-row-icon{border-radius:var(--gd-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.topic-row-icon svg{stroke:currentColor;stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.topic-row-title{font-size:var(--gd-text-base);color:var(--gd-neutral-900);margin:0 0 3px;font-weight:700}.topic-row-meta-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.topic-level-dot{border-radius:var(--gd-radius-full);align-items:center;height:18px;padding:0 6px;font-size:.65rem;font-weight:700;display:inline-flex}.topic-level-dot.a2{background:var(--gd-level-a2-light);color:var(--gd-level-a2)}.topic-level-dot.b1{background:var(--gd-level-b1-light);color:var(--gd-level-b1)}.topic-level-dot.b2{background:var(--gd-level-b2-light);color:var(--gd-level-b2)}.topic-level-dot.c1{background:var(--gd-level-c1-light);color:var(--gd-level-c1)}.topic-level-dot.c2{background:var(--gd-level-c2-light);color:var(--gd-level-c2)}.topic-row-view-all{font-size:var(--gd-text-sm);color:var(--gd-brand-primary);white-space:nowrap;flex-shrink:0;align-self:center;font-weight:600;text-decoration:none}.topic-row-view-all:hover{color:var(--gd-brand-primary-hover);text-decoration:underline}.topic-ex-grid{gap:var(--gd-space-3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.topic-ex-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.topic-ex-grid{grid-template-columns:1fr 1fr 1fr}}.ex-card{align-items:flex-start;gap:var(--gd-space-3);padding:var(--gd-space-4);background:var(--gd-white);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);box-shadow:var(--gd-shadow-sm);color:inherit;transition:box-shadow var(--gd-transition-normal), border-color var(--gd-transition-fast), transform var(--gd-transition-fast);text-decoration:none;display:flex}.ex-card:hover{box-shadow:var(--gd-shadow-md);border-color:var(--gd-brand-primary);transform:translateY(-1px)}.ex-card-icon{border-radius:var(--gd-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ex-card-icon svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.ex-card-body{flex:1;min-width:0}.ex-card-title{font-size:var(--gd-text-sm);color:var(--gd-neutral-900);margin-bottom:5px;font-weight:600;line-height:1.35}.ex-card-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ex-level-badge{border-radius:var(--gd-radius-full);align-items:center;height:18px;padding:0 6px;font-size:.63rem;font-weight:700;display:inline-flex}.ex-level-badge.a2{background:var(--gd-level-a2-light);color:var(--gd-level-a2)}.ex-level-badge.b1{background:var(--gd-level-b1-light);color:var(--gd-level-b1)}.ex-level-badge.b2{background:var(--gd-level-b2-light);color:var(--gd-level-b2)}.ex-level-badge.c1{background:var(--gd-level-c1-light);color:var(--gd-level-c1)}.ex-level-badge.c2{background:var(--gd-level-c2-light);color:var(--gd-level-c2)}.ex-type-tag{color:var(--gd-neutral-400);font-size:.7rem;font-weight:500}.ex-card-footer{justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.ex-start{font-size:var(--gd-text-xs);color:var(--gd-brand-primary);font-weight:700}.grammar-ref-cta{background:var(--gd-brand-primary-dark);border-radius:var(--gd-radius-xl);padding:var(--gd-space-5);color:#fff;margin:0 0 24px}.grammar-ref-cta h3{font-size:var(--gd-text-base);color:#fff;margin:0 0 6px}.grammar-ref-cta p{font-size:var(--gd-text-xs);color:#ffffffbf;margin:0 0 var(--gd-space-4);line-height:1.6}.btn-cta-ref{width:100%;padding:10px var(--gd-space-4);border-radius:var(--gd-radius-lg);color:#fff;font-weight:700;font-size:var(--gd-text-sm);transition:background var(--gd-transition-fast);background:#ffffff26;border:1.5px solid #ffffff80;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-cta-ref:hover{background:#ffffff47}.level-test-cta{border-radius:var(--gd-radius-xl);padding:var(--gd-space-5);color:#fff;background:linear-gradient(135deg,#0a1628 0%,#1e3a5f 100%);margin:0 0 24px}.level-test-cta h3{font-size:var(--gd-text-base);color:#fff;margin:0 0 6px}.level-test-cta p{font-size:var(--gd-text-xs);color:#ffffffa6;margin:0 0 var(--gd-space-4);line-height:1.6}.btn-cta-dark{width:100%;padding:10px var(--gd-space-4);border-radius:var(--gd-radius-lg);background:var(--gd-brand-accent);color:#fff;font-weight:700;font-size:var(--gd-text-sm);transition:background var(--gd-transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-cta-dark:hover{background:var(--gd-warning)}.sidebar-theory-card{background:var(--gd-white);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);padding:var(--gd-space-5);box-shadow:var(--gd-shadow-sm)}.sidebar-theory-card h3{font-size:var(--gd-text-sm);color:var(--gd-neutral-900);margin:0 0 var(--gd-space-3);align-items:center;gap:6px;font-weight:700;display:flex}.sidebar-theory-card h3 svg{stroke:currentColor;stroke-width:2px;fill:none;width:15px;height:15px;color:var(--gd-brand-primary);flex-shrink:0}.sidebar-icon-links{gap:var(--gd-space-2);flex-direction:column;display:flex}.sidebar-icon-link{align-items:center;gap:var(--gd-space-2);padding:var(--gd-space-2) var(--gd-space-3);border-radius:var(--gd-radius-md);font-size:var(--gd-text-sm);color:var(--gd-neutral-700);background:var(--gd-neutral-50);transition:background var(--gd-transition-fast), color var(--gd-transition-fast);font-weight:500;text-decoration:none;display:flex}.sidebar-icon-link:hover{background:var(--gd-brand-primary-light);color:var(--gd-brand-primary)}.sidebar-icon-link svg{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:13px;height:13px}.sidebar-icon-link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-icon-link-arrow{opacity:.35;margin-left:auto}.sidebar-ref-btn{align-items:center;gap:var(--gd-space-2);margin-top:var(--gd-space-3);padding:var(--gd-space-3) var(--gd-space-4);border-radius:var(--gd-radius-lg);background:var(--gd-brand-primary-light);color:var(--gd-brand-primary);font-size:var(--gd-text-sm);transition:background var(--gd-transition-fast), color var(--gd-transition-fast);font-weight:600;text-decoration:none;display:flex}.sidebar-ref-btn:hover{background:var(--gd-brand-primary);color:#fff}.sidebar-ref-btn svg{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:14px;height:14px}.sidebar-ref-btn-arrow{margin-left:auto}