html[data-article-ready="true"] {
scroll-padding-top: 110px;
}
body.blog-editorial-page {
background: var(--editorial-bg) !important;
color: var(--editorial-ink) !important;
padding-top: 0 !important;
}
body.blog-editorial-page::before,
body.blog-editorial-page::after {
display: none !important;
}
body.blog-editorial-page .nav {
position: sticky !important;
top: 0 !important;
background: rgba(250, 249, 247, 0.82) !important;
border-bottom: 1px solid var(--editorial-line) !important;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
body.blog-editorial-page .nav-inner {
width: var(--editorial-shell) !important;
min-height: 82px;
}
body.blog-editorial-page .nav-logo,
body.blog-editorial-page .nav-link {
color: var(--editorial-ink-soft) !important;
}
body.blog-editorial-page .nav-link.is-active,
body.blog-editorial-page .nav-link:hover,
body.blog-editorial-page .nav-logo:hover,
body.blog-editorial-page .brand-word {
color: var(--editorial-ink) !important;
}
body.blog-editorial-page .btn-primary {
background: linear-gradient(135deg, #2c2218, #1a1a1a) !important;
color: #fff !important;
}
body.blog-editorial-page .mobile-menu {
background: #faf9f7 !important;
}
body.blog-editorial-page main {
max-width: none !important;
margin: 0 !important;
padding: 0 0 4rem !important;
min-height: auto !important;
}
body.blog-editorial-page footer {
width: var(--editorial-shell);
margin: 0 auto 2.8rem !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
body.blog-editorial-page .footer-content {
display: grid !important;
grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 0.55fr));
gap: 1.2rem;
padding: 2rem !important;
border: 1px solid var(--editorial-line);
border-radius: 34px;
background: rgba(255, 255, 255, 0.88) !important;
box-shadow: var(--editorial-shadow-soft);
}
body.blog-editorial-page .footer-brand,
body.blog-editorial-page .footer-content nav,
body.blog-editorial-page .footer-content > div {
min-width: 0;
}
body.blog-editorial-page .footer-tagline,
body.blog-editorial-page .footer-stats,
body.blog-editorial-page .footer-contact-item,
body.blog-editorial-page .footer-content a,
body.blog-editorial-page .footer-content span {
color: var(--editorial-ink-soft) !important;
}
body.blog-editorial-page .footer-col-title {
margin: 0 0 0.75rem;
font-family: var(--font-display);
font-size: 1rem;
letter-spacing: -0.04em;
color: var(--editorial-ink) !important;
}
body.blog-editorial-page .footer-content a {
display: block;
margin: 0.42rem 0;
text-decoration: none !important;
transition: color 200ms ease;
}
body.blog-editorial-page .footer-content a:hover {
color: var(--editorial-ink) !important;
}
body.blog-editorial-page .footer-copyright {
margin-top: 1rem;
color: var(--editorial-ink-soft) !important;
text-align: center;
}
body.blog-editorial-page .editorial-article-hero {
padding: 1.8rem 0 1.35rem;
}
body.blog-editorial-page .editorial-article-hero .editorial-shell {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
gap: 1.2rem;
align-items: start;
}
body.blog-editorial-page .breadcrumbs,
body.blog-editorial-page .article-header {
width: 100%;
margin-left: auto;
margin-right: auto;
}
body.blog-editorial-page .breadcrumbs {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
margin-bottom: 1rem;
color: var(--editorial-ink-soft) !important;
font-size: 0.82rem !important;
letter-spacing: 0.08em;
text-transform: uppercase;
}
body.blog-editorial-page .breadcrumbs a {
color: var(--editorial-ink-soft) !important;
text-decoration: none !important;
}
body.blog-editorial-page .breadcrumbs a:hover {
color: var(--editorial-ink) !important;
}
body.blog-editorial-page .article-header {
display: grid;
gap: 1rem;
padding: 1.65rem 1.7rem 1.55rem;
border: 1px solid var(--editorial-line);
border-radius: 34px;
background:
radial-gradient(circle at top right, rgba(176, 137, 104, 0.08), transparent 34%),
linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,249,247,0.9));
box-shadow: var(--editorial-shadow);
}
body.blog-editorial-page .article-header__eyebrow {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.7rem;
}
body.blog-editorial-page .article-header__eyebrow-copy {
color: var(--editorial-ink-soft);
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.02em;
}
body.blog-editorial-page .article-header h1 {
max-width: 12ch;
margin-bottom: 0 !important;
font-family: var(--font-display) !important;
font-size: clamp(2.65rem, 4.2vw, 4.15rem) !important;
line-height: 0.92 !important;
letter-spacing: -0.075em !important;
color: var(--editorial-ink) !important;
}
body.blog-editorial-page .article-standfirst {
max-width: 34rem;
margin: 0 !important;
font-family: var(--font-ui) !important;
font-size: clamp(1.02rem, 0.96rem + 0.24vw, 1.18rem) !important;
line-height: 1.65 !important;
color: var(--editorial-ink-soft) !important;
}
body.blog-editorial-page .article-meta {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
padding: 0 !important;
border: 0 !important;
color: var(--editorial-ink-soft) !important;
font-size: 0.95rem !important;
}
body.blog-editorial-page .article-meta--enhanced {
align-items: center;
}
body.blog-editorial-page .article-meta__author-chip {
display: inline-grid;
grid-template-columns: 44px 1fr;
gap: 0.7rem;
align-items: center;
padding: 0.45rem 0.55rem 0.45rem 0.45rem;
border-radius: 999px;
border: 1px solid rgba(26, 26, 26, 0.08);
background: rgba(255, 255, 255, 0.74);
text-decoration: none !important;
box-shadow: 0 10px 24px rgba(26, 26, 26, 0.06);
}
body.blog-editorial-page .article-meta__author-chip img {
width: 44px;
height: 44px;
border-radius: 50%;
object-fit: cover;
}
body.blog-editorial-page .article-meta__author-chip span {
display: grid;
gap: 0.08rem;
min-width: 0;
}
body.blog-editorial-page .article-meta__author-chip strong {
display: block;
color: var(--editorial-ink);
font-family: var(--font-ui);
font-size: 0.94rem;
line-height: 1.1;
}
body.blog-editorial-page .article-meta__author-chip small {
display: block;
color: var(--editorial-ink-soft);
font-size: 0.78rem;
line-height: 1.15;
}
body.blog-editorial-page .article-meta__chip {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 1rem;
border-radius: 999px;
border: 1px solid rgba(26, 26, 26, 0.08);
background: rgba(255, 255, 255, 0.68);
color: var(--editorial-ink-soft) !important;
font-weight: 700;
}
body.blog-editorial-page .editorial-article-figure {
display: grid;
align-content: start;
gap: 0;
align-self: start;
margin: 0;
overflow: hidden;
border: 1px solid var(--editorial-line);
border-radius: 34px;
background:
radial-gradient(circle at top left, rgba(176, 137, 104, 0.08), transparent 28%),
linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 249, 247, 0.84));
box-shadow: var(--editorial-shadow);
}
body.blog-editorial-page .editorial-article-figure img {
width: 100%;
height: clamp(320px, 34vw, 460px);
aspect-ratio: auto;
object-fit: cover;
object-position: center center;
}
body.blog-editorial-page .editorial-article-figure figcaption {
display: flex;
justify-content: space-between;
gap: 0.8rem;
padding: 1rem 1.15rem 1.05rem;
color: var(--editorial-ink-soft);
font-size: 0.82rem;
letter-spacing: 0.04em;
}
body.blog-editorial-page .editorial-article-figure__tag,
body.blog-editorial-page .editorial-article-figure__credit {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 0.85rem;
border-radius: 999px;
border: 1px solid rgba(26, 26, 26, 0.08);
background: rgba(255, 255, 255, 0.7);
}
body.blog-editorial-page .editorial-article-figure__tag {
color: var(--editorial-ink);
font-weight: 700;
}
body.blog-editorial-page .editorial-article-figure__credit {
color: var(--editorial-ink-soft);
}
body.blog-editorial-page .article-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 1.7rem;
padding-top: 1.8rem;
}
body.blog-editorial-page .article-content {
min-width: 0;
display: grid;
gap: 1.3rem;
}
body.blog-editorial-page .article-sidebar {
position: sticky;
top: 108px;
align-self: start;
display: grid;
gap: 1rem;
}
body.blog-editorial-page .article-panel {
padding: 1.35rem;
border: 1px solid var(--editorial-line);
border-radius: 16px;
background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(250,249,247,0.76));
box-shadow: var(--editorial-shadow-soft);
}
body.blog-editorial-page .article-panel__eyebrow {
display: inline-block;
margin-bottom: 0.7rem;
color: var(--editorial-accent);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
body.blog-editorial-page article {
margin: 0 !important;
padding: clamp(1.7rem, 4vw, 2.65rem);
border: 1px solid var(--editorial-line);
border-radius: 34px;
background:
radial-gradient(circle at top right, rgba(176, 137, 104, 0.06), transparent 28%),
linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,249,247,0.94));
box-shadow: var(--editorial-shadow);
color: var(--editorial-ink) !important;
}
body.blog-editorial-page article > * {
max-width: 68ch;
}
body.blog-editorial-page .article-cta,
body.blog-editorial-page .related-posts {
display: none !important;
}
body.blog-editorial-page article p {
margin: 0 0 1.4rem !important;
font-family: var(--font-body) !important;
font-size: clamp(1.08rem, 1.01rem + 0.2vw, 1.22rem) !important;
line-height: 1.78 !important;
color: var(--editorial-ink-soft) !important;
}
body.blog-editorial-page article p.article-lead {
max-width: 58ch;
font-size: clamp(1.3rem, 1.16rem + 0.45vw, 1.56rem) !important;
line-height: 1.6 !important;
color: var(--editorial-ink) !important;
}
body.blog-editorial-page article h2 {
max-width: 18ch;
margin: 3rem 0 1.2rem !important;
padding-top: 1.5rem;
border-top: 1px solid rgba(26, 26, 26, 0.08);
font-family: var(--font-display) !important;
font-size: clamp(2rem, 1.9rem + 0.65vw, 2.7rem) !important;
line-height: 0.96 !important;
letter-spacing: -0.03em !important;
color: var(--editorial-ink) !important;
}
body.blog-editorial-page article h3 {
margin: 2.2rem 0 0.85rem !important;
font-family: var(--font-display) !important;
font-size: clamp(1.38rem, 1.24rem + 0.28vw, 1.7rem) !important;
line-height: 1.05 !important;
letter-spacing: -0.02em !important;
color: var(--editorial-ink) !important;
}
body.blog-editorial-page article ul,
body.blog-editorial-page article ol {
margin: 1.25rem 0 1.55rem !important;
padding-left: 1.25rem !important;
}
body.blog-editorial-page article li {
margin-bottom: 0.72rem !important;
font-family: var(--font-body);
font-size: 1.14rem !important;
line-height: 1.72 !important;
color: var(--editorial-ink-soft) !important;
}
body.blog-editorial-page article strong {
color: var(--editorial-ink) !important;
}
body.blog-editorial-page article img {
display: block;
max-width: 100%;
height: auto;
border-radius: 14px;
border: 1px solid rgba(26, 26, 26, 0.06);
box-shadow: 0 2px 8px rgba(26, 26, 26, 0.04), 0 12px 32px rgba(26, 26, 26, 0.06);
}
body.blog-editorial-page article a {
color: var(--editorial-ink) !important;
text-decoration-color: rgba(176, 137, 104, 0.45) !important;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
transition: color 200ms ease, text-decoration-color 200ms ease;
}
body.blog-editorial-page article a:hover {
color: var(--editorial-accent) !important;
text-decoration-color: var(--editorial-accent) !important;
}
body.blog-editorial-page article code {
padding: 0.18rem 0.48rem;
border-radius: 6px;
border: 1px solid rgba(26, 26, 26, 0.06);
background: rgba(26, 26, 26, 0.04);
color: var(--editorial-ink);
font-size: 0.92em;
}
body.blog-editorial-page article pre {
max-width: none;
margin: 1.6rem 0 1.8rem !important;
padding: 1.4rem 1.5rem !important;
border: 1px solid var(--editorial-line);
border-radius: 14px;
background: linear-gradient(180deg, rgba(26, 26, 26, 0.03), rgba(26, 26, 26, 0.05)) !important;
box-shadow: inset 0 1px 3px rgba(26, 26, 26, 0.04);
overflow-x: auto;
}
body.blog-editorial-page article pre code {
padding: 0;
border: none;
border-radius: 0;
background: transparent;
font-size: 0.9rem;
line-height: 1.7;
}
body.blog-editorial-page article blockquote {
max-width: none;
margin: 1.8rem 0 2rem !important;
padding: 1.25rem 1.5rem !important;
border-left: 3px solid var(--editorial-accent);
border-radius: 0 12px 12px 0;
background: rgba(176, 137, 104, 0.06);
}
body.blog-editorial-page article blockquote p {
margin-bottom: 0 !important;
font-style: italic;
color: var(--editorial-ink) !important;
font-size: clamp(1.06rem, 1rem + 0.18vw, 1.18rem) !important;
line-height: 1.75 !important;
}
body.blog-editorial-page article .pricing-box,
body.blog-editorial-page article .flag-box {
max-width: none;
margin: 1.6rem 0 1.8rem !important;
padding: 1.35rem 1.4rem !important;
border: 1px solid var(--editorial-line) !important;
border-radius: 26px !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 249, 247, 0.8)) !important;
box-shadow: var(--editorial-shadow-soft) !important;
color: var(--editorial-ink) !important;
}
body.blog-editorial-page article .flag-box.good {
border-color: rgba(176, 137, 104, 0.34) !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(176, 137, 104, 0.1)) !important;
}
body.blog-editorial-page article .pricing-box h4,
body.blog-editorial-page article .flag-box h4 {
margin: 0 0 0.7rem !important;
font-family: var(--font-display) !important;
font-size: 1.15rem !important;
line-height: 1.05 !important;
letter-spacing: -0.04em !important;
color: var(--editorial-ink) !important;
}
body.blog-editorial-page article .flag-box p:last-child,
body.blog-editorial-page article .pricing-box p:last-child {
margin-bottom: 0 !important;
}
body.blog-editorial-page article .comparison-table {
min-width: 0 !important;
width: 100% !important;
overflow: hidden;
border: 1px solid var(--editorial-line) !important;
border-radius: 24px !important;
background: rgba(255, 255, 255, 0.95) !important;
box-shadow: var(--editorial-shadow-soft) !important;
}
body.blog-editorial-page article .comparison-table th {
background: rgba(245, 237, 228, 0.9) !important;
color: var(--editorial-ink) !important;
font-family: var(--font-display) !important;
font-size: 0.82rem !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
}
body.blog-editorial-page article .comparison-table th,
body.blog-editorial-page article .comparison-table td {
padding: 0.95rem 1rem !important;
border-color: var(--editorial-line) !important;
}
body.blog-editorial-page article .comparison-table td.category {
color: var(--editorial-ink) !important;
font-weight: 700 !important;
background: rgba(250, 249, 247, 0.92) !important;
}
body.blog-editorial-page article .comparison-table td.pro {
color: #0e6d63 !important;
font-weight: 700 !important;
}
body.blog-editorial-page article .comparison-table td.con {
color: #9b5c28 !important;
font-weight: 700 !important;
}
body.blog-editorial-page .table-scroll {
margin: 1.6rem 0;
overflow-x: auto;
border: 1px solid var(--editorial-line);
border-radius: 22px;
}
body.blog-editorial-page article table {
min-width: 620px;
width: 100%;
border-collapse: collapse;
background: rgba(255, 255, 255, 0.92);
}
body.blog-editorial-page article th,
body.blog-editorial-page article td {
padding: 0.9rem 1rem;
border-bottom: 1px solid var(--editorial-line);
text-align: left;
vertical-align: top;
}
body.blog-editorial-page article thead th {
color: var(--editorial-ink-soft);
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.76rem;
}
body.blog-editorial-page .article-author-card__top {
display: grid;
grid-template-columns: 64px 1fr;
gap: 0.85rem;
align-items: center;
}
body.blog-editorial-page .article-author-card__top img {
width: 64px;
height: 64px;
object-fit: cover;
border-radius: 50%;
box-shadow: 0 12px 24px rgba(26, 26, 26, 0.12);
}
body.blog-editorial-page .article-author-card__top a {
text-decoration: none !important;
}
body.blog-editorial-page .article-author-card__top strong {
display: block;
font-family: var(--font-display);
font-size: 1rem;
letter-spacing: -0.04em;
}
body.blog-editorial-page .article-author-card__top small {
display: block;
color: var(--editorial-ink-soft);
}
body.blog-editorial-page .article-share__links {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
}
body.blog-editorial-page .article-share__links a,
body.blog-editorial-page .article-share__links button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 12px;
border: 1px solid var(--editorial-line);
background: rgba(255, 255, 255, 0.96);
color: var(--editorial-ink);
font: inherit;
cursor: pointer;
transition: border-color 200ms ease, background 200ms ease, box-shadow 200ms ease;
}
body.blog-editorial-page .article-share__links a:hover,
body.blog-editorial-page .article-share__links button:hover {
border-color: rgba(176, 137, 104, 0.34);
background: rgba(176, 137, 104, 0.06);
box-shadow: 0 4px 12px rgba(26, 26, 26, 0.06);
}
body.blog-editorial-page a:focus-visible,
body.blog-editorial-page button:focus-visible {
outline: 3px solid rgba(176, 137, 104, 0.4);
outline-offset: 3px;
}
body.blog-editorial-page .article-toc-list {
list-style: none;
display: grid;
gap: 0.55rem;
margin: 0;
padding: 0;
}
body.blog-editorial-page .article-toc-link {
color: var(--editorial-ink-soft) !important;
text-decoration: none !important;
line-height: 1.4;
transition: color 200ms ease;
}
body.blog-editorial-page .article-toc-link.is-active {
color: var(--editorial-ink) !important;
font-weight: 700;
}
body.blog-editorial-page .article-toc-link:hover {
color: var(--editorial-ink) !important;
}
body.blog-editorial-page .article-compact-cta h3,
body.blog-editorial-page .article-inline-cta h3,
body.blog-editorial-page .article-related h3,
body.blog-editorial-page .article-author-bio h3 {
margin: 0 0 0.75rem;
font-family: var(--font-display);
font-size: clamp(1.45rem, 1.2rem + 0.35vw, 1.9rem);
line-height: 1;
letter-spacing: -0.05em;
color: var(--editorial-ink);
}
body.blog-editorial-page .article-inline-cta,
body.blog-editorial-page .article-author-bio,
body.blog-editorial-page .article-related {
padding: 1.35rem;
border: 1px solid var(--editorial-line);
border-radius: 30px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 249, 247, 0.76));
box-shadow: var(--editorial-shadow-soft);
}
body.blog-editorial-page .article-compact-cta {
background:
radial-gradient(circle at top right, rgba(176, 137, 104, 0.1), transparent 46%),
linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,249,247,0.86));
}
body.blog-editorial-page .article-inline-cta {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 85% 18%, rgba(176, 137, 104, 0.1), transparent 26%),
linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,249,247,0.88));
}
body.blog-editorial-page .article-cta__actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1rem;
}
body.blog-editorial-page .article-author-bio {
display: grid;
grid-template-columns: 180px 1fr;
gap: 1.2rem;
align-items: center;
}
body.blog-editorial-page .article-author-bio img {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 28px;
box-shadow: var(--editorial-shadow-soft);
}
body.blog-editorial-page .article-related__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.95rem;
margin-top: 1rem;
}
body.blog-editorial-page .article-related__card {
display: grid;
grid-template-rows: auto 1fr;
height: 100%;
overflow: hidden;
border-radius: 14px;
border: 1px solid var(--editorial-line);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 249, 247, 0.84));
box-shadow: var(--editorial-shadow-soft);
text-decoration: none !important;
transition: box-shadow 200ms ease, border-color 200ms ease;
}
body.blog-editorial-page .article-related__media {
overflow: hidden;
aspect-ratio: 16 / 10;
background: linear-gradient(180deg, rgba(245, 237, 228, 0.62), rgba(255, 255, 255, 0.9));
}
body.blog-editorial-page .article-related__card img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
body.blog-editorial-page .article-related__body {
display: grid;
align-content: start;
gap: 0.45rem;
padding: 0.95rem;
}
body.blog-editorial-page .article-related__card span {
display: block;
margin-bottom: 0.45rem;
color: var(--editorial-ink-soft);
font-size: 0.84rem;
}
body.blog-editorial-page .article-related__card strong {
display: block;
font-family: var(--font-display);
font-size: 1.22rem;
line-height: 1.02;
letter-spacing: -0.04em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.blog-editorial-page .article-related__card:hover {
border-color: rgba(176, 137, 104, 0.24);
box-shadow: var(--editorial-shadow-hover);
}
body.blog-editorial-page .editorial-button--dark,
body.blog-editorial-page .btn-primary,
body.blog-editorial-page .article-cta__actions .editorial-button--dark {
color: #fff !important;
}
body.blog-editorial-page .editorial-button--dark:hover,
body.blog-editorial-page .btn-primary:hover {
box-shadow: 0 22px 44px rgba(26, 26, 26, 0.22);
}
body.blog-editorial-page .editorial-reveal,
body.blog-editorial-page .article-panel,
body.blog-editorial-page .article-inline-cta,
body.blog-editorial-page .article-author-bio,
body.blog-editorial-page .article-related__card {
opacity: 0;
transform: translateY(24px);
transition: opacity 200ms ease, transform 200ms ease;
}
body.blog-editorial-page .is-visible {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1080px) {
body.blog-editorial-page .editorial-article-hero .editorial-shell,
body.blog-editorial-page .article-layout {
grid-template-columns: 1fr;
}
body.blog-editorial-page .editorial-article-figure img {
height: auto;
aspect-ratio: 16 / 9;
}
body.blog-editorial-page .article-sidebar {
position: static;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.blog-editorial-page .article-related__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.blog-editorial-page .footer-content {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
body.blog-editorial-page .article-header h1,
body.blog-editorial-page article h2 {
max-width: none;
}
body.blog-editorial-page .article-header {
padding: 1.3rem 1.2rem 1.25rem;
}
body.blog-editorial-page .article-meta--enhanced {
gap: 0.65rem;
}
body.blog-editorial-page .article-meta__author-chip {
width: 100%;
}
body.blog-editorial-page .article-meta__chip {
min-height: 40px;
padding: 0 0.85rem;
}
body.blog-editorial-page .editorial-article-figure figcaption {
flex-wrap: wrap;
}
body.blog-editorial-page .article-sidebar,
body.blog-editorial-page .article-author-bio,
body.blog-editorial-page .article-related__grid,
body.blog-editorial-page .footer-content {
grid-template-columns: 1fr;
}
}