.article-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(240px,1fr);gap:48px;align-items:start}.article-main{min-width:0}.article-main h1{font-family:var(--font-heading);font-size:clamp(2rem,3.4vw,3rem);line-height:1.16;letter-spacing:-.035em;margin:0 0 22px;color:var(--text-primary)}.article-meta{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--text-secondary);font-size:.82rem;margin-bottom:24px}.article-meta i{margin-right:6px}.article-eyebrow{display:block;color:var(--accent-cyan);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;margin-bottom:14px}.article-intro{font-size:1.12rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.example-label{border-left:3px solid var(--accent-cyan);padding:14px 18px;background:rgba(0,240,255,.045);font-size:.8rem;color:var(--text-secondary);line-height:1.65;margin-bottom:28px}.example-label strong{color:white}.article-figure{margin:28px 0}.article-figure img{display:block;width:100%;height:auto;max-width:100%;border-radius:10px;margin:0}.article-figure>a{display:block;border-radius:10px}.article-figure figcaption{margin-top:11px;font-size:.78rem;line-height:1.6;color:var(--text-secondary)}.hero-figure{margin-bottom:36px}.article-content p{color:var(--text-secondary);line-height:1.85;font-size:1rem;margin:0 0 22px}.article-content strong{color:var(--text-primary)}.article-content h2{font-family:var(--font-heading);color:var(--text-primary);font-size:1.6rem;line-height:1.3;margin:44px 0 18px;scroll-margin-top:110px}.article-content h3{font-family:var(--font-heading);color:var(--text-primary);line-height:1.4;font-size:1.15rem;margin:0 0 12px}.article-content ul{padding-left:22px;color:var(--text-secondary);margin:20px 0 26px}.article-content li{line-height:1.8;margin-bottom:12px}.content-block{padding:28px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);margin:30px 0}.content-block h3{color:var(--accent-cyan)}.content-block p:last-child,.content-block ul:last-child{margin-bottom:0}.important-block{border-left:3px solid var(--accent-cyan)}.detail-figure{max-width:580px}.detail-window{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:#252938}.detail-window img{position:absolute;width:300%;max-width:none;height:auto;left:-200%;top:-35%;border-radius:0}.practice-steps{list-style:none;counter-reset:practice;padding:0;margin:26px 0}.practice-steps li{counter-increment:practice;position:relative;padding:23px 0 10px 54px;border-top:1px solid rgba(255,255,255,.12)}.practice-steps li:before{content:counter(practice,decimal-leading-zero);position:absolute;left:0;top:22px;font-family:var(--font-heading);font-size:1.1rem;color:var(--accent-cyan)}.comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:28px 0 12px}.comparison-grid .article-figure{margin:0}.comparison-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:10px}.article-content .figure-note,.article-content .article-source{font-size:.8rem;line-height:1.7}.article-source{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:28px!important}.article-source a{color:var(--accent-cyan);text-underline-offset:4px}.sidebar{position:sticky;top:110px;min-width:0}.sidebar-card{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.03);padding:24px;margin-bottom:24px}.sidebar-card h4{font-family:var(--font-heading);font-size:1.02rem;line-height:1.4;margin:0 0 14px}.sidebar-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin:0 0 18px}.btn-small{padding:10px 17px;font-size:.82rem}.article-toc{display:flex;flex-direction:column;gap:13px}.article-toc a{font-size:.82rem;color:var(--text-secondary);text-decoration:none;line-height:1.5}.article-toc a:hover{color:var(--accent-cyan)}.article-main .article-cta p{line-height:1.7}.article-main a:focus-visible,.sidebar a:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:5px}.article-main .article-figure a:hover{opacity:.97}
@media(max-width:1050px){.article-layout{gap:30px;grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}}
@media(max-width:992px){.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sidebar-card{margin:0}.sidebar-card:first-child{grid-column:1/-1}.article-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px}.article-main h1{font-size:2.45rem}}
@media(max-width:600px){.article-main h1{font-size:1.95rem}.article-intro{font-size:1rem}.article-content h2{font-size:1.4rem;margin-top:34px}.article-content p{font-size:.95rem;line-height:1.8}.article-meta{gap:8px;flex-direction:column;font-size:.78rem}.content-block{padding:20px}.comparison-grid{grid-template-columns:minmax(0,1fr);gap:25px}.practice-steps li{padding-left:43px}.sidebar{grid-template-columns:minmax(0,1fr)}.sidebar-card:first-child{grid-column:auto}.article-toc{grid-template-columns:minmax(0,1fr)}.example-label{padding:12px 14px}.article-figure{margin:24px 0}.article-layout{gap:35px}}

.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.data-card{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.03)}.data-card p:last-child{margin-bottom:0}.article-source>ul{margin-bottom:15px}.article-source>ul a{font-size:.8rem;overflow-wrap:anywhere}.article-source>p{font-size:.8rem}.article-source>strong{font-size:.9rem}@media(max-width:600px){.data-grid{grid-template-columns:minmax(0,1fr)}.data-card{padding:20px}}