.article-page{padding-top:80px}.article-hero{text-align:center;padding:60px 20px 48px;max-width:760px;margin:0 auto}.article-hero h1{font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:700;margin-bottom:14px;line-height:1.2}.article-hero .sub{color:var(--text-secondary);font-size:1.05rem;line-height:1.65;max-width:600px;margin:0 auto}.article-meta{display:flex;justify-content:center;gap:20px;margin-top:20px;font-size:.82rem;color:var(--text-secondary)}.article-body{max-width:760px;margin:0 auto;padding:0 20px 72px}.article-body h2{font-size:1.45rem;font-weight:600;margin:52px 0 16px;color:var(--text-primary)}.article-body h3{font-size:1.05rem;font-weight:600;margin:30px 0 12px;color:var(--text-primary)}.article-body p{color:var(--text-secondary);line-height:1.8;margin-bottom:18px;font-size:.97rem}.article-body strong{color:var(--text-primary)}.article-body a{color:var(--accent-color);text-decoration:none}.article-body a:hover{text-decoration:underline}.article-body ul,.article-body ol{color:var(--text-secondary);padding-left:24px;margin-bottom:18px;line-height:1.8;font-size:.97rem}.article-body li{margin-bottom:8px}.article-body code{background:#ffffff14;padding:2px 7px;border-radius:4px;font-size:.87em;font-family:SF Mono,Fira Code,Menlo,monospace;color:var(--text-primary)}.img-placeholder{background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);border-radius:12px;padding:40px 20px;text-align:center;margin:28px 0;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.img-placeholder strong{display:block;color:var(--text-primary);margin-bottom:6px;font-size:.9rem}.expert-quote{border-left:3px solid var(--accent-color);background:#2997ff0d;border-radius:0 12px 12px 0;padding:20px 24px;margin:28px 0}.expert-quote p{color:var(--text-primary);font-size:.95rem;font-style:italic;line-height:1.7;margin:0 0 10px}.expert-quote cite{font-size:.8rem;color:var(--text-secondary);font-style:normal}.method-block{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:28px;margin:24px 0}.method-block h3{margin:0 0 14px;font-size:1.05rem;color:var(--text-primary)}.method-block p{font-size:.93rem;color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.method-block p:last-child{margin-bottom:0}.method-block ol{color:var(--text-secondary);padding-left:20px;font-size:.93rem;line-height:1.7;margin:0}.method-block ol li{margin-bottom:8px}.tip-box{background:#32d74b0f;border:1px solid rgba(50,215,75,.18);border-radius:10px;padding:16px 20px;margin:22px 0;font-size:.9rem;color:var(--text-secondary);line-height:1.65}.tip-box strong{color:#32d74b}.warn{background:#ff9f0a14;border:1px solid rgba(255,159,10,.2);border-radius:10px;padding:14px 18px;font-size:.88rem;color:#ff9f0a;margin:20px 0;line-height:1.6}.cta-band{background:linear-gradient(135deg,#2997ff14,#9b4cf814);border:1px solid rgba(41,151,255,.2);border-radius:20px;padding:40px 32px;text-align:center;margin:52px 0}.cta-band h2{font-size:1.4rem;font-weight:700;margin-bottom:10px;margin-top:0}.cta-band p{color:var(--text-secondary);margin-bottom:22px;font-size:.95rem}.internal-link-box{border:1px solid var(--glass-border);border-radius:12px;padding:18px 22px;margin:24px 0;display:flex;align-items:center;gap:14px;text-decoration:none;transition:border-color .2s}.internal-link-box:hover{border-color:#2997ff66}.internal-link-box .ilb-text strong{display:block;color:var(--text-primary);font-size:.92rem;margin-bottom:3px}.internal-link-box .ilb-text span{color:var(--text-secondary);font-size:.83rem}.internal-link-box .ilb-arrow{color:var(--accent-color);font-size:1.1rem;margin-left:auto;flex-shrink:0}.faq-section h2{font-size:1.45rem;font-weight:600;margin:52px 0 20px;color:var(--text-primary)}.faq-item-s{border-top:1px solid var(--glass-border);padding:18px 0}.faq-item-s:last-child{border-bottom:1px solid var(--glass-border)}.faq-item-s summary{font-weight:500;font-size:.95rem;cursor:pointer;color:var(--text-primary);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-item-s summary::-webkit-details-marker{display:none}.faq-item-s summary:after{content:"+";color:var(--text-secondary);font-size:1.1rem;flex-shrink:0}.faq-item-s[open] summary:after{content:"−"}.faq-item-s p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-top:14px;margin-bottom:0}
