.blog-single{padding-block:clamp(2rem,5vw,4rem) clamp(4rem,8vw,6rem)}.blog-single__layout{display:flex;flex-direction:column;align-items:center}.blog-single__hero{width:min(100%,64rem)}.blog-single__hero-image{display:block;width:100%;height:auto;border-radius:var(--ig-radius-md)}.blog-single__article{position:relative;z-index:1;width:min(100%,51.25rem);margin-top:clamp(-2rem,-3vw,-1rem);padding:clamp(1.5rem,4vw,3.25rem);border-radius:var(--ig-radius-md);background:var(--ig-color-surface);box-shadow:var(--ig-shadow-sm)}.blog-single__header{padding-bottom:clamp(1.5rem,3vw,2.25rem);border-bottom:1px solid var(--ig-color-border-soft)}.blog-single__badge{display:inline-flex;padding:.3rem .7rem;border-radius:var(--ig-radius-sm);background:#fdeaec;color:var(--ig-color-primary);font-size:.75rem;font-weight:800}.blog-single__header h1{margin:.9rem 0 .7rem;font-size:clamp(2rem,4.5vw,3rem);text-transform:uppercase}.blog-single__header time,.blog-single__related-card time{color:#7a8494;font-size:.8125rem}.blog-single__content{padding-top:clamp(1.5rem,3vw,2.5rem);color:#3c434e;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}.blog-single__content>:first-child{margin-top:0}.blog-single__content>:last-child{margin-bottom:0}.blog-single__content h2{margin:2.25rem 0 .8rem;font-size:clamp(1.625rem,3vw,1.875rem);text-transform:uppercase}.blog-single__content h3{margin:1.75rem 0 .65rem;font-size:clamp(1.25rem,2.5vw,1.5rem)}.blog-single__content p{margin:0 0 1rem}.blog-single__content ul,.blog-single__content ol{padding-left:1.35rem;margin:0 0 1.25rem}.blog-single__content li+li{margin-top:.4rem}.blog-single__content a{color:var(--ig-color-primary)}.blog-single__content a:hover,.blog-single__content a:focus-visible{color:var(--ig-color-primary-hover)}.blog-single__content img{display:block;max-width:100%;height:auto;margin-inline:auto}.blog-single__content figure{max-width:100%;margin:1.5rem 0}.blog-single__content table{display:block;max-width:100%;margin:1.5rem 0;overflow-x:auto;border-collapse:collapse}.blog-single__content th,.blog-single__content td{padding:.65rem .75rem;border:1px solid var(--ig-color-border-soft);text-align:left}.blog-single__content blockquote{margin:1.5rem 0;padding:.75rem 1rem;border-left:3px solid var(--ig-color-primary);background:#fafafa;color:var(--ig-color-muted)}.blog-single__footer{margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.5rem;border-top:1px solid var(--ig-color-border-soft)}.blog-single__post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.blog-single__post-nav-item{min-width:0}.blog-single__post-nav-item--next{text-align:right}.blog-single__post-nav-item span{display:block;margin-bottom:.35rem;color:#7a8494;font-size:.75rem;font-weight:700;text-transform:uppercase}.blog-single__post-nav-item a,.blog-single__back{color:var(--ig-color-primary);font-weight:700;text-decoration:none}.blog-single__post-nav-item a{display:block;overflow-wrap:anywhere}.blog-single__back{display:inline-block;margin-top:1.75rem;font-size:.875rem}.blog-single__related{width:min(100%,64rem);margin-top:clamp(3rem,7vw,5.5rem)}.blog-single__related h2{margin:0 0 1.25rem;font-size:clamp(1.75rem,3.5vw,2.375rem);text-transform:uppercase}.blog-single__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.blog-single__related-card{overflow:hidden;border:var(--ig-border);border-radius:var(--ig-radius-md);background:var(--ig-color-surface);transition:border-color var(--ig-transition),transform var(--ig-transition)}.blog-single__related-card:hover,.blog-single__related-card:focus-within{border-color:var(--ig-color-primary);transform:translateY(-2px)}.blog-single__related-image{display:block;aspect-ratio:16 / 9;background:#e9edf2}.blog-single__related-image img{display:block;width:100%;height:100%;object-fit:cover}.blog-single__related-body{padding:1rem}.blog-single__related-body h3{margin:.45rem 0 0;font-family:var(--ig-font-display);font-size:1.1rem;line-height:1.25}.blog-single__related-body h3 a{color:var(--ig-color-ink);text-decoration:none}.blog-single__related-body h3 a:hover,.blog-single__related-body h3 a:focus-visible{color:var(--ig-color-primary)}@media (max-width: 46rem){.blog-single__article{margin-top:0;padding:1.25rem}.blog-single__post-nav{grid-template-columns:1fr;gap:1rem}.blog-single__post-nav-item--next{text-align:left}.blog-single__related-grid{grid-template-columns:1fr}}
