.article-page{min-height:100vh;background-color:white;overflow-x:hidden;width:100%}.article-container{max-width:80rem;margin:0 auto;padding:2rem 1rem;width:100%;overflow-x:hidden;box-sizing:border-box}@media (min-width:640px){.article-container{padding:2rem 1.5rem}}@media (min-width:768px){.article-container{padding:5rem 1.5rem}}@media (min-width:1024px){.article-container{padding:5rem 2rem}}.article-layout{display:grid;gap:3rem;grid-template-columns:1fr;width:100%;overflow-x:hidden;box-sizing:border-box}@media (min-width:1024px){.article-layout{grid-template-columns:2fr 1fr;align-items:start}}.article-header,.article-main{max-width:100%;overflow-x:hidden;width:100%}.article-header{margin-bottom:2rem}.article-title{font-size:1.5rem;line-height:1.4;font-weight:700;color:#0C1628;font-family:var(--font-poppins),sans-serif;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;width:100%;overflow-x:hidden;box-sizing:border-box}@media (min-width:768px){.article-title{font-size:3rem;line-height:1.3;overflow-x:visible;word-break:normal;hyphens:none}}.article-date{font-size:.875rem;color:#6b7280;font-family:var(--font-poppins),sans-serif;margin-bottom:1rem}.article-author{gap:.75rem;margin-bottom:2rem;background-color:var(--brand-highlight);padding:1rem;border-radius:.5rem;width:fit-content}.article-author,.author-logo{display:flex;align-items:center}.author-logo{width:3rem;height:3rem;justify-content:center;flex-shrink:0;overflow:hidden}.author-info{display:flex;flex-direction:column;gap:.25rem}.author-name{color:#6b7280}.author-category,.author-name{font-size:.875rem;font-family:var(--font-poppins),sans-serif}.author-category{display:inline-block;background-color:var(--brand-tertiary);color:#0C1628;padding:.35rem .85rem;border-radius:.25rem;font-weight:600;width:fit-content}.article-body{font-family:var(--font-poppins),sans-serif;font-size:1rem;line-height:1.8;color:#374151;overflow-wrap:break-word;word-wrap:break-word}.article-body,.article-body>*{max-width:100%}.article-body p{margin-bottom:1.5rem;line-height:1.8}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{font-family:var(--font-poppins),sans-serif;color:#0C1628;margin-top:2rem;margin-bottom:1rem;line-height:1.3}.article-body h1{font-size:2.25rem;font-weight:700}.article-body h2{font-size:1.875rem;font-weight:700}.article-body h3{font-size:1.5rem;font-weight:600}.article-body h4{font-size:1.25rem;font-weight:600}.article-body a{color:#6B4DE6;text-decoration:underline;transition:color .2s}.article-body a:hover{color:#5a3ec7}.article-body strong{font-weight:600;color:#0C1628}.article-body em{font-style:italic}.article-body ol,.article-body ul{margin-bottom:2rem;padding-left:0;margin-left:1.5rem;line-height:1.8}.article-body ul{list-style-type:disc;list-style-position:outside}.article-body ol{list-style-type:decimal;list-style-position:outside}.article-body li{margin-bottom:.5rem;color:#374151;padding-left:.5rem}.article-body .list-item-content{display:block;padding-left:.5rem}.article-body .list-item-content>*{margin-bottom:.75rem}.article-body .list-item-content>:last-child{margin-bottom:0}.article-body .list-item-content p{margin-bottom:.75rem;line-height:1.7;padding-left:0}.article-body .list-item-content h2,.article-body .list-item-content h3,.article-body .list-item-content h4{font-size:1.125rem;font-weight:600;margin-top:0;margin-bottom:.25rem;color:#0C1628;line-height:1.4;padding-left:0}.article-body .list-item-content strong{font-weight:600;color:#0C1628}.article-body li>p{margin-bottom:.5rem}.article-body li>h2,.article-body li>h3,.article-body li>h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:#0C1628}.article-body img{width:100%;height:auto;border-radius:.5rem;margin:.1rem 0;display:block}.article-body blockquote{border-left:4px solid #b1c3cd;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#0C1628}.article-body code{background-color:#EDEFF3;padding:.125rem .5rem;border-radius:.25rem;font-family:monospace;font-size:.875rem;color:#0C1628}.article-body pre{background-color:#0C1628;color:white;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0}.article-body pre code{background-color:transparent;padding:0;color:white}.article-featured-image{position:relative;width:100%;height:24rem;border-radius:1rem;overflow:hidden;margin:2rem 0;background-color:#e5e7eb}@media (min-width:768px){.article-featured-image{height:28rem}}.share-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.share-label{font-size:.875rem;font-weight:600;color:#0C1628;font-family:var(--font-poppins),sans-serif;margin-bottom:1rem;display:inline-block}.share-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.share-button{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;font-family:var(--font-poppins),sans-serif;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:.5rem;color:white}.share-button.facebook{background-color:#1877f2}.share-button.facebook:hover{background-color:#155db2}.share-button.twitter{background-color:#1da1f2}.share-button.twitter:hover{background-color:#1a8cd8}.share-button.linkedin{background-color:#0077b5}.share-button.linkedin:hover{background-color:#006399}.share-button.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.share-button.instagram:hover{background:linear-gradient(45deg,#d67b2a,#cf5a30 25%,#c51e35 50%,#b51d58 75%,#a6157a)}.share-button.copy-link{background-color:#6B4DE6}.share-button.copy-link:hover{background-color:#5a3ec7}.article-sidebar{position:relative}@media (min-width:1024px){.article-sidebar-sticky{position:sticky;top:0;padding-top:0}}.sidebar-card{background-color:#EDEFF3;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sidebar-title{font-size:1.25rem;font-weight:600;color:#0C1628;font-family:var(--font-poppins),sans-serif;margin-bottom:.5rem}.sidebar-image{position:relative;width:100%;height:12rem;border-radius:.75rem;overflow:hidden;background-color:#d1d5db}.sidebar-description{font-size:.875rem;line-height:1.6;color:#374151;font-family:var(--font-poppins),sans-serif}.sidebar-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.sidebar-button{width:100%;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;font-family:var(--font-poppins),sans-serif;cursor:pointer;border:none;transition:all .2s;text-align:center;text-decoration:none;display:inline-block}.sidebar-button.primary{background-color:#0C1628;color:white}.sidebar-button.primary:hover{background-color:#1a2a42}.sidebar-button.secondary{background-color:white;color:#0C1628;border:1px solid #0c1628}.sidebar-button.secondary:hover{background-color:#f9fafb}.error-state,.loading-state{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.loading-spinner{width:3rem;height:3rem;border:4px solid #e5e7eb;border-top-color:#0c1628;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-message{color:#6b7280}.back-link,.error-message{font-family:var(--font-poppins),sans-serif}.back-link{color:#6B4DE6;text-decoration:underline;margin-top:1rem;display:inline-block}.back-link:hover{color:#5a3ec7}