.article-page{padding:3rem 0 5rem;position:relative}@media(min-width:1024px){.article-page{padding:5rem 0 7rem}}.article-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(249,115,22,.06),transparent 50%);pointer-events:none}.article-page>.container{position:relative;z-index:1}.article-shell{max-width:60rem;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-tertiary);margin-bottom:2rem;flex-wrap:wrap}.breadcrumb a{color:var(--text-tertiary);transition:color var(--t-fast)}.breadcrumb a:hover{color:var(--primary-400)}.breadcrumb svg{width:.875rem;height:.875rem;opacity:.5}.breadcrumb span[aria-current]{color:var(--text-secondary)}.article-hero{margin-bottom:3rem}.article-tag{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-400);padding:.375rem .875rem;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:var(--r-full);margin-bottom:1.25rem}.article-hero h1{font-size:clamp(2rem,4vw + 1rem,3.25rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--text-primary);margin-bottom:1.25rem;max-width:44rem}.article-hero .lede{font-size:1.1875rem;color:var(--text-secondary);line-height:1.6;max-width:42rem}.article-hero .lede strong{color:var(--primary-400);font-weight:600}.tldr-box{position:relative;margin:2.5rem 0;padding:2rem;background:linear-gradient(135deg,#f9731614,#fbbf240d),var(--glass-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(249,115,22,.25);border-radius:var(--r-xl);box-shadow:0 8px 32px #f9731614,var(--ring-inner);overflow:hidden}@media(min-width:768px){.tldr-box{padding:2.25rem 2.5rem}}.tldr-box:before{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:100%;background:radial-gradient(ellipse,rgba(249,115,22,.15),transparent 70%);pointer-events:none}.tldr-box>*{position:relative;z-index:1}.tldr-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.tldr-icon{width:2.25rem;height:2.25rem;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:var(--glow-primary),var(--ring-inner-strong);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tldr-icon svg{width:1.125rem;height:1.125rem;color:#fff}.tldr-title{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--primary-300)}.tldr-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.tldr-list li{position:relative;padding-left:1.75rem;color:var(--text-secondary);font-size:1rem;line-height:1.6}.tldr-list li:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary-400),var(--accent-red-400));box-shadow:0 0 12px #f9731680}.tldr-list li strong{color:var(--text-primary);font-weight:600}.toc{margin:2.5rem 0;padding:1.5rem 1.75rem;background:var(--glass-1);border:1px solid var(--border-2);border-radius:var(--r-lg)}.toc-title{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:1rem}.toc ol{list-style:none;counter-reset:toc-counter;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.5rem 1.5rem}@media(min-width:640px){.toc ol{grid-template-columns:1fr 1fr}}.toc ol li{counter-increment:toc-counter;padding-left:1.75rem;position:relative;font-size:.9375rem;line-height:1.5}.toc ol li:before{content:counter(toc-counter,decimal-leading-zero);position:absolute;left:0;top:0;font-size:.75rem;font-weight:700;color:var(--primary-400);letter-spacing:.05em}.toc ol li a{color:var(--text-secondary);transition:color var(--t-fast)}.toc ol li a:hover{color:var(--primary-400)}.method-card{position:relative;margin:3rem 0;padding:2rem;background:var(--glass-1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-2);border-radius:var(--r-xl);box-shadow:var(--ring-inner);transition:border-color var(--t-base),background var(--t-base);scroll-margin-top:6rem;overflow:hidden}@media(min-width:768px){.method-card{padding:2.5rem}}.method-card:hover{background:var(--glass-2);border-color:var(--accent-color, rgba(249, 115, 22, .4))}.method-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color, var(--primary-500));opacity:.7}.method-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.method-number{flex-shrink:0;width:3.25rem;height:3.25rem;border-radius:var(--r-md);background:var(--accent-bg, rgba(249, 115, 22, .1));border:1px solid var(--accent-color, rgba(249, 115, 22, .3));color:var(--accent-color, var(--primary-400));font-size:1.25rem;font-weight:700;letter-spacing:-.02em;display:inline-flex;align-items:center;justify-content:center}.method-card h2{font-size:clamp(1.375rem,1.5vw + .75rem,1.75rem);font-weight:700;letter-spacing:-.025em;line-height:1.25;color:var(--text-primary);margin:0;flex:1;padding-top:.25rem}.method-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}@media(min-width:768px){.method-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.method-detail{padding:1rem 1.25rem;background:#0003;border:1px solid var(--border-1);border-radius:var(--r-md)}.detail-label{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color, var(--primary-400));margin-bottom:.625rem}.detail-label svg{width:.875rem;height:.875rem}.method-detail p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.method-detail p strong{color:var(--text-primary);font-weight:600}.method-example{margin-top:1.25rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fbbf240f,#f973160a);border:1px solid rgba(251,191,36,.2);border-left:3px solid var(--amber-400);border-radius:var(--r-md)}.example-label{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-300);margin-bottom:.5rem}.example-label svg{width:.875rem;height:.875rem}.method-example p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0 0 .5rem}.method-example p:last-child{margin-bottom:0}.method-example strong{color:var(--amber-300);font-weight:600}.method-example .price-highlight{display:inline-block;padding:.125rem .5rem;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:var(--r-xs);font-weight:700;color:var(--amber-300);letter-spacing:-.01em}.method-card.color-green{--accent-color: var(--success-400);--accent-bg: rgba(16, 185, 129, .1)}.method-card.color-blue{--accent-color: var(--info-400);--accent-bg: rgba(96, 165, 250, .1)}.method-card.color-orange{--accent-color: var(--primary-400);--accent-bg: rgba(249, 115, 22, .1)}.method-card.color-amber{--accent-color: var(--amber-400);--accent-bg: rgba(251, 191, 36, .1)}.method-card.color-cyan{--accent-color: var(--tech-cyan-400);--accent-bg: rgba(34, 211, 238, .1)}.method-card.color-red{--accent-color: var(--accent-red-400);--accent-bg: rgba(248, 113, 113, .1)}.method-card.color-purple{--accent-color: #C084FC;--accent-bg: rgba(192, 132, 252, .1)}.danger-box{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#dc26261a,#7f1d1d0f),var(--glass-2);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:var(--r-xl);box-shadow:0 8px 32px #dc262614,var(--ring-inner)}.danger-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.danger-icon{width:2.25rem;height:2.25rem;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--accent-red-500),var(--accent-red-600));box-shadow:0 0 24px #ef44444d,var(--ring-inner-strong);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.danger-icon svg{width:1.25rem;height:1.25rem;color:#fff}.danger-box h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:0}.danger-box p{color:var(--text-secondary);font-size:1rem;line-height:1.65;margin:0}.danger-box p strong{color:var(--accent-red-400);font-weight:600}.article-cta{margin:4rem 0 0;padding:2.5rem 2rem;text-align:center;background:radial-gradient(ellipse at top,rgba(251,191,36,.15),transparent 60%),linear-gradient(135deg,var(--primary-600),var(--accent-red-600));border-radius:var(--r-2xl);box-shadow:var(--glow-primary),var(--ring-inner-strong);position:relative;overflow:hidden}@media(min-width:768px){.article-cta{padding:3rem 2.5rem}}.article-cta:before{content:"";position:absolute;top:-50%;left:50%;width:120%;height:120%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(255,255,255,.08),transparent 60%);pointer-events:none}.article-cta>*{position:relative;z-index:1}.article-cta h2{font-size:clamp(1.5rem,2vw + 1rem,2rem);font-weight:700;letter-spacing:-.025em;color:#fff;margin-bottom:.75rem}.article-cta p{color:#ffffffe6;font-size:1.0625rem;margin-bottom:1.75rem;max-width:32rem;margin-left:auto;margin-right:auto}.article-cta a.cta-link{display:inline-flex;align-items:center;gap:.625rem;background:#fff;color:var(--primary-600);font-weight:700;font-size:1rem;padding:.875rem 1.75rem;border-radius:var(--r-md);box-shadow:0 12px 32px #0000004d;transition:all var(--t-base)}.article-cta a.cta-link:hover{transform:translateY(-2px) scale(1.02)}.article-cta a.cta-link svg{width:1.125rem;height:1.125rem;transition:transform var(--t-base)}.article-cta a.cta-link:hover svg{transform:translate(4px)}.guide-content>h2{scroll-margin-top:6rem}.guide-content a:not(.cta-link){color:var(--primary-400);font-weight:500;border-bottom:1px solid rgba(249,115,22,.4);transition:all var(--t-fast)}.guide-content a:not(.cta-link):hover{color:var(--primary-300);border-bottom-color:var(--primary-300);background:#f973160d}