.article-page{min-height:100vh}.article-layout{max-width:var(--content-max-width);padding:var(--section-spacing) var(--page-padding);padding-left:var(--content-indent);padding-right:var(--content-indent);grid-template-columns:1fr 1fr;gap:4rem;margin:0 auto;display:grid}.article-aside{flex-direction:column;gap:2rem;display:flex}.article-meta{border-bottom:1px solid #0000001a;flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.article-date{font-size:var(--fs-body-sm);color:var(--color-text-secondary,#666);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.article-title{font-size:var(--fs-h1);color:var(--color-text-primary,#000);margin:0;font-weight:400;line-height:1.2}.article-tags{flex-wrap:wrap;gap:.5rem;display:flex}.article-tag{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-primary,#000);background:0 0;border:1px solid #00000026;border-radius:999px;align-items:center;padding:.375rem .75rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.article-tag:hover{border-color:var(--color-primary,#00a0e3);color:var(--color-primary,#00a0e3)}.article-content{flex-direction:column;gap:1.5rem;display:flex}.article-content p{font-size:var(--fs-body-lg);color:var(--color-text-primary,#000);margin:0;line-height:1.7}.article-content p:first-child{font-size:var(--fs-body-lg);color:var(--color-text-secondary,#444)}.article-image{aspect-ratio:3/4;border-radius:var(--border-radius);background:#0000000d;position:relative;overflow:hidden}.article-image img{object-fit:cover}.article-layout--landscape{grid-template-columns:minmax(0,720px);justify-content:center}.article-image--landscape{aspect-ratio:16/9;margin-bottom:.5rem}.article-image-placeholder{background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.article-image-placeholder svg{color:#0003;width:64px;height:64px}.article-back{font-size:var(--fs-body-sm);color:var(--color-text-secondary,#666);align-items:center;gap:.5rem;padding:.5rem 0;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.article-back:hover{color:var(--color-primary,#00a0e3)}.article-back svg{transition:transform .2s}.article-back:hover svg{transform:translate(-4px)}.article-related{border-top:1px solid #0000001a;margin-top:4rem;padding-top:4rem}@media (max-width:1024px){.article-layout{padding-left:var(--page-padding);padding-right:var(--page-padding);gap:3rem}}@media (max-width:768px){.article-layout{padding:var(--section-spacing-mobile) var(--page-padding-mobile);grid-template-columns:1fr;gap:2rem}.article-aside{order:1}.article-image{aspect-ratio:16/9;order:0}}
.mdx-h1{font-size:var(--fs-h1);color:var(--color-text-black);margin:1.75rem 0 .5rem;font-weight:400;line-height:1.2}.mdx-h2{font-size:var(--fs-h2);color:var(--color-text-black);margin:1.5rem 0 .4rem;font-weight:400;line-height:1.25}.mdx-h3{font-size:var(--fs-h3);color:var(--color-text-black);margin:1.25rem 0 .3rem;font-weight:500;line-height:1.3}.mdx-h4{font-size:var(--fs-h4);color:var(--color-text-black);margin:1rem 0 .25rem;font-weight:500;line-height:1.35}.article-content>.mdx-h1:first-child,.article-content>.mdx-h2:first-child,.article-content>.mdx-h3:first-child{margin-top:0}.mdx-p{font-size:var(--fs-body-lg);color:var(--color-text-black);margin:0 0 .85rem;line-height:1.7}.mdx-link{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline;transition:opacity .2s}.mdx-link:hover{opacity:.7}.mdx-ul,.mdx-ol{font-size:var(--fs-body-lg);color:var(--color-text-black);margin:0 0 .85rem;padding-left:1.5rem;line-height:1.7}.mdx-ul{list-style:outside}.mdx-ol{list-style:decimal}.mdx-li{margin-bottom:.25rem}.mdx-li::marker{color:var(--color-primary)}.mdx-blockquote{border-left:4px solid var(--color-primary);border-radius:0 var(--border-radius) var(--border-radius) 0;background:#2ba8e00d;margin:1.25rem 0;padding:1rem 1.25rem}.mdx-blockquote p{font-size:var(--fs-body-lg);color:var(--color-text-muted);margin:0;font-style:italic}.mdx-table-wrapper{border-radius:var(--border-radius);border:1px solid #0000001a;margin:1rem 0;overflow-x:auto}.mdx-table{border-collapse:collapse;width:100%;font-size:var(--fs-body)}.mdx-th{text-align:left;background:#00000008;border-bottom:2px solid #0000001a;padding:.6rem 1rem;font-weight:500}.mdx-td{border-bottom:1px solid #0000000f;padding:.6rem 1rem}.mdx-code{background:#0000000d;border-radius:3px;padding:.2em .4em;font-family:monospace;font-size:.9em}.mdx-pre{background:var(--color-dark-bg);color:var(--color-text-light);border-radius:var(--border-radius);font-size:var(--fs-body-sm);margin:1rem 0;padding:1rem;line-height:1.6;overflow-x:auto}.mdx-pre .mdx-code{color:inherit;background:0 0;border-radius:0;padding:0}.mdx-hr{border:none;border-top:1px solid #0000001a;margin:1.5rem 0}.mdx-figure{width:100%;margin:1.25rem auto}.mdx-figure--full{max-width:100%}.mdx-figure__image{border-radius:var(--border-radius);width:100%;height:auto}.mdx-figure__caption{font-size:var(--fs-body-sm);color:var(--color-text-muted);text-align:center;margin-top:.5rem}.mdx-figure--medium{max-width:75%}.mdx-figure--small{max-width:50%}@media (max-width:768px){.mdx-figure--medium,.mdx-figure--small{max-width:100%}}.mdx-img{border-radius:var(--border-radius);width:100%;height:auto;margin:1rem 0}.mdx-video{margin:1.25rem 0}.mdx-video__wrapper{border-radius:var(--border-radius);height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.mdx-video__iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.mdx-video__caption{font-size:var(--fs-body-sm);color:var(--color-text-muted);text-align:center;margin-top:.5rem}.mdx-callout{border-radius:var(--border-radius);border-left:4px solid;margin:1.25rem 0;padding:1rem 1.25rem}.mdx-callout--info{border-color:var(--color-primary);background:#2ba8e00f}.mdx-callout--warning{background:#f59e0b0f;border-color:#f59e0b}.mdx-callout--success{background:#10b9810f;border-color:#10b981}.mdx-callout--note{background:#8b5cf60f;border-color:#8b5cf6}.mdx-callout__title{font-size:var(--fs-body);margin-bottom:.35rem;font-weight:700;display:block}.mdx-callout__body{font-size:var(--fs-body);line-height:1.6}.mdx-callout__body p{margin:0}@media (max-width:768px){.mdx-h1{margin:1.5rem 0 .4rem}.mdx-h2{margin:1.25rem 0 .35rem}.mdx-h3{margin:1rem 0 .25rem}.mdx-p{margin:0 0 .75rem}.mdx-figure,.mdx-video{margin:1rem 0}.mdx-callout,.mdx-blockquote{margin:1rem 0;padding:.85rem 1rem}}