.topic-page{flex:1;background-color:var(--surface-base);padding:40px;overflow-x:hidden}.topic-page-container{max-width:900px;margin:0 auto}.topic-page-header{margin-bottom:48px;padding-bottom:24px;border-bottom:2px solid rgba(34,34,59,.2)}.topic-page-header h1{font-size:2.5rem;font-weight:600;margin:0 0 16px;color:var(--neutral-700)}.topic-page-subtitle{font-size:1.25rem;color:var(--neutral-500);margin:0;line-height:1.6}.topic-page-content{line-height:1.8;color:var(--neutral-700)}.topic-section{margin-bottom:48px}.topic-section h2{font-size:1.75rem;font-weight:600;margin:0 0 20px;color:var(--neutral-700);border-bottom:2px solid rgba(34,34,59,.2);padding-bottom:12px}.topic-section h3{font-size:1.25rem;font-weight:600;margin:0 0 8px;color:var(--neutral-700)}.topic-section p{margin:0 0 16px;line-height:1.8}.topic-section ul,.topic-section ol{margin:0 0 24px;padding-left:28px}.topic-section li{margin:12px 0;line-height:1.8}.topic-section a{color:var(--brand-primary);text-decoration:none;font-weight:500;transition:color .2s}.topic-section a:hover{color:var(--brand-secondary);text-decoration:underline}.topic-section strong{font-weight:600;color:var(--neutral-700)}.topic-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:32px 0}.topic-feature-card{padding:24px;border:1px solid var(--neutral-200);border-radius:12px;background-color:var(--surface-raised);transition:all .2s}.topic-feature-card:hover{box-shadow:var(--elevation-1);transform:translateY(-2px)}.topic-feature-card .material-icons{font-size:48px;color:var(--brand-primary);margin-bottom:16px}.topic-feature-card h3{font-size:1.25rem;margin:0 0 12px;color:var(--neutral-700)}.topic-feature-card p{margin:0 0 16px;color:var(--neutral-500);line-height:1.6}.topic-feature-link{display:inline-flex;align-items:center;gap:4px;font-size:.95rem;color:var(--brand-primary);text-decoration:none;font-weight:500;transition:all .2s}.topic-feature-link:hover{color:var(--brand-secondary);gap:8px}.topic-features-list{display:flex;flex-direction:column;gap:24px;margin:32px 0}.topic-feature-item{display:flex;align-items:flex-start;gap:20px;padding:20px;border:1px solid var(--neutral-200);border-radius:12px;background-color:var(--surface-raised)}.topic-feature-item .material-icons{font-size:40px;color:var(--brand-primary);flex-shrink:0}.topic-feature-item h3{margin:0 0 8px}.topic-feature-item p{margin:0;color:var(--neutral-500);line-height:1.6}@media(max-width:768px){.topic-page-container{padding:24px 16px}.topic-page-header h1{font-size:2rem}.topic-page-subtitle{font-size:1.1rem}.topic-features-grid{grid-template-columns:1fr}.topic-feature-item{flex-direction:column;align-items:center;text-align:center}}