.ref-category-section{margin-bottom:var(--gd-space-10)}.ref-category-header{align-items:flex-start;gap:var(--gd-space-4);padding:var(--gd-space-4) var(--gd-space-5);background:var(--gd-neutral-100);border-left:4px solid var(--gd-brand-primary);border-radius:0 var(--gd-radius-lg) var(--gd-radius-lg) 0;margin-bottom:var(--gd-space-6);display:flex}.ref-category-header.basics{border-left-color:var(--gd-brand-accent)}.ref-category-header.mechanics{border-left-color:var(--gd-success)}.ref-category-number{font-size:1.5rem;font-weight:var(--gd-font-extrabold);color:var(--gd-neutral-300);flex-shrink:0;padding-top:2px;line-height:1}.ref-category-header.basics .ref-category-number{color:#fcd34d}.ref-category-header.syntax .ref-category-number{color:var(--gd-brand-primary-light)}.ref-category-header.mechanics .ref-category-number{color:#bbf7d0}.ref-category-meta{flex:1}.ref-category-meta h2{font-size:var(--gd-text-xl);margin:0 0 2px}.ref-category-meta p{font-size:var(--gd-text-sm);color:var(--gd-neutral-500);margin:0;line-height:1.5}.ref-cat-nav{gap:var(--gd-space-2);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-xl);margin-bottom:var(--gd-space-5);flex-wrap:wrap;display:flex}.ref-cat-nav a{border-radius:var(--gd-radius-full);background:var(--gd-white);border:1px solid var(--gd-neutral-200);font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-700);transition:all var(--gd-transition-fast);padding:5px 14px;text-decoration:none}.ref-cat-nav a:hover{background:var(--gd-brand-primary-light);color:var(--gd-brand-primary);border-color:var(--gd-brand-primary)}.ref-cat-nav-sep{font-size:var(--gd-text-xs);color:var(--gd-neutral-400);align-self:center;padding:0 2px}.ref-topic-section{margin-bottom:var(--gd-space-8)}.ref-topic-header{align-items:center;gap:var(--gd-space-3);margin-bottom:var(--gd-space-3);display:flex}.ref-topic-icon{border-radius:var(--gd-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ref-topic-icon svg{stroke-width:2px;fill:none;stroke:currentColor;width:16px;height:16px}.ref-topic-header h3{margin:0}.ref-topic-header h3 a{color:inherit;transition:color var(--gd-transition-fast);text-decoration:none}.ref-topic-header h3 a:hover{color:var(--gd-brand-primary);text-decoration:underline}.ref-topic-coming{color:var(--gd-neutral-500)}.punct-subgroup{padding:var(--gd-space-4);background:var(--gd-neutral-100);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);margin-top:var(--gd-space-3)}.punct-subgroup-title{font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-600);margin-bottom:var(--gd-space-3);align-items:center;gap:var(--gd-space-2);display:flex}.punct-subgroup-title svg{stroke-width:2px;fill:none;stroke:currentColor;opacity:.7;width:14px;height:14px}.practice-cta-strip{justify-content:space-between;align-items:center;gap:var(--gd-space-4);background:var(--gd-neutral-100);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);padding:var(--gd-space-5) var(--gd-space-6);flex-wrap:wrap;display:flex}.practice-cta-strip p{color:var(--gd-neutral-700);font-size:var(--gd-text-sm);margin:0}.practice-cta-strip strong{font-size:var(--gd-text-base);color:var(--gd-neutral-900);margin-bottom:4px;display:block}.btn-practice{background:var(--gd-brand-primary);color:var(--gd-white);border-radius:var(--gd-radius-lg);font-weight:var(--gd-font-semibold);font-size:var(--gd-text-sm);white-space:nowrap;transition:background var(--gd-transition-fast);align-items:center;padding:10px 20px;text-decoration:none;display:inline-flex}.btn-practice:hover{background:var(--gd-brand-primary-hover)}.level-legend-list{gap:var(--gd-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.level-legend-item{align-items:center;gap:var(--gd-space-3);font-size:var(--gd-text-sm);color:var(--gd-neutral-700);display:flex}.ref-level-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ref-level-dot.a2{background:var(--gd-level-a2)}.ref-level-dot.b1{background:var(--gd-level-b1)}.ref-level-dot.b2{background:var(--gd-level-b2)}