.article-page{min-height:100vh}.loading-container,.error-container{min-height:50vh;padding:2rem}.error-container h1{color:#dc3545;margin-bottom:1rem}.error-container p{color:#6c757d;margin-bottom:2rem}.btn-back{color:#fff;cursor:pointer;background:#6c757d;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-back:hover{background:#5a6268}.article-container{max-width:1000px;margin:auto}.article-header{text-align:left;min-height:60vh;padding:6rem 1rem 2rem;position:relative;overflow:hidden}.article-hero-image{z-index:0;inset:0;position:absolute!important}.article-header:after{content:"";z-index:1;background:linear-gradient(#fff0 0%,#000000bf 75%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-image{width:100%;position:absolute;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:auto;max-height:500px;display:block}.article-title{z-index:2;color:#fff;margin:0 0 1rem;font-size:2rem;font-weight:500;line-height:1.2;position:relative}.article-subtitle{z-index:2;color:#fff;margin:0 0 2rem;font-size:1.25rem;font-weight:400;line-height:1.4;position:relative}.article-meta{z-index:2;color:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:2rem;font-size:1rem;display:flex;position:relative}.author-info{z-index:2;align-items:center;gap:.5rem;display:flex;position:relative}.author-name{color:#fff;font-weight:600}.article-date{font-style:italic}.article-content{color:#212529;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;width:100%;max-width:100%;padding:2rem 1rem;font-size:1.125rem;line-height:1.8}.article-content *{box-sizing:border-box;max-width:100%}.article-content .text-block{overflow-wrap:break-word;word-wrap:break-word;width:100%;margin-bottom:2rem}.article-content .image-block{text-align:center}.article-content .image-block img{max-width:100%;height:auto}.article-content p{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.article-content h1{color:#212529;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin:2.5rem 0 1.5rem;font-size:2.5rem;font-weight:700}.article-content h2{color:#212529;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;font-size:2rem;font-weight:600}.article-content h3{color:#212529;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin:1.5rem 0 1rem;font-size:1.5rem;font-weight:600}.article-content strong{color:#212529;font-weight:700}.article-content em{font-style:italic}.article-content s{text-decoration:line-through}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:2rem;list-style-position:outside}.article-content li>p{display:inline}.article-content li{overflow-wrap:anywhere;word-break:break-word;white-space:normal;margin-bottom:.75rem}.article-content ul li{list-style-type:disc;list-style-position:outside;display:list-item}.article-content ol li{list-style-type:decimal;list-style-position:outside;display:list-item}.article-content img{image-rendering:auto;will-change:auto;backface-visibility:hidden;max-width:100%;height:auto;margin:2rem auto;display:block;transform:translateZ(0)}.article-references{border-top:2px solid #dee2e6;margin:0 16px 64px;padding-top:2rem}.article-references h3{color:#212529;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.references-content{background:#f8f9fa;border-left:4px solid #ee2737;padding:1.5rem}.references-content p{color:#495057;margin-bottom:.75rem;font-size:.95rem;line-height:1.6}.references-content a{color:#ee2737;cursor:pointer;text-decoration:underline;transition:color .2s}.references-content a:hover{color:#c41e2a}.references-content p:last-child{margin-bottom:0}@media (min-width:768px){.article-header{min-height:70vh;padding:8rem 2rem 3rem}.article-title{font-size:3rem}.article-subtitle{font-size:1.75rem}}@media (min-width:1024px){.article-header{width:100vw;height:auto;padding:220px 6rem 17rem}.article-content,.references-content{width:931px}.article-container{margin:0}.article-title{font-size:4.5rem}.article-subtitle{font-size:2rem}}@media (min-width:1440px){.article-header{padding-top:253px;padding-left:293px;padding-right:293px}.article-title{font-size:96px}.article-subtitle{font-size:32px}}