.article-page{background-color:var(--bg-color);min-height:100vh}.article-main{padding-top:var(--header-height)}.article-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loader{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--text-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.article-loading p{font-size:.9rem;opacity:.6}.article-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;text-align:center;padding:20px}.article-error p{font-size:1.2rem;opacity:.7}.back-btn{padding:12px 24px;background:var(--text-color);color:var(--bg-color);text-decoration:none;border-radius:8px;font-family:var(--font-display);text-transform:uppercase;font-size:.85rem;transition:opacity .3s ease}.back-btn:hover{opacity:.85}.article-hero{position:relative;height:60vh;min-height:400px;overflow:hidden}.article-hero-image{position:absolute;inset:0}.article-hero-image img{width:100%;height:100%;object-fit:cover}.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0003,#0000004d);display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#fff}.article-back{color:#fff;text-decoration:none;font-size:.9rem;opacity:.8;transition:opacity .3s ease;align-self:flex-start}.article-back:hover{opacity:1}.article-hero-info{max-width:800px}.article-tag{display:inline-block;background:var(--bg-color);color:var(--text-color);padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:12px}.article-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,4rem);text-transform:uppercase;line-height:1;margin-bottom:12px}.article-description{font-size:clamp(.95rem,2vw,1.1rem);opacity:.9;line-height:1.5}.article-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#0000001a;border-bottom:1px solid rgba(0,0,0,.1)}.article-meta .meta-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:var(--bg-color);text-align:center;gap:4px}.article-meta .meta-icon{font-size:1.5rem;margin-bottom:4px}.article-meta .meta-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.5}.article-meta .meta-value{font-family:var(--font-display);font-size:1rem;text-transform:uppercase}.article-body{max-width:780px;margin:0 auto;padding:40px 20px 60px}.article-section{margin-bottom:40px}.article-section .section-title{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--text-color)}.section-body p{font-size:1.05rem;line-height:1.8;margin-bottom:16px;color:var(--text-color);opacity:.85}.section-body p:last-child{margin-bottom:0}.section-body strong{font-weight:700;color:var(--text-color);opacity:1}.section-body em{font-style:italic}.section-body u{text-decoration:underline;text-underline-offset:3px}.section-body s{text-decoration:line-through;opacity:.6}.section-body a{color:var(--text-color);text-decoration:underline;text-underline-offset:3px;font-weight:600;transition:opacity .2s ease}.section-body a:hover{opacity:.65}.section-body ul,.section-body ol{margin:0 0 20px 24px;line-height:1.8}.section-body ul{list-style:disc}.section-body ol{list-style:decimal}.section-body li{font-size:1.05rem;color:var(--text-color);opacity:.85;margin-bottom:6px}.section-body li:last-child{margin-bottom:0}.section-body blockquote{border-left:3px solid var(--text-color);margin:24px 0;padding:12px 20px;opacity:.7;font-style:italic;font-size:1.05rem;line-height:1.8}.section-body code{background:#0000000f;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9em}.section-body pre{background:#0000000f;padding:16px 20px;border-radius:8px;overflow-x:auto;margin:0 0 20px}.section-body pre code{background:none;padding:0;font-size:.9rem;line-height:1.6}.section-body h2,.section-body h3,.section-body h4{font-family:var(--font-display);text-transform:uppercase;margin:32px 0 16px;line-height:1.2}.section-body h2{font-size:1.4rem}.section-body h3{font-size:1.2rem}.section-body h4{font-size:1rem}.section-body img{width:100%;border-radius:8px;margin:16px 0}.no-content{text-align:center;opacity:.5;font-size:1rem;padding:40px 0}.read-next{max-width:780px;margin:0 auto;padding:0 20px 60px}.read-next-label{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;opacity:.4;margin-bottom:16px}.read-next-card{display:grid;grid-template-columns:1fr;text-decoration:none;color:var(--text-color);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.read-next-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.read-next-image{aspect-ratio:16 / 9;overflow:hidden}.read-next-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.read-next-card:hover .read-next-image img{transform:scale(1.05)}.read-next-body{padding:24px}.read-next-tag{display:inline-block;background:var(--bg-color);padding:4px 10px;border-radius:14px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-bottom:10px}.read-next-title{font-family:var(--font-display);font-size:1.3rem;text-transform:uppercase;line-height:1.2;margin-bottom:8px}.read-next-desc{font-size:.9rem;opacity:.65;line-height:1.5;margin-bottom:12px}.read-next-link{font-size:.85rem;font-weight:600;opacity:.7;transition:opacity .3s ease}.read-next-card:hover .read-next-link{opacity:1}@media(min-width:768px){.article-hero{height:70vh}.article-hero-overlay{padding:30px 40px}.article-meta .meta-item{padding:30px}.article-body{padding:60px 40px 80px}.read-next{padding:0 40px 80px}.read-next-card{grid-template-columns:280px 1fr}.read-next-image{aspect-ratio:auto}.read-next-body{display:flex;flex-direction:column;justify-content:center;padding:28px 32px}}@media(min-width:1024px){.article-hero-overlay{padding:40px 60px}.article-body{padding:80px 20px 100px}.article-section .section-title{font-size:1.8rem}.section-body p{font-size:1.1rem}}