.breadcrumb{background:var(--white);padding:var(--spacing-lg) var(--spacing-lg);max-width:var(--container-xl);margin:auto}.breadcrumb-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);font-size:13px;padding:0 var(--spacing-lg)}.breadcrumb a,.tableofcontents a{color:var(--gray-600);text-decoration:none}.breadcrumb a{font-weight:500;transition:all .2s ease;position:relative}.breadcrumb a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary-600);transition:width .3s cubic-bezier(.4,0,.2,1)}.breadcrumb a:hover{color:var(--primary-600)}.breadcrumb a:hover::after{width:100%}.breadcrumb-separator{color:var(--gray-400);margin:0 var(--spacing-xs);font-size:12px;font-weight:400}.breadcrumb-current{color:var(--gray-900);font-weight:600}.guideheader{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:var(--white)}.guideheadercontainer{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-3xl)}.guidebadge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);background:rgba(255,255,255,.2);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.guideintro,.guidetitle{margin:0 0 var(--spacing-lg)}.guidetitle{font-size:var(--font-size-5xl);font-weight:700;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.guideintro{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);max-width:920px;opacity:.95}.guidemeta{display:flex;gap:var(--spacing-md);align-items:center;font-size:var(--font-size-sm);opacity:.9}.topicpage{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg);display:flex;gap:var(--spacing-3xl);align-items:flex-start}.tableofcontents{flex:0 0 260px;position:sticky;top:var(--spacing-2xl);align-self:flex-start}.tableofcontents h2{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--gray-500);margin:0 0 var(--spacing-md)}.tableofcontents nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tableofcontents a{display:block;padding:var(--spacing-xs)0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);transition:color .2s ease;border-left:2px solid transparent;padding-left:var(--spacing-md)}.tableofcontents a:hover{color:var(--primary-600);border-left-color:var(--primary-600)}.guidecontent{flex:1;min-width:0}.guidesection{margin-bottom:var(--spacing-xl)}.guidesection li:last-child,.guidesection p:last-child,.guidesection:last-child{margin-bottom:0}.guidesection h2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.guidesection h3,.guidesection h4{line-height:var(--line-height-snug)}.guidesection h2,.guidesection h3{font-weight:700;letter-spacing:var(--letter-spacing-tight)}.guidesection h3{font-size:var(--font-size-2xl);margin:var(--spacing-xl)0 var(--spacing-lg)}.guidesection h4{font-size:var(--font-size-xl);font-weight:600;margin:var(--spacing-xl)0 var(--spacing-sm)}.guidesection blockquote p,.guidesection li,.guidesection p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--gray-700)}.guidesection h2,.guidesection p{margin:0 0 var(--spacing-lg)}.guidesection em{font-style:italic}.guidesection strong{font-weight:600}.guidesection ol,.guidesection ul{margin:0 0 var(--spacing-lg);padding-left:var(--spacing-xl)}.guidesection blockquote p,.guidesection li{margin-bottom:var(--spacing-md)}.guidesection em,.guidesection h2,.guidesection h3,.guidesection h4,.guidesection li strong,.guidesection strong{color:var(--gray-900)}.guidesection blockquote{margin:var(--spacing-2xl)0;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl);border-left:4px solid var(--primary-600);background:linear-gradient(135deg,rgba(44,95,125,.03)0,rgba(44,95,125,.05) 100%);border-radius:0 var(--radius-sm) var(--radius-sm)0}.guidesection blockquote p{font-size:var(--font-size-xl);color:var(--gray-800);font-style:italic}.guidesection blockquote p:last-of-type{margin-bottom:var(--spacing-sm)}.guidesection blockquote cite{display:block;font-size:var(--font-size-base);font-style:normal;color:var(--gray-600);font-weight:500}.callout,.example{margin:var(--spacing-xl)0}.callout{padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(200,90,62,.06)0,rgba(200,90,62,.08) 100%);border-left:4px solid var(--accent-rust);border-radius:0 var(--radius-sm) var(--radius-sm)0}.callout p,.example p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.callout p{color:var(--gray-800);margin:0}.callout strong{color:var(--accent-rust)}.example{padding:var(--spacing-lg);background:var(--gray-50);border-radius:var(--radius-sm)}.example p{color:var(--gray-700);margin:0 0 1rem}.example strong{color:var(--primary-600)}.ctabuttoncontainer{margin:var(--spacing-2xl)0 0;text-align:center}.ctabutton{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:600;color:var(--white);text-decoration:none;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border-radius:var(--radius-sm);transition:all .3s ease;box-shadow:0 4px 12px rgba(44,95,125,.2)}.ctabutton:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(44,95,125,.3)}.ctabutton:active{transform:translateY(0)}.articlessection{background:var(--gray-50);padding:var(--spacing-4xl) var(--spacing-lg);border-top:1px solid var(--gray-200)}.articlescontainer{max-width:var(--container-xl);margin:0 auto}.articlessectiontitle{font-size:var(--font-size-4xl);font-weight:700;line-height:var(--line-height-tight);color:var(--gray-900);margin:0 0 var(--spacing-md);text-align:center}.articlecard p,.articlessectionintro{line-height:var(--line-height-relaxed);color:var(--gray-600)}.articlessectionintro{font-size:var(--font-size-xl);margin:0 0 var(--spacing-3xl);text-align:center}.articlesgrid{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);margin:var(--spacing-2xl)0}.articlecard{flex:0 0 calc(50% - var(--spacing-md));min-width:0}.articlecardlink{display:block;height:100%;text-decoration:none;background:var(--gray-50);border-radius:var(--radius-sm);overflow:hidden;transition:all .3s ease;border-left:3px solid transparent}.articlecardlink:hover{background:var(--white);border-left-color:var(--primary-600);box-shadow:0 8px 24px rgba(44,95,125,.12);transform:translateY(-2px)}.articlecardcontent{padding:var(--spacing-xl)}.articletag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:var(--primary-600);color:var(--white);border-radius:var(--radius-xs);margin-bottom:var(--spacing-sm)}.articlecard h3{font-size:var(--font-size-xl);font-weight:700;line-height:var(--line-height-snug);color:var(--gray-900);margin:0 0 var(--spacing-sm)}.articlecard p{font-size:var(--font-size-base);margin:0 0 var(--spacing-md)}.articlemeta{gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--gray-500)}.articledate,.articlemeta,.articlereadingtime,.fabjumptoarticles{display:flex;align-items:center}.fabjumptoarticles{position:fixed;bottom:var(--spacing-2xl);left:var(--spacing-2xl);justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:var(--white);text-decoration:none;border-radius:50%;box-shadow:0 4px 16px rgba(44,95,125,.3);transition:all .3s ease;z-index:1000;opacity:1}.fabjumptoarticles svg{flex-shrink:0;width:24px;height:24px}.fabjumptoarticles:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(44,95,125,.4)}.fabjumptoarticles,.fabjumptoarticles:active{transform:translateY(0)}.fabjumptoarticles.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--gray-200)}.paginationlink{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;color:var(--gray-700);text-decoration:none;background:var(--gray-50);border-radius:var(--radius-sm);transition:all .2s ease}.paginationlink:hover{background:var(--primary-600);color:var(--white)}.paginationlink[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.paginationlink,.paginationnumbers{display:flex;gap:var(--spacing-xs);align-items:center}.paginationnumber{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);font-size:var(--font-size-base);font-weight:500;color:var(--gray-700);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s ease}.paginationnumber:hover{background:var(--gray-100);color:var(--primary-600)}.paginationnumber.active{background:var(--primary-600);color:var(--white);font-weight:600}.paginationellipsis{padding:0 var(--spacing-xs);color:var(--gray-400)}@media (max-width:1024px){.topicpage{flex-direction:column;gap:var(--spacing-xl)}.tableofcontents{position:static;flex:none;width:100%;max-width:800px;order:-1;background:var(--gray-50);padding:var(--spacing-lg);border-radius:var(--radius-sm)}.guidecontent{max-width:none}}@media (max-width:768px){.breadcrumb{padding:var(--spacing-md)0}.breadcrumb-container{font-size:12px;padding:0 var(--spacing-md)}.fabjumptoarticles{bottom:var(--spacing-lg);left:var(--spacing-lg);width:48px;height:48px}.fabjumptoarticles svg{width:20px;height:20px}.guideheader{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-xl)}.guidetitle{font-size:var(--font-size-4xl)}.guideintro,.guidesection blockquote p,.guidesection h4{font-size:var(--font-size-lg)}.guidemeta{flex-wrap:wrap;gap:var(--spacing-sm)}.topicpage{padding:var(--spacing-2xl) var(--spacing-md)}.guidesection h2{font-size:var(--font-size-2xl)}.guidesection h3{font-size:var(--font-size-xl)}.guidesection li,.guidesection p{font-size:var(--font-size-base)}.articlessection{padding:var(--spacing-3xl) var(--spacing-md)}.articlessectiontitle{font-size:var(--font-size-3xl)}.articlessectionintro{font-size:var(--font-size-lg)}.articlesgrid{gap:var(--spacing-lg)}.articlecard{flex:0 0 100%}.pagination{flex-direction:column;gap:var(--spacing-md)}.paginationnumbers{order:-1}}@media (max-width:480px){.breadcrumb{padding:var(--spacing-sm)0}.breadcrumb-container{font-size:11px;gap:4px;padding:0 var(--spacing-md)}.breadcrumb-separator{margin:0 4px}.fabjumptoarticles{bottom:var(--spacing-md);left:var(--spacing-md);width:44px;height:44px}.fabjumptoarticles svg{width:18px;height:18px}.guideheader{padding:var(--spacing-xl) var(--spacing-md)}.guidetitle{font-size:var(--font-size-3xl)}.topicpage{padding:var(--spacing-xl) var(--spacing-md)}.tableofcontents{padding:var(--spacing-md)}.guidesection h2{font-size:var(--font-size-xl)}.guidesection h3{font-size:var(--font-size-lg)}.articlessection{padding:var(--spacing-2xl) var(--spacing-md)}.articlessectiontitle{font-size:var(--font-size-2xl)}}