.article-shell{max-width:1120px;padding-top:5rem}.article-header{max-width:900px;margin:auto}.article-header__meta{display:flex;align-items:center;gap:.7rem;color:#637083;font:700 .65rem var(--font-mono);text-transform:uppercase}.article-header__meta a{padding:.4rem .65rem;border-radius:7px;background:#e5f8bb;color:#426900}.article-header__meta span{padding:.4rem .65rem;border:1px solid var(--color-border);border-radius:7px}.article-header h1{margin-top:1.2rem;font-size:clamp(2.7rem,6vw,5.4rem);line-height:.98;letter-spacing:-.06em}.article-header>p{max-width:780px;margin-top:1.3rem;color:var(--color-text-dim);font-size:1.08rem;line-height:1.6}.article-byline{display:flex;align-items:center;gap:.8rem;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--color-border)}.article-avatar{display:grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:50%;background:#162036;color:#b9f43b;font:700 .7rem var(--font-mono)}.article-byline strong,.article-byline span{display:block}.article-byline strong{font-size:.78rem}.article-byline span{margin-top:.15rem;color:var(--color-text-dim);font-size:.65rem}.article-byline time,.article-byline small{color:var(--color-text-dim);font:.65rem var(--font-mono)}.article-byline time{margin-left:auto}.article-grid{display:grid;grid-template-columns:180px minmax(0,760px);gap:3.5rem;justify-content:center;margin-top:4rem}.article-rail{position:sticky;top:110px;align-self:start;padding:1rem;border:1px solid var(--color-border);border-radius:15px;background:#ffffffb3}.article-rail span{font:750 .63rem var(--font-mono);text-transform:uppercase}.article-rail p{margin-top:.6rem;color:var(--color-text-dim);font-size:.69rem;line-height:1.5}.article-rail a{display:block;margin-top:.8rem;color:#087fae;font-size:.7rem;font-weight:750}.article-body{min-width:0;color:#243047;font-size:1rem;line-height:1.78}.article-body>:first-child{margin-top:0}.article-body>h1:first-of-type{display:none}.article-body h2{margin:3.6rem 0 1.1rem;padding-top:1rem;border-top:1px solid var(--color-border);color:#162036;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.12;letter-spacing:-.04em}.article-body h3{margin:2.4rem 0 .8rem;color:#162036;font-size:1.3rem;letter-spacing:-.025em}.article-body p{margin:1.15rem 0}.article-body>p:first-child{padding:1rem 1.15rem;border-left:4px solid #1a9bd3;border-radius:0 12px 12px 0;background:#e7f6fc;color:#516075;font-size:.82rem;line-height:1.6}.article-body strong{color:#162036;font-weight:760}.article-body em{color:#5f6d80}.article-body a{color:#087fae;text-decoration:underline;text-underline-offset:3px}.article-body ul,.article-body ol{margin:1.2rem 0;padding-left:1.4rem}.article-body li{margin:.55rem 0;padding-left:.25rem}.article-body pre{margin:1.4rem 0;padding:1.1rem;border-radius:14px;background:#111827;color:#fff;overflow:auto}.article-body code{padding:.1rem .3rem;border-radius:4px;background:#e9ede7;font:.88em var(--font-mono)}.article-body pre code{padding:0;background:transparent;color:inherit}.article-body table{display:block;width:100%;margin:1.5rem 0;border-collapse:collapse;overflow-x:auto;font-size:.78rem}.article-body th{background:#e9ede7;color:#162036;font-weight:800}.article-body th,.article-body td{min-width:120px;padding:.75rem;border:1px solid #d3d9d0;text-align:left;vertical-align:top}.article-body blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:4px solid #b9f43b;background:#f0f5e8;color:#526072}.article-body hr{margin:3rem 0;border:0;border-top:1px solid var(--color-border)}.related-section{max-width:1120px;padding-top:6rem}.related-box{padding:1.5rem;border:1px solid var(--color-border);border-radius:24px;background:#ffffffbf}.related-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:1.2rem}.related-heading h2{font-size:1.8rem;letter-spacing:-.04em}.related-heading p{margin-top:.4rem;color:var(--color-text-dim);font-size:.8rem}.related-heading>a{color:#087fae;font-size:.78rem;font-weight:750}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.3rem}.related-grid>a{padding:1rem;border:1px solid var(--color-border);border-radius:14px;background:#fff}.related-grid strong,.related-grid span{display:block}.related-grid strong{font-size:.82rem;line-height:1.35}.related-grid span{margin-top:.5rem;color:var(--color-text-dim);font-size:.68rem;line-height:1.45}@media(max-width:850px){.article-shell{padding-top:3rem}.article-grid{grid-template-columns:1fr;gap:1rem}.article-rail{position:static;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.article-rail p,.article-rail a{margin-top:0}.related-grid{grid-template-columns:1fr}}@media(max-width:560px){.article-byline{align-items:flex-start;flex-wrap:wrap}.article-byline time{width:calc(100% - 3.4rem);margin-left:3.4rem}.article-grid{margin-top:2rem}.article-rail{display:block}.article-rail p,.article-rail a{margin-top:.6rem}.article-body{font-size:.95rem}.related-heading{align-items:flex-start;flex-direction:column}}