.soa__hero{margin-bottom:40px}.soa__hero-media{position:relative;aspect-ratio:16 / 6;overflow:hidden;margin-bottom:32px;background:var(--color-background-secondary, #f0f0f0);border-radius:var(--hero-radius, 0px)}.soa__hero-media--landscape{aspect-ratio:16 / 9}.soa__hero-media--square{aspect-ratio:1 / 1}.soa__hero-media--portrait{aspect-ratio:4 / 5}.soa__hero-media--auto{aspect-ratio:auto;height:auto}.soa__hero-media--contained{max-width:var(--page-width, 1440px);margin-left:auto;margin-right:auto}.soa__hero-img{width:100%;height:100%;object-fit:var(--hero-fit, cover);display:block}.soa__hero-media--auto .soa__hero-img{height:auto;object-fit:fill}.soa__hero--contained .soa__hero-media{border-radius:10px;max-width:var(--page-width, 1440px);margin-left:auto;margin-right:auto}.soa__hero-img{width:100%;height:100%;object-fit:cover;display:block}.soa__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.soa__hero-content{padding-top:28px}.soa__breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px;color:var(--color-text-tertiary, #999)}.soa__breadcrumb a{color:inherit;text-decoration:none;transition:color .15s}.soa__breadcrumb a:hover{color:var(--color-text-primary, #1a1a1a)}.soa__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.soa__tag{display:inline-block;padding:4px 12px;border-radius:40px;border:1px solid rgba(4,46,126,.3);color:#042e7e;text-decoration:none;font-weight:600;text-transform:capitalize;transition:background .15s,color .15s}.soa__tag:hover{background:#042e7e;color:#fff}.soa__title{margin:0 0 16px}.soa__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--color-text-tertiary, #999)}.soa__meta-sep{opacity:.5}.soa__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}.soa__layout--sidebar{grid-template-columns:minmax(0,1fr) 280px}.soa__main{min-width:0}.soa__content{max-width:72ch;line-height:1.8}.soa__layout--sidebar .soa__content{max-width:none}.soa__content h2,.soa__content h3,.soa__content h4{margin:36px 0 14px;font-family:var(--font-heading-family, var(--font-body-family));font-weight:var(--font-heading-weight, 700);color:var(--color-text-primary, #1a1a1a);text-transform:none;letter-spacing:-.01em}.soa__content h2:first-child,.soa__content h3:first-child{margin-top:0}.soa__content p{margin:0 0 18px}.soa__content p:last-child{margin-bottom:0}.soa__content img{max-width:100%;height:auto;border-radius:8px;display:block;margin:24px 0}.soa__content ul,.soa__content ol{margin:0 0 18px 22px;display:flex;flex-direction:column;gap:8px}.soa__content li{line-height:1.7}.soa__content blockquote{border-left:3px solid #042e7e;margin:28px 0;padding:14px 20px;background:#042e7e0a;border-radius:0 8px 8px 0;font-style:italic;color:var(--color-text-secondary, #555)}.soa__content a{color:#042e7e;text-decoration:underline;text-underline-offset:2px}.soa__content a:hover{text-decoration-thickness:2px}.soa__author-wrap{margin-top:40px;padding-top:32px;border-top:1px solid var(--color-border-tertiary, #e5e5e5)}.soa__author{display:flex;align-items:center;gap:16px}.soa__author-img-wrap{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-background-secondary, #f0f0f0)}.soa__author-img{width:100%;height:100%;object-fit:cover;display:block}.soa__author-info{display:flex;flex-direction:column;gap:3px}.soa__author-name{margin:0;font-weight:700;color:var(--color-text-primary, #1a1a1a)}.soa__author-title{margin:0;color:var(--color-text-tertiary, #999)}.soa__tags-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border-tertiary, #e5e5e5)}.soa__nav{display:flex;align-items:stretch;gap:2px;margin-top:40px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border-tertiary, #e5e5e5)}.soa__nav-link{display:flex;align-items:center;gap:6px;padding:12px 16px;color:var(--color-text-primary, #1a1a1a);text-decoration:none;font-weight:600;font-size:.82em;background:var(--color-background-secondary, #f7f8fc);transition:background .15s,color .15s;flex:1;min-width:0}.soa__nav-link--prev{justify-content:flex-start;border-right:1px solid var(--color-border-tertiary, #e5e5e5)}.soa__nav-link--next{justify-content:flex-end;border-left:1px solid var(--color-border-tertiary, #e5e5e5)}.soa__nav-link--all{justify-content:center;flex:0 0 auto;padding:12px 20px}.soa__nav-link:hover{background:#042e7e0f;color:#042e7e}.soa__nav-link svg{width:14px;height:14px;flex-shrink:0}.soa__nav-link--prev span,.soa__nav-link--next span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soa__sidebar{display:flex;flex-direction:column;gap:32px}.soa__sidebar-block{padding:20px;background:var(--color-background-secondary, #f7f8fc);border-radius:8px;border:1px solid var(--color-border-tertiary, #e5e5e5)}.soa__sidebar-label{margin:0 0 14px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary, #999);font-weight:700}.soa__sidebar-author-img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;margin-bottom:10px}.soa__sidebar-author-name{margin:0 0 3px;font-weight:700;color:var(--color-text-primary, #1a1a1a)}.soa__sidebar-author-title{margin:0;color:var(--color-text-tertiary, #999)}.soa__related-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:10px 0;border-bottom:1px solid var(--color-border-tertiary, #e5e5e5);transition:color .15s}.soa__related-item:last-child{border-bottom:none;padding-bottom:0}.soa__related-item:first-of-type{padding-top:0}.soa__related-item:hover{color:#042e7e}.soa__related-img{width:56px;height:56px;object-fit:cover;border-radius:6px;flex-shrink:0;display:block}.soa__related-title{flex:1;line-height:1.4;font-weight:500}@media(max-width:989px){.soa__layout--sidebar{grid-template-columns:1fr}.soa__sidebar{display:none}.soa__hero-media{aspect-ratio:16 / 7}}@media(max-width:749px){.soa__hero-media{aspect-ratio:16 / 9}.soa__title{font-size:clamp(1.4rem,5vw,2.2rem)}.soa__nav{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.soa__tag,.soa__nav-link,.soa__related-item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/so-article.css.map */