.breadcrumb-section{background:var(--bg-light);padding:15px 0}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px}.breadcrumb a{color:var(--text-light)}.breadcrumb a:hover{color:var(--primary-blue)}.breadcrumb .separator{color:var(--text-light);opacity:.5}.breadcrumb .current{color:var(--primary-dark);font-weight:500}.article-hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-blue) 100%);padding:60px 0;color:var(--text-white)}.hero-content{max-width:800px}.article-badge{margin-bottom:20px}.chapter-ref{display:inline-block;background:#f4b94233;color:var(--accent-yellow);padding:8px 16px;border-radius:50px;font-size:14px;font-weight:500}.article-hero h1{display:flex;flex-direction:column;gap:10px}.article-number{font-size:20px;font-weight:600;opacity:.9}.article-title{font-size:42px;font-weight:800;line-height:1.2}.article-content{padding:60px 0}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:50px}.main-content{max-width:800px}.content-section{margin-bottom:40px}.content-section h2{font-size:24px;color:var(--primary-dark);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.content-section p{font-size:16px;line-height:1.8;color:var(--text-dark);margin-bottom:15px}.content-section p:last-child{margin-bottom:0}.content-section ul,.content-section ol{margin:20px 0 20px 30px;padding-left:20px}.content-section li{font-size:16px;line-height:1.8;color:var(--text-dark);margin-bottom:10px}.content-section li:last-child{margin-bottom:0}.official-text{background:var(--bg-light);padding:30px;border-radius:12px;border-left:4px solid var(--primary-blue)}.official-text h2{border-bottom:none;padding-bottom:0}.official-text ul,.official-text ol{margin:20px 0 20px 30px;padding-left:20px}.official-text li{font-size:16px;line-height:1.8;color:var(--text-dark);margin-bottom:10px}blockquote{background:var(--bg-white);padding:25px;border-radius:8px;margin:20px 0;border:1px solid var(--border-color)}blockquote p{font-style:italic;color:var(--text-dark);margin-bottom:15px}blockquote p:last-child{margin-bottom:0}.conclusion{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-blue) 100%);padding:30px;border-radius:12px}.conclusion h2{color:var(--text-white);border-bottom-color:#fff3}.conclusion p{color:#ffffffe6}.example-box{background-color:#f8f9fa;border-left:4px solid #ffc107;padding:1.5rem;margin:1.5rem 0;border-radius:4px}.example-box h4{margin-top:0;color:#333;font-size:1.1rem;font-weight:600}.example-box p:last-child{margin-bottom:0}.sidebar{position:sticky;top:30px;align-self:start;height:fit-content}.sidebar-card{background:var(--bg-white);padding:25px;border-radius:12px;border:1px solid var(--border-color);margin-bottom:20px}.sidebar-card.highlight{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-blue) 100%);color:var(--text-white);border:none}.sidebar-card h3{font-size:17px;margin-bottom:15px;color:var(--primary-dark)}.sidebar-card.highlight h3{color:var(--text-white)}.sidebar-card.highlight p{font-size:14px;line-height:1.6;opacity:.9;margin-bottom:20px}.btn-small{padding:12px 20px;font-size:14px}.related-articles{list-style:none;padding:0;margin:0}.related-articles li{margin-bottom:10px}.related-articles a{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-light);border-radius:8px;transition:all .2s ease}.related-articles a:hover{background:var(--primary-dark)}.related-number{background:var(--primary-dark);color:var(--text-white);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.related-articles a:hover .related-number{background:var(--accent-yellow);color:var(--primary-dark)}.related-title{font-size:13px;color:var(--text-dark);line-height:1.3}.related-articles a:hover .related-title{color:var(--text-white)}.resources-list{list-style:none;padding:0;margin:0}.resources-list li{margin-bottom:8px}.resources-list a{display:block;padding:10px 12px;background:var(--bg-light);border-radius:6px;font-size:14px;color:var(--text-dark);transition:all .2s ease}.resources-list a:hover{background:var(--primary-dark);color:var(--text-white)}.article-navigation{background:var(--bg-light);padding:40px 0}.nav-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.nav-prev{justify-self:start}.nav-center{justify-self:center}.nav-next{justify-self:end}.back-link{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-white);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-dark);border:1px solid var(--border-color);transition:all .2s ease}.back-link:hover{background:var(--primary-dark);color:var(--text-white);border-color:var(--primary-dark)}.nav-link{display:flex;align-items:center;gap:15px;padding:15px 20px;background:var(--bg-white);border-radius:10px;border:1px solid var(--border-color);transition:all .2s ease}.nav-link:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.nav-label{font-size:12px;color:var(--text-light);display:block}.nav-link:hover .nav-label{color:#ffffffb3}.nav-title{font-size:14px;font-weight:600;color:var(--primary-dark)}.nav-link:hover .nav-title{color:var(--text-white)}.nav-arrow{font-size:20px;color:var(--primary-blue)}.nav-link:hover .nav-arrow{color:var(--accent-yellow)}@media(max-width:992px){.content-grid{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.sidebar-card.highlight{grid-column:span 2}}@media(max-width:768px){.article-hero{padding:40px 0}.article-title{font-size:28px}.official-text,blockquote,.conclusion{padding:20px}.sidebar{grid-template-columns:1fr}.sidebar-card.highlight{grid-column:span 1}.nav-grid{grid-template-columns:1fr;gap:15px}.nav-prev,.nav-center,.nav-next{justify-self:stretch}.nav-link{width:100%;justify-content:space-between}}
