p, li, td, blockquote, .dm-sans { font-family: 'DM Sans', sans-serif; }
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:#080e1a;font-family:'Inter',sans-serif;color:white;max-width:100%;overflow-x:clip;}
body{overflow-x:clip;}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px;}
.gradient-text{background:linear-gradient(135deg,#FFA00D 0%,#FC501E 45%,#D220A3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;}
.gradient-bg{background:linear-gradient(135deg,#FFA00D,#FE7C15,#FC6818,#FC501E,#EC3E51,#D220A3);}
.article-body p { font-family: 'DM Sans', sans-serif; font-size: 16px; color: rgba(255,255,255,0.7); line-height: 1.8; margin-bottom: 24px; }
.article-body ul, .article-body ol { font-family: 'DM Sans', sans-serif; font-size: 16px; color: rgba(255,255,255,0.7); line-height: 1.8; margin-bottom: 24px; padding-left: 24px; }
.article-body li { margin-bottom: 8px; }
.article-body img { max-width: 100%; border: 1px solid rgba(255,255,255,0.1); margin: 32px 0; }
.article-body h2, .article-body h3 { font-family: 'Inter', sans-serif; color: white; font-weight: 800; margin: 40px 0 16px; }
.article-body h2 { font-size: 24px; }
.article-body h3 { font-size: 20px; }
.article-body strong { color: rgba(255,255,255,0.9); }
.article-body a { color: #e84848; text-decoration: underline; text-underline-offset: 3px; }
img, video, iframe { max-width: 100%; height: auto; }
.article-header, .article-body, section, footer { overflow-x: clip; }
.article-body > * { max-width: 100%; }
.article-body p, .article-body li, .article-body a, .article-body code, .article-body pre { overflow-wrap: anywhere; word-break: break-word; }
@media (max-width: 768px) {
  footer ul a { min-height: 44px; display: inline-flex; align-items: center; }
  footer .flex.gap-5 a { min-height: 44px; display: inline-flex; align-items: center; }
  .article-header { padding-top: 96px !important; padding-left: 20px !important; padding-right: 20px !important; }
  .article-body { padding-left: 20px !important; padding-right: 20px !important; }
}


/* product-update-article-mobile-fix-20260630 */
.article-header > div[style*="max-width:720px"],
.article-body { width: 100%; max-width: 720px; }
.article-body img,
.article-body video { max-width: 100%; height: auto; }
@media (max-width: 768px) {
  .article-header > div[style*="max-width:720px"],
  .article-body { padding-left: 20px !important; padding-right: 20px !important; }
  .article-header nav { flex-wrap: wrap !important; row-gap: 6px !important; margin-bottom: 24px !important; }
  .article-header h1 { font-size: clamp(27px, 8vw, 34px) !important; line-height: 1.12 !important; letter-spacing: -0.03em !important; }
  .article-header h1 + div { gap: 12px !important; padding-bottom: 24px !important; }
  .article-header h1 + div > div[style*="width:1px"] { display: none !important; }
  .article-body img { margin: 24px 0 !important; }
}