.article-detail-page{padding:60px 0;min-height:80vh;background-color:var(--color-background-off, #ffffff)}.article-detail-loading,.article-detail-error{text-align:center;padding:100px 20px;font-size:1.2rem;color:var(--color-text-muted)}.article-detail-error h2{color:var(--color-primary);margin-bottom:1rem}.article-back-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-family:var(--font-primary);color:var(--color-text);background:none;border:none;cursor:pointer;padding:0;margin-bottom:2rem;transition:color .2s ease}.article-back-btn:hover{color:var(--color-primary)}.article-back-btn .material-symbols-outlined{font-size:1.2rem}.article-detail-content{max-width:800px;margin:0 auto}.article-detail-content.is-design-html{max-width:1100px}.article-header{margin-bottom:2rem;text-align:center}.article-meta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:var(--color-text-muted)}.article-category{background-color:#fce7f3;color:#db2777;padding:.3rem .8rem;border-radius:20px;font-weight:600;font-size:.85rem}.article-title{font-family:var(--font-secondary);font-size:2.5rem;color:var(--color-primary);margin:0 0 1rem;line-height:1.2}.article-lead{font-size:1.2rem;color:var(--color-text-muted);line-height:1.6;max-width:700px;margin:0 auto}.article-featured-image{width:100%;max-height:450px;border-radius:12px;overflow:hidden;margin-bottom:3rem;box-shadow:0 4px 20px #00000014}.article-featured-image img{width:100%;height:100%;object-fit:cover;display:block}.article-detail-content:not(.is-design-html) .article-body{font-size:1.1rem;line-height:1.8;color:var(--color-text)}.article-shadow-host{all:initial;display:block;width:100%}.article-detail-content:not(.is-design-html) .article-body p{margin-bottom:1.5rem}@media (max-width: 768px){.article-title{font-size:2rem}.article-lead{font-size:1.1rem}.article-featured-image{max-height:300px;margin-bottom:2rem}.article-detail-content:not(.is-design-html) .article-body{font-size:1rem}}