.article-page{background:radial-gradient(circle at 12% 0%,rgba(227,10,23,.09),transparent 38%),radial-gradient(circle at 88% 100%,rgba(17,24,39,.04),transparent 32%),linear-gradient(180deg,#fff8f8,#fff 42%);padding-bottom:3rem}.article-page-container{max-width:880px;margin-left:auto;margin-right:auto}.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.86rem;color:#6b7280;margin-bottom:1.25rem}.article-breadcrumb a{color:#b5080f;text-decoration:none;font-weight:600}.article-breadcrumb a:hover{text-decoration:underline}.article-breadcrumb span[aria-hidden]{opacity:.45}.article-card{background:#fff;border:1px solid #f0dede;border-radius:1.25rem;box-shadow:0 18px 48px #7f1d1d14;overflow:hidden}.article-hero{position:relative;padding:clamp(1.6rem,3.5vw,2.5rem) clamp(1.5rem,4vw,2.25rem) 1.75rem;border-bottom:1px solid #f7e8e8}.article-hero-accent{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#e30a17,#ff6b6b 55%,#111827)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.85rem;font-size:.84rem;color:#6b7280}.article-meta time{font-weight:500}.article-hero h1{margin:0;max-width:100%;font-size:clamp(1.85rem,4.2vw,2.65rem);line-height:1.18;letter-spacing:-.03em;font-weight:900;color:#111827}.article-lead{margin:1.1rem 0 0;max-width:100%;font-size:clamp(1.02rem,2vw,1.15rem);line-height:1.7;color:#4b5563}.article-prose{padding:clamp(1.35rem,3vw,2.25rem) clamp(1.5rem,4vw,2.25rem) 2.25rem;color:#1f2937;font-size:1.08rem;line-height:1.85}.article-prose :is(h2,h3){color:#111827;font-weight:800;letter-spacing:-.02em;scroll-margin-top:5rem}.article-prose h2{margin:2.2rem 0 .85rem;font-size:clamp(1.3rem,2.5vw,1.6rem);line-height:1.25}.article-prose h2:first-child{margin-top:0}.article-prose h3{margin:1.5rem 0 .65rem;font-size:1.2rem}.article-prose p{margin:1.1rem 0;max-width:100%}.article-prose ul,.article-prose ol{margin:1.1rem 0;padding-left:1.5rem;max-width:100%}.article-prose li{margin:.4rem 0}.article-prose li::marker{color:#e30a17}.article-prose a{color:#b5080f;font-weight:600;text-decoration:underline;text-underline-offset:2px}.article-prose strong{color:#111827;font-weight:700}.article-prose blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid #e30a17;background:#fff5f5;border-radius:0 .75rem .75rem 0;color:#374151;max-width:100%}.article-prose img{display:block;max-width:100%;height:auto;margin:1.25rem 0;border-radius:.85rem;border:1px solid #f0dede}.article-footer-slot{padding:0 clamp(1.25rem,3vw,2rem) 1.75rem}.article-tags-box{margin-bottom:1.5rem;padding:1.1rem 1.25rem;border-radius:1rem;background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid #fecaca;display:flex;flex-direction:column;gap:.65rem}.tags-box-label{font-size:.82rem;font-weight:800;color:#991b1b;letter-spacing:.02em}.tags-box-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip{font-size:.82rem;font-weight:700;color:#b5080f;background:#fff;padding:.35rem .85rem;border-radius:999px;border:1px solid #fca5a5;text-decoration:none;transition:all .18s ease;box-shadow:0 2px 6px #e30a170d}.tag-chip:hover{background:#e30a17;color:#fff;border-color:#e30a17;transform:translateY(-1px);box-shadow:0 6px 16px #e30a1733}.tag-chip--main{background:#ffebeb;border-color:#f87171;color:#991b1b}.article-cta-band{margin-top:.5rem;padding:1.1rem 1.15rem;border-radius:1rem;background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid #f7dfe1}.article-aside{margin-top:2.5rem}.article-aside h2{margin:1.5rem 0 1rem;font-size:1.3rem;font-weight:800;color:#111827;letter-spacing:-.02em}.article-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.article-related-card{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;padding:1.15rem;border:1px solid #f1dede;border-radius:1rem;background:#fff;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.article-related-card:hover{border-color:#e30a17;transform:translateY(-3px);box-shadow:0 12px 28px #e30a171a}.article-related-card strong{color:#111827;line-height:1.4;font-size:1rem;font-weight:800}.article-related-card span,.article-related-card small{color:#6b7280;font-size:.84rem;line-height:1.45}.article-faq{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid #f0dede}.article-faq h2{margin:0 0 1rem;font-size:1.25rem;font-weight:800}.article-faq-item{padding:.85rem 0;border-bottom:1px solid #f3f4f6}.article-faq-item:last-child{border-bottom:0}.article-faq-item h3{margin:0 0 .35rem;font-size:1.02rem;font-weight:700;color:#111827}.article-faq-item p{margin:0;color:#4b5563;line-height:1.6}.article-badge{display:inline-flex;width:fit-content;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;padding:.22rem .6rem;border-radius:999px;border:1px solid transparent;font-weight:700}.article-badge-red{color:#a30711;background:#ffe9eb;border-color:#ffd5d8}.article-badge-blue{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.article-badge-green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.article-badge-orange{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.article-badge-purple{color:#7c3aed;background:#faf5ff;border-color:#e9d5ff}.article-badge-gray{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}.article-empty{text-align:center;padding:2.5rem 1.25rem;background:#fff;border:1px dashed #e5c8c8;border-radius:1rem}