.breadcrumb{background:var(--white);padding:var(--spacing-xl)0}.breadcrumbcontainer{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-xl)}.breadcrumb a{color:var(--gray-600);text-decoration:none;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%}.breadcrumbseparator{color:var(--gray-400);margin:0 var(--spacing-xs);font-size:12px;font-weight:400}.breadcrumbcurrent{color:var(--gray-900);font-weight:600}.articleheader{background:var(--white);padding:var(--spacing-3xl)0 var(--spacing-4xl)}.articleheadercontainer{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.articleheadercontent{line-height:1.7;margin:0 auto}.articlecategory{display:inline-block;color:var(--primary-600);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin-bottom:var(--spacing-lg);transition:color .2s}.articlecategory:hover{color:var(--primary-700)}.articletitle{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 var(--spacing-xl);color:var(--gray-900);letter-spacing:-.025em}.articlesubtitle{font-size:22px;line-height:1.6;color:var(--gray-600);margin:0 0 var(--spacing-2xl);font-weight:400}.articlemetarow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--gray-200)}.articleauthorinfo,.articlestats{display:flex;align-items:center;gap:var(--spacing-sm);font-size:15px}.articledate{color:var(--gray-600)}.articlereadingtime,.articleviews{color:var(--gray-600);font-weight:500}.metadivider{color:var(--gray-400)}.articleauthorname{font-size:14px;font-weight:600;color:var(--gray-900)}.articleupdated{font-size:13px;color:var(--gray-500)}.articlefeaturedimage{margin:0 auto var(--spacing-4xl);max-width:1280px;padding:0 var(--spacing-xl)}.articlefeaturedimage img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.12)}.articlecontent{background:var(--white);padding:0 0 var(--spacing-5xl)}.articlecontainer{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.articletoctop{margin:0 auto var(--spacing-3xl);padding:var(--spacing-2xl);background:var(--white);border-radius:8px;border:1px solid var(--gray-200)}.toctitle{font-size:18px;font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-xl);letter-spacing:-.01em}.toclinks{display:flex;flex-direction:column;gap:0}.toclink{position:relative;padding:var(--spacing-md)0;padding-left:var(--spacing-lg);font-size:16px;line-height:1.5;color:var(--gray-700);text-decoration:none;transition:all .2s ease;font-weight:500;border-bottom:1px solid var(--gray-100)}.articlebody tbody tr:last-child td,.toclink:last-child{border-bottom:none}.toclink::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--gray-400);border-radius:50%;transition:all .2s ease}.toclink:hover{color:var(--primary-600);padding-left:calc(var(--spacing-lg) + 4px)}.toclink:hover::before{background:var(--primary-600);width:6px;height:6px}.articlebody{width:100%;margin:0 auto}.leadparagraph{font-size:24px;line-height:1.65;color:var(--gray-800);margin:0 0 var(--spacing-3xl);font-weight:400}.articlebody p{font-size:19px;line-height:1.75;color:var(--gray-700);margin:0 0 var(--spacing-xl)}.articlebody h1{font-size:48px;font-weight:800;line-height:1.15;color:var(--gray-900);margin:var(--spacing-5xl)0 var(--spacing-2xl);letter-spacing:-.02em}.articlebody h1:first-child,.articlebody h2:first-child{margin-top:0}.articlebody h2{font-size:32px;line-height:1.25;margin:var(--spacing-2xl)0 var(--spacing-xl);letter-spacing:-.015em}.articlebody h3{font-size:26px;font-weight:600;line-height:1.35;color:var(--gray-900);margin:var(--spacing-2xl)0 var(--spacing-lg)}.articlebody h4,.articlebody h5,.articlebody h6{font-size:22px;font-weight:600;line-height:1.4;color:var(--gray-900);margin:var(--spacing-3xl)0 var(--spacing-md)}.articlebody h5,.articlebody h6{font-size:19px;line-height:1.5;margin:var(--spacing-2xl)0 var(--spacing-md)}.articlebody h6{font-size:17px;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.articlebody a{color:var(--primary-600);text-decoration:none;font-weight:500;border-bottom:1px solid var(--primary-600);transition:all .2s ease}.articlebody a:hover{border-bottom-color:var(--primary-300)}.articlebody em{font-style:italic}.articlebody h2,.articlebody strong{font-weight:700;color:var(--gray-900)}.articlebody del{text-decoration:line-through;color:var(--gray-500)}.articlebody mark{background:#fef3c7;color:var(--gray-900);padding:2px 4px;border-radius:3px}.articlebody hr{border:0;height:1px;background:var(--gray-200);margin:var(--spacing-2xl)0}.articlebody ol,.articlebody ul{margin:0 0 var(--spacing-xl);padding-left:28px}.articlebody li{font-size:18px;line-height:1.75;color:var(--gray-700);margin-bottom:var(--spacing-md)}.articlebody li:last-child{margin-bottom:0}.articlebody ul li::marker{color:var(--primary-500)}.articlebody ol li::marker{color:var(--primary-500);font-weight:600}.articlebody li>ol,.articlebody li>ul{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.articlebody li p{margin-bottom:var(--spacing-sm)}.articlebody blockquote{margin:var(--spacing-3xl)0;padding:var(--spacing-xl) var(--spacing-2xl);background:#fafbfc;border-left:4px solid var(--primary-500);border-radius:0 6px 6px 0}.articlebody blockquote p{font-size:20px;line-height:1.6;color:var(--gray-800);font-weight:500;margin:0;font-style:italic}.articlebody blockquote p:not(:last-child),.callout p:not(:last-child),.example p:not(:last-child){margin-bottom:var(--spacing-md)}.articlebody blockquote cite{display:block;font-size:14px;font-style:normal;color:var(--gray-600);margin-top:var(--spacing-md);font-weight:600}.articlebody code,.articlebody pre code{font-family:"Consolas","Monaco","Courier New",monospace}.articlebody code{font-size:15px;color:var(--gray-800);padding:3px 6px;border-radius:4px;font-weight:500}.articlebody pre{margin:var(--spacing-3xl)0;padding:var(--spacing-xl);background:#1e293b;border-radius:8px;overflow-x:auto;box-shadow:0 4px 12px rgba(0,0,0,.1)}.articlebody pre code{font-size:14px;line-height:1.6;color:#e2e8f0;background:0 0;padding:0;border-radius:0;display:block;white-space:pre;word-wrap:normal}.articlebody table{width:100%;border-collapse:collapse;margin:var(--spacing-2xl)0;font-size:16px;background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}.articlebody code,.articlebody thead{background:var(--gray-100)}.articlebody td,.articlebody th{padding:var(--spacing-lg) var(--spacing-xl)}.articlebody th{text-align:left;font-weight:700;color:var(--gray-900);font-size:15px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-300)}.articlebody td{color:var(--gray-700);border-bottom:1px solid var(--gray-200)}.articlebody tbody tr:hover{background:var(--gray-50)}.articlebody input[type=checkbox]{margin-right:var(--spacing-sm);width:18px;height:18px;cursor:pointer}.articlebody li:has(>input[type=checkbox]){list-style:none;margin-left:-28px}.callout,.example{padding:var(--spacing-xl) var(--spacing-2xl);border-radius:0 6px 6px 0}.callout{margin:var(--spacing-3xl)0;background:#fffbeb;border-left:4px solid #fbbf24}.callout p,.example p{font-size:17px;line-height:1.65;color:var(--gray-800);margin:0}.callout strong{color:#92400e;font-weight:700}.example{background:#f0f9ff;border-left:4px solid #0ea5e9}.articlebody img,.articleinlineimage img{height:auto;display:block;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.articlebody img{max-width:100%;margin:var(--spacing-3xl) auto}.articlebody dl,.articleinlineimage,.example{margin:var(--spacing-3xl)0}.articleinlineimage img{width:100%}.articlebody figure{margin:var(--spacing-4xl)0}.articlebody figcaption{margin-top:var(--spacing-md);font-size:15px;color:var(--gray-600);text-align:center;font-style:italic}.articlebody dt{font-weight:700;color:var(--gray-900);margin-top:var(--spacing-lg);font-size:18px}.articlebody dd{margin-left:var(--spacing-2xl);margin-top:var(--spacing-sm);color:var(--gray-700);font-size:17px;line-height:1.7}.articlebody abbr[title]{text-decoration:underline dotted;cursor:help;color:var(--primary-600)}.articlebody kbd{font-family:"Consolas","Monaco","Courier New",monospace;font-size:14px;padding:3px 8px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:600;color:var(--gray-800)}.articlebody sub,.articlebody sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.articlebody sup{top:-.5em}.articlebody sub{bottom:-.25em}.articletags{margin-top:var(--spacing-3xl);border-top:1px solid var(--gray-200)}.tagstitle{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin:0 0 var(--spacing-lg)}.tagslist{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:15px;font-weight:500;color:var(--gray-700);text-decoration:none;background:var(--gray-100);border-radius:100px;transition:all .2s}.sharebutton:hover,.tag:hover{background:var(--primary-500);color:var(--white)}.articleshare{margin-top:var(--spacing-3xl)}.sharetitle{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin:0 0 var(--spacing-lg)}.sharebuttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.sharebutton{display:inline-flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:0;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gray-100);color:var(--gray-700);text-decoration:none;border-radius:6px;transition:all .2s;font-size:14px;font-weight:600}.sharebutton:hover{transform:translateY(-1px)}.sharebutton svg{width:16px;height:16px}.articlefooter{background:#fafbfc;padding:64px 24px;margin-top:64px;border-top:1px solid var(--gray-200)}.articlefootercontainer{max-width:1200px;margin:0 auto}.articlefootertitle{font-size:28px;font-weight:700;color:var(--gray-900);margin:0 0 32px;text-align:center}.articlefootergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footerarticlelink{display:block;padding:24px;text-decoration:none;background:var(--white);border-radius:8px;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid var(--gray-200)}.footerarticlelink:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.footerarticlecategory{display:inline-block;padding:4px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--gray-100);color:var(--gray-700);margin-bottom:12px;border-radius:4px}.footerarticlelink h3{font-size:19px;font-weight:700;line-height:1.3;color:var(--gray-900);margin:0 0 8px}.footerarticlelink p{font-size:14px;line-height:1.55;color:var(--gray-600);margin:0 0 12px}.footerarticlemeta{font-size:13px;color:var(--gray-500);font-weight:500}@media (max-width:1024px){.articlefootergrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.breadcrumb{padding:var(--spacing-md)0}.breadcrumbcontainer{font-size:12px;padding:0 var(--spacing-md)}.articleheader{padding:40px 0 24px}.articlecontainer,.articlefeaturedimage,.articleheadercontainer{padding:0 20px}.articletitle{font-size:32px}.articlesubtitle{font-size:18px}.articlebody li,.articlebody p{font-size:17px}.articlebody h2{font-size:26px;margin:40px 0 16px}.articlebody h3{font-size:22px;margin:32px 0 12px}.articlefootergrid{grid-template-columns:1fr}}@media (max-width:480px){.breadcrumb{padding:var(--spacing-sm)0}.breadcrumbcontainer{font-size:11px;gap:4px;padding:0 var(--spacing-md)}.breadcrumbseparator{margin:0 4px}.articleheader{padding:32px 0 20px}.articletitle{font-size:28px}.articlesubtitle{font-size:17px}.leadparagraph{font-size:20px}.articlebody h2{font-size:24px}.sharebuttons{flex-direction:column}.sharebutton{justify-content:center}}