.articles__header{max-width:var(--w-content);padding:var(--sp-3xl) var(--sp-xl) var(--sp-2xl);gap:var(--sp-3xl);grid-template-columns:1.8fr .6fr;align-items:center;margin:0 auto;display:grid}.articles__header-side{overflow:hidden}.articles__header-photo{aspect-ratio:3/4;object-fit:cover;object-position:center top;width:100%}.articles__title{font-size:var(--fs-h1);margin-bottom:var(--sp-md)}.articles__subtitle{font-size:var(--fs-body);color:var(--c-text-secondary);max-width:600px}.articles__layout{max-width:var(--w-content);padding:0 var(--sp-xl) var(--sp-3xl);gap:var(--sp-2xl);grid-template-columns:260px 1fr;align-items:start;margin:0 auto;display:grid}.articles__sidebar{position:sticky;top:88px}.articles__toc{border-left:1px solid var(--c-border-strong);flex-direction:column;display:flex}.articles__toc-link{text-align:left;width:100%;padding:var(--sp-xs) var(--sp-md);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--c-text-tertiary);border-left:2px solid #0000;margin-left:-1px;transition:color .15s,border-color .15s;display:block}.articles__toc-link:hover{color:var(--c-text)}.articles__toc-link--active{color:var(--c-brand);border-left-color:var(--c-brand);font-weight:var(--fw-semibold)}.articles__sidebar-cta{margin-top:var(--sp-xl);padding-top:var(--sp-xl);border-top:1px solid var(--c-border)}.articles__sidebar-cta p{font-size:var(--fs-body-sm);color:var(--c-text-secondary);margin-bottom:var(--sp-md);line-height:1.5}.articles__article{padding-bottom:var(--sp-2xl);margin-bottom:var(--sp-2xl);border-bottom:1px solid var(--c-border)}.articles__article:last-child{border-bottom:none;margin-bottom:0}.articles__article-title{font-size:var(--fs-h2);margin-bottom:var(--sp-lg)}.articles__article-body p{font-size:var(--fs-body);color:var(--c-text-secondary);margin-bottom:var(--sp-md);line-height:1.85}.articles__article-body p:last-child{margin-bottom:0}@media (width<=768px){.articles__header{gap:var(--sp-xl);padding:var(--sp-2xl) var(--sp-md) var(--sp-xl);grid-template-columns:1fr}.articles__title{font-size:2.25rem}.articles__layout{padding:0;display:block}.articles__sidebar{z-index:50;background:var(--c-bg);border-bottom:1px solid var(--c-border);position:sticky;top:72px;overflow:visible}.articles__sidebar-cta{display:none}.articles__toc{padding:var(--sp-sm) var(--sp-md);padding-right:var(--sp-xl);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-left:none;flex-flow:row;gap:0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0% 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 85%,#0000 100%)}.articles__toc::-webkit-scrollbar{display:none}.articles__toc li{flex:none}.articles__toc-link{width:auto;padding:var(--sp-xs) var(--sp-sm);font-size:var(--fs-caption);white-space:nowrap;color:var(--c-text-secondary);border-bottom:2px solid #0000;border-left:none;margin-left:0;display:block}.articles__toc-link--active{border-bottom-color:var(--c-brand);color:var(--c-brand);border-left-color:#0000}.articles__content{padding:var(--sp-xl) var(--sp-md) var(--sp-2xl)}.articles__article-title{font-size:var(--fs-h3)}}
