.topicpage{max-width:var(--container-2xl);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.topichero{margin-bottom:var(--spacing-3xl);padding:var(--spacing-3xl) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-500) 0%,#3a7a9e 100%);border-radius:var(--radius-xl);color:var(--text-white);text-align:center}.sectionheader h2,.topichero h1{line-height:var(--line-height-tight)}.topichero h1{font-family:var(--font-serif);font-size:var(--font-size-5xl);font-weight:700;margin:0 0 var(--spacing-lg);letter-spacing:var(--letter-spacing-tight)}.sectionheader p,.topichero p{line-height:var(--line-height-relaxed)}.topichero p{font-size:var(--font-size-xl);max-width:var(--content-width);margin:0 auto;opacity:.95}.sectionheader{margin-bottom:2.5rem}.sectionheader h2{font-size:var(--font-size-4xl);margin:0 0 var(--spacing-md);color:var(--magazine-text-primary)}.sectionheader p{font-size:var(--font-size-lg);color:var(--magazine-text-secondary);margin:0}.subtopics{margin-bottom:var(--spacing-3xl)}.sectionheader h2,.subtopicstitle{font-family:var(--font-serif);font-weight:700;letter-spacing:var(--letter-spacing-tight)}.subtopicstitle{font-size:var(--font-size-3xl);margin:0 0 var(--spacing-2xl)}.subtopicsgrid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.subtopiccard{flex:1 1 calc(33.333% - 1rem);min-width:280px;background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--card-shadow);transition:all var(--transition-base) var(--transition-smooth);text-decoration:none;color:inherit;display:block}.subtopiccard:hover,.topiccard:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover)}.subtopiccard h3,.subtopiccard p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subtopiccard h3{font-size:var(--font-size-xl);margin:0 0 .75rem;color:var(--magazine-text-primary)}.pagination a:hover,.subtopiccard:hover h3,.topiccardcontent h3 a:hover{color:var(--primary-500)}.subtopiccard p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.subtopiccount,.topiccardcontent .categorytag{display:inline-block;padding:.375rem .75rem;border-radius:var(--radius-sm)}.subtopiccount{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--magazine-bg-secondary)}.topicgrid{margin-bottom:var(--spacing-2xl)}.topicgridcontainer{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.pagination a,.pagination span,.topiccard{background:var(--card-bg);transition:all var(--transition-base) var(--transition-smooth)}.topiccard{flex:1 1 calc(33.333% - 1.5rem);min-width:320px;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--card-shadow)}.topiccardimage{width:100%;height:200px;position:relative;overflow:hidden;display:block}.topiccardimage img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform var(--transition-base) var(--transition-smooth)}.topiccard:hover .topiccardimage img{transform:scale(1.08)}.topiccardimage::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 100%);transition:opacity .3s ease;pointer-events:none}.topiccard:hover .topiccardimage::after{opacity:.7}.topiccardcontent{padding:var(--spacing-lg);display:flex;flex-direction:column;flex-grow:1}.topiccardcontent .categorytag{align-self:flex-start;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);background:var(--primary-100);color:var(--primary-500);margin-bottom:var(--spacing-md)}.pageintroduction h2,.subtopiccard h3,.topiccardcontent h3{font-family:var(--font-serif);font-weight:700;letter-spacing:var(--letter-spacing-tight)}.topiccardcontent h3{font-size:var(--font-size-xl);line-height:var(--line-height-snug);margin:0 0 .75rem;-webkit-line-clamp:2}.topiccardcontent h3 a{color:var(--magazine-text-primary);text-decoration:none;transition:color var(--transition-base)}.pageintroduction p,.subtopiccard p,.topiccardcontent p{color:var(--magazine-text-secondary);margin:0 0 var(--spacing-md)}.topiccardcontent h3,.topiccardcontent p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.topiccardcontent p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);flex-grow:1;-webkit-line-clamp:3}.topiccardcontent .meta{justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-muted);padding-top:var(--spacing-md);margin-top:auto}.pagination,.topiccardcontent .meta,.topiccardcontent .meta .date,.topiccardcontent .meta .readingtime{display:flex;align-items:center}.pagination{justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-2xl)0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 var(--spacing-sm);font-size:var(--font-size-base);font-weight:500;text-decoration:none;color:var(--magazine-text-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pagination a:hover{box-shadow:0 4px 12px rgba(44,95,125,.15);transform:translateY(-2px)}.pagination .current{background:var(--primary-500);color:var(--text-white);box-shadow:0 4px 12px rgba(44,95,125,.25)}.pagination .next,.pagination .prev{padding:0 var(--spacing-md);font-weight:600}.pagination .next:hover,.pagination .prev:hover{background:var(--primary-500);color:var(--text-white)}.pageintroduction{width:100%;margin:0 0 var(--spacing-3xl)}.pageintroduction h2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin:0 0 var(--spacing-lg);color:var(--magazine-text-primary)}.pageintroduction p{font-size:var(--font-size-lg);line-height:1.8}.pageintroduction p:last-child{margin-bottom:0}.pageintroduction strong{color:var(--magazine-text-primary);font-weight:600}.pageintroduction em{font-style:italic;color:var(--magazine-text-secondary)}.faqsection{margin-top:4rem;padding:2.5rem;background:#f8f9fa;border-radius:.75rem;box-shadow:0 2px 12px rgba(0,0,0,.05)}.faqsection h2{margin-bottom:2rem;font-size:1.875rem;color:#1a202c;font-weight:700;line-height:1.3}.faqitem{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.faqitem:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faqitem h3{font-size:1.25rem;margin-bottom:.875rem;color:#2c5f7d;font-weight:600;line-height:1.4;transition:color .3s ease}.faqitem h3:hover{color:#1e4a5f}.faqitem p{color:#4a5568;line-height:1.7;font-size:1rem;margin:0}.faqitem strong{color:#2d3748;font-weight:600}@media (max-width:1024px){.topichero h1{font-size:var(--font-size-5xl)}.topichero p{font-size:var(--font-size-lg)}.sectionheader h2{font-size:var(--font-size-3xl)}}@media (max-width:768px){.topicpage{padding:var(--spacing-xl) 1.25rem}.topichero{padding:var(--spacing-2xl) var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.topichero h1{font-size:var(--font-size-4xl)}.sectionheader p,.topichero p{font-size:var(--font-size-base)}.sectionheader{margin-bottom:var(--spacing-xl)}.sectionheader h2{font-size:var(--font-size-3xl)}}@media (max-width:480px){.topichero{padding:var(--spacing-xl) 1.25rem;border-radius:var(--radius-xl)}.topichero h1{font-size:var(--font-size-3xl)}.topichero p{font-size:var(--font-size-base)}.sectionheader h2{font-size:var(--font-size-2xl)}}@media (max-width:1024px){.subtopiccard{flex:1 1 calc(50% - .75rem)}}@media (max-width:768px){.subtopiccard{flex:1 1 100%;padding:var(--spacing-lg)}.subtopicsgrid{gap:1.25rem}.subtopics{margin-bottom:var(--spacing-2xl)}}@media (max-width:1024px){.topiccard{flex:1 1 calc(50% - 1rem)}}@media (max-width:768px){.topiccard{flex:1 1 100%}.topicgridcontainer{gap:var(--spacing-lg)}.topicgrid{margin-bottom:2.5rem}.topiccardcontent{padding:1.25rem}.topiccardcontent h3{font-size:var(--font-size-xl)}}@media (max-width:480px){.topiccardcontent h3{font-size:var(--font-size-lg)}}@media (max-width:768px){.pagination{gap:var(--spacing-xs);margin:var(--spacing-xl)0}.pagination a,.pagination span{min-width:2.25rem;height:2.25rem;font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.pagination .next,.pagination .prev{padding:0 var(--spacing-sm)}}@media (max-width:480px){.pagination a,.pagination span{min-width:2rem;height:2rem;font-size:var(--font-size-sm)}}@media (max-width:768px){.pageintroduction{padding:var(--spacing-xl) 1.25rem;margin-bottom:var(--spacing-2xl)}.pageintroduction h2{font-size:var(--font-size-2xl)}.pageintroduction p{font-size:var(--font-size-base);line-height:1.7}.faqsection{padding:1.5rem;margin-top:2.5rem}.faqsection h2{font-size:1.5rem;margin-bottom:1.5rem}.faqitem{margin-bottom:1.5rem;padding-bottom:1.5rem}.faqitem h3{font-size:1.125rem;margin-bottom:.75rem}.faqitem p{font-size:.9375rem;line-height:1.6}}@media (max-width:480px){.pageintroduction{padding:var(--spacing-lg) 1rem}.pageintroduction h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.pageintroduction p{font-size:var(--font-size-base);line-height:1.65}.faqsection{padding:1.25rem;border-radius:.5rem}.faqsection h2{font-size:1.375rem}.faqitem h3{font-size:1.0625rem}.faqitem p{font-size:.875rem}}