.mag-post{background:var(--background)}.mag-post__inner{gap:var(--space-4);max-width:var(--breakpoint-2xl);padding:var(--site-gutter);margin-inline:auto;display:grid}.mag-post__breadcrumb{margin-bottom:var(--space-4);color:var(--muted-text);flex-wrap:wrap;gap:.375rem;font-size:.8125rem;display:flex}.mag-post__breadcrumb a{color:var(--brand);text-decoration:none}.mag-post__title{margin:0 0 var(--space-4);color:var(--heading-text);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15}.mag-post__byline{margin-bottom:var(--space-5);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem 1rem;display:grid}.mag-post__meta{color:var(--muted-text);flex-wrap:wrap;grid-column:2;justify-self:center;gap:.75rem 1rem;font-size:.8125rem;display:flex}.mag-post__author{color:var(--heading-text);grid-column:1;justify-self:start;margin:0;font-size:.9375rem;font-weight:600}.mag-post-share{grid-column:3;justify-self:end;align-items:center;gap:.75rem;display:flex}.mag-post-share__btn{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.mag-post-share__msg{color:var(--muted-text);font-size:.75rem}.mag-post__hero{margin:0 0 var(--space-6);border-radius:5px;overflow:hidden}.mag-post__hero-img{width:100%;height:auto;display:block}.mag-post__content{color:var(--foreground);font-size:1.0625rem;line-height:1.75}.mag-post__content h2,.mag-post__content h3{color:var(--heading-text);margin-top:2rem;margin-bottom:.75rem;font-weight:700}.mag-post__tags{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border)}.mag-post__tags-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-text);margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:block}.mag-post__tags ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mag-post__tags a{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.mag-post__author-box{margin-top:var(--space-3);padding:var(--space-2);border:1px solid var(--border);border-radius:5px}.mag-post__author-box h2{margin:0 0 .25rem;font-size:1rem}.mag-post__author-box p{color:var(--muted-text);margin:0;font-size:.875rem}.mag-post__adjacent{margin-block:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--border);gap:.75rem;display:grid}.mag-post__adjacent-placeholder{display:none}.mag-post__adjacent-item{border:1px solid var(--border);background:var(--surface);min-width:0;color:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:.875rem;padding:.875rem 1rem;text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.mag-post__adjacent-item:before{content:"";background:var(--brand);width:3px;transition:transform .2s;position:absolute;inset-block:0;inset-inline-start:0;transform:scaleY(0)}.mag-post__adjacent-item--next:before{inset-inline:auto 0}.mag-post__adjacent-item:hover,.mag-post__adjacent-item:focus-visible{border-color:color-mix(in oklch, var(--brand) 45%, var(--border));background:var(--brand-soft);box-shadow:0 8px 20px -12px color-mix(in oklch, var(--brand) 60%, transparent);transform:translateY(-2px)}.mag-post__adjacent-item:hover:before,.mag-post__adjacent-item:focus-visible:before{transform:scaleY(1)}.mag-post__adjacent-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.mag-post__adjacent-icon{background:var(--brand-soft);width:2.5rem;height:2.5rem;color:var(--brand);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.mag-post__adjacent-icon svg{width:1.125rem;height:1.125rem}.mag-post__adjacent-item:hover .mag-post__adjacent-icon,.mag-post__adjacent-item:focus-visible .mag-post__adjacent-icon{background:var(--brand);color:var(--brand-foreground)}.mag-post__adjacent-item--prev:hover .mag-post__adjacent-icon{transform:translate(-3px)}.mag-post__adjacent-item--next:hover .mag-post__adjacent-icon{transform:translate(3px)}.mag-post__adjacent-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.mag-post__adjacent-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text);font-size:.6875rem;font-weight:700;transition:color .2s}.mag-post__adjacent-item:hover .mag-post__adjacent-label{color:var(--brand)}.mag-post__adjacent-title{color:var(--heading-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.mag-post__adjacent-item--next{text-align:right}@media (max-width:30rem){.mag-post__adjacent-item{gap:.75rem;padding:.75rem .875rem}.mag-post__adjacent-icon{width:2.125rem;height:2.125rem}.mag-post__adjacent-title{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.mag-post__adjacent-item,.mag-post__adjacent-item:before,.mag-post__adjacent-icon{transition:none}.mag-post__adjacent-item:hover,.mag-post__adjacent-item:hover .mag-post__adjacent-icon{transform:none}}.mag-post__sidebar{gap:var(--space-6);align-content:start;display:grid}@media (min-width:64rem){.mag-post__inner{grid-template-columns:1fr 18rem;align-items:start}}@media (min-width:40rem){.mag-post__adjacent{gap:var(--space-4);grid-template-columns:1fr 1fr}.mag-post__adjacent-placeholder{display:block}}@media (max-width:63.99rem){.mag-post__sidebar{order:2}}@media (max-width:30rem){.mag-post__byline{grid-template-columns:1fr}.mag-post__author,.mag-post__meta,.mag-post-share{grid-column:1;justify-self:start}}