.article-page {
display: block; padding-bottom: 76px;
}

.article-page:has(.topic-band--related) {
padding-bottom: 0;
}

.article-page .editorial-promo {
margin-bottom: 32px;
}

.article-layout {
overflow: hidden;
}

.article-hero {
position: relative; z-index: 1; width: min(var(--page-width), calc(100% - 48px)); margin: 0 auto;
}

.article-hero__media {
aspect-ratio: 16 / 9; overflow: hidden; border: 3px solid var(--card-white); border-radius: 28px;
}

.article-hero__media img {
width: 100%; height: 100%; object-fit: cover;
}

.article-hero figcaption {
width: min(990px, calc(100% - 48px)); margin: 0 auto; padding: 12px 112px 16px; background: var(--card-white); color: var(--article-caption-color); font-family: var(--article-caption-font); font-size: var(--article-caption-size); font-style: italic; font-weight: var(--article-caption-weight);
}

.article-hero figcaption span {
display: block; width: min(680px, 100%); margin: 0 auto; text-align: left;
}

.article-intro {
position: relative; z-index: 2; width: min(990px, calc(100% - 48px)); margin: 0 auto; border-radius: 28px 28px 0 0; padding: 38px 112px var(--article-hero-gap); background: var(--card-white);
}

.article-intro > .inputmag-tag-pill {
margin-bottom: 16px;
}

.article-intro h1 {
max-width: 690px; margin: 0; color: var(--article-title-color); font-family: var(--article-title-font); font-size: var(--article-title-size); font-weight: var(--article-title-weight); letter-spacing: -.045em; line-height: .93;
}

.article-intro__lead {
max-width: 710px; margin: 30px 0 0; color: var(--article-lead-color); font-family: var(--article-lead-font); font-size: var(--article-lead-size); font-weight: var(--article-lead-weight); letter-spacing: -.035em; line-height: 1.22;
}

.article-byline {
display: flex; align-items: center; gap: 10px; color: var(--article-byline-color); font-family: var(--article-byline-font); font-size: var(--article-byline-size); font-weight: var(--article-byline-weight); line-height: 1.22;
}

.article-byline strong {
color: var(--ink); font-size: 12px; letter-spacing: .04em;
}

.article-byline .date-icon {
width: 12px; height: 12px;
}

.article-byline .article-byline__pencil {
width: 12px; height: 12px; margin-right: 3px; vertical-align: -2px; color: var(--grey);
}

.article-byline__avatar {
display: block; width: 42px; height: 42px; flex: 0 0 auto; overflow: hidden; border-radius: 50%;
}

.article-byline__avatar img {
width: 100%; height: 100%; object-fit: cover;
}

.article-byline__name {
font-weight: 600;
}

.article-byline__name:hover, .article-byline__name:focus-visible {
color: var(--elbiler);
}

.article-byline--below-hero {
width: min(990px, calc(100% - 48px)); margin: 0 auto clamp(-32px, -2.3vw, -20px); padding: var(--article-hero-gap) 112px 30px; background: var(--card-white);
}

.article-content-card {
width: min(990px, calc(100% - 48px)); margin: 0 auto; background: var(--card-white);
}

.article-content-card--opening {
margin-top: 0; border-radius: 0 0 28px 28px; padding: 2lh 112px 21px;
}

.article-content-card--standard {
border-radius: 28px 28px 0 0; padding: 60px 112px 38px;
}

.article-content-card--closing {
border-radius: 0 0 28px 28px; padding: 42px 112px 25px;
}

.article-content-card--after-ad {
border-radius: 28px; padding: 32px 112px 42px;
}

.article-content {
max-width: 680px; margin: 0 auto; color: var(--article-body-color); font-family: var(--article-body-font); font-size: var(--article-body-size); font-weight: var(--article-body-weight); line-height: 1.28;
}

.article-content p {
margin: 0;
}

.article-content p + p {
margin-top: 25px;
}

.article-content-card--opening .article-content p:first-child::first-letter {
float: left; margin: 4px 8px 0 0; color: var(--ink); font-family: var(--display); font-size: 74px; font-weight: 600; line-height: .7;
}

.article-content h2 {
margin: 0 0 20px; color: var(--article-subhead-color); font-family: var(--article-subhead-font); font-size: var(--article-subhead-size); font-weight: var(--article-subhead-weight); letter-spacing: -.025em; line-height: 1; text-transform: uppercase;
}

.article-content p + h2 {
margin-top: 2lh;
}

.article-content-card__continuation {
margin: 34px 0 0; color: var(--grey); font-family: var(--display); font-size: 10px; font-style: italic; font-weight: 400; text-align: center; text-transform: uppercase;
}

.input-pass-page {
padding-top: 40px;
}

.input-pass-intro {
padding-bottom: 38px;
}

.input-pass-card {
padding-top: 44px;
}

.input-pass-page .article-content-card--opening .article-content > p:first-child::first-letter {
float: none; margin: 0; color: inherit; font: inherit;
}

.input-pass-page .article-content h2 {
color: var(--accent);
}

.input-pass-benefits {
display: grid; gap: 12px; margin: 20px 0 32px; padding: 0; list-style: none;
}

.input-pass-benefits li {
display: grid; gap: 4px; border: 1px solid rgb(181 177 168 / 72%); border-radius: 18px; padding: 16px 18px; background: var(--paper);
}

.input-pass-benefits strong {
color: var(--ink); font-family: var(--display); font-size: 20px; font-weight: 600; line-height: 1;
}

.input-pass-benefits span {
color: var(--article-body-color); font-size: .86em; line-height: 1.3;
}

.input-pass-plans {
margin-top: 2lh;
}

.input-pass-plans > h2 {
margin-bottom: 20px;
}

.input-pass-plans__grid {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
}

.input-pass-plan {
display: flex; flex-direction: column; border: 2px solid rgb(181 177 168 / 82%); border-radius: 24px; padding: 24px; background: var(--paper);
}

.input-pass-plan--annual {
border-color: var(--accent); box-shadow: 0 12px 24px rgb(28 27 25 / 8%);
}

.input-pass-plan h3 {
margin: 0; color: var(--ink); font-family: var(--display); font-size: 28px; font-weight: 600; letter-spacing: -.03em; line-height: .95; text-transform: none;
}

.input-pass-plan__type {
margin: 11px 0 18px !important; color: var(--accent); font-family: var(--display); font-size: 16px; font-weight: 600; line-height: 1; text-transform: uppercase;
}

.input-pass-plan__price {
margin: 28px 0 18px !important; color: var(--ink); font-family: var(--display); font-size: 48px; font-weight: 600; letter-spacing: -.05em; line-height: .82;
}

.input-pass-plan__price span {
display: block; margin-top: 7px; font-size: 16px; letter-spacing: 0; line-height: 1;
}

.input-pass-plan__button {
width: 100%; border: 0; border-radius: 999px; padding: 14px 16px; background: var(--ink); color: var(--paper); font: 600 17px/1 var(--display);
}

.input-pass-plan__button:disabled {
cursor: not-allowed; opacity: .82;
}

.input-pass-plan__features {
display: grid; gap: 10px; margin: 24px 0 0; padding: 22px 0 0; border-top: 1px solid rgb(181 177 168 / 72%); list-style: none;
}

.input-pass-plan__features li {
position: relative; padding-left: 23px; font-family: var(--intro); font-size: 15px; font-weight: 500; line-height: 1.22;
}

.input-pass-plan__features li::before {
position: absolute; top: 0; left: 0; color: var(--accent); content: "✓"; font-family: var(--display); font-size: 18px; font-weight: 700; line-height: .9;
}

.input-pass-terms {
margin-top: 22px !important; color: var(--grey); font-family: var(--intro); font-size: 14px; font-weight: 500; line-height: 1.35;
}

.input-pass-terms strong {
color: var(--ink); font-weight: 600;
}

.article-ad-break {
width: 100vw; margin: 0 calc(50% - 50vw); padding: 16px 0; background: var(--paper);
}

.article-ad-break__slot {
position: relative; display: grid; width: 100vw; min-height: var(--inputmag-ad-height-desktop, 380px); margin: 0 auto; place-items: center; border: 0; background: transparent; color: var(--grey); font-size: 16px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase;
}

.article-ad-break__label {
position: absolute; top: 14px; left: max(24px, calc((100vw - var(--page-width)) / 2)); color: var(--grey); font-size: 10px; letter-spacing: .08em;
}

.banner-section--article-before-related {
padding: 32px 0;
}

.banner-section__article-inner {
width: min(990px, calc(100% - 48px)); margin: 0 auto;
}

.article-feature-image {
width: 100%; margin: 0; background: var(--paper);
}

.article-feature-image__media {
width: min(1180px, calc(100% - 48px)); aspect-ratio: 16 / 9; margin: 0 auto; overflow: hidden; border: 3px solid var(--card-white); border-radius: 28px;
}

.article-feature-image__media img {
width: 100%; height: 100%; object-fit: cover;
}

.article-feature-image figcaption {
width: min(990px, calc(100% - 48px)); margin: 0 auto; padding: 12px 112px 27px; background: var(--card-white); color: var(--article-caption-color); font-family: var(--article-caption-font); font-size: var(--article-caption-size); font-style: italic; font-weight: var(--article-caption-weight);
}

.article-video {
position: relative; left: 50%; width: min(1180px, calc(100vw - 48px)); margin: 38px 0; transform: translateX(-50%);
}

.article-video__frame {
position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 28px; background: var(--ink);
}

.article-video iframe {
position: absolute; width: 100%; height: 100%; border: 0; inset: 0;
}

.article-end-card {
position: relative; width: 100%; margin-top: calc(var(--article-body-size) * 2.56); overflow: visible; border: 2px solid #b5b1a8; border-radius: 20px; background: var(--card-white);
}

.article-end-card__content {
display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 16px; padding: 18px;
}

.article-end-card__actions {
display: grid; justify-items: center; gap: 7px;
}

.article-end-card__copy {
max-width: 700px; color: var(--article-body-color); font-family: var(--article-body-font); font-size: calc(var(--article-body-size) - 4px); font-weight: var(--article-body-weight); line-height: 1.28;
}

.article-end-card__copy p {
margin: 0;
}

.article-end-card__copy strong {
font-weight: 700;
}

.article-reactions {
position: relative; display: flex; align-items: center; gap: 9px;
}

.article-reactions button {
display: grid; width: clamp(25px, 3vw, 37px); height: clamp(25px, 3vw, 37px); place-items: center; border: 0; padding: 0; background: transparent; cursor: pointer; transition: transform 160ms ease, filter 160ms ease;
}

.article-reactions__vote svg {
width: 100%; height: 100%;
}

.article-reactions button:hover, .article-reactions button:focus-visible {
filter: brightness(.92); transform: translateY(-3px);
}

.article-reactions button[aria-pressed="true"] {
filter: brightness(.9); transform: translateY(-2px) scale(1.04);
}

.article-reactions button:disabled {
cursor: default; opacity: .62;
}

.article-reactions__thanks {
position: absolute; z-index: 3; bottom: calc(100% + 8px); left: 50%; width: max-content; max-width: min(240px, calc(100vw - 64px)); padding: 7px 9px; border-radius: 5px; background: var(--ink); color: var(--paper); font-family: var(--intro); font-size: 12px; font-weight: 400; line-height: 1; opacity: 0; pointer-events: none; text-align: center; transform: translate(-50%, 4px); transition: opacity 220ms ease, transform 220ms ease;
}

.article-reactions__thanks::after {
position: absolute; top: 100%; left: 50%; border: 5px solid transparent; border-top-color: var(--ink); content: ""; transform: translateX(-50%);
}

.article-reactions__thanks.is-visible {
opacity: 1; transform: translate(-50%, 0);
}

.article-end-card__barometer .article-barometer {
position: relative; top: auto; left: auto; display: block; width: clamp(25px, 3vw, 37px); height: clamp(25px, 3vw, 37px); filter: drop-shadow(0 2px 4px rgb(28 27 25 / 12%));
}

.inputmag-icon-sprite {
position: absolute; width: 0; height: 0; overflow: hidden;
}

.article-related {
padding: 0 36px 42px;
}

.article-related > h2 {
margin: 0 0 17px; font-size: 24px; font-weight: 600; letter-spacing: -.025em; line-height: 1;
}

.article-related__grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}

.article-related .news-card {
border-radius: 17px;
}

.article-related .news-card__media {
border-radius: 15px;
}

.article-related .news-card__body {
padding: 12px 13px 15px;
}

.article-related .news-card__meta {
margin-bottom: 9px; font-size: 10px;
}

.article-related .news-card h3 {
margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -.02em; line-height: 1.02;
}

@media (max-width: 880px) {
.article-page {
padding-bottom: 48px;
}

.article-hero {
width: calc(100% - 32px);
}

.article-hero figcaption {
width: calc(100% - 32px); padding-right: 48px; padding-left: 48px;
}

.article-intro, .article-content-card, .article-byline--below-hero {
width: calc(100% - 32px);
}

.article-intro {
padding: 36px 48px var(--article-hero-gap);
}

.article-byline--below-hero {
padding-right: 48px; padding-left: 48px;
}

.article-content-card--opening, .article-content-card--standard, .article-content-card--closing, .article-content-card--after-ad {
padding-right: 48px; padding-left: 48px;
}

.article-content-card--standard {
padding-top: 48px;
}

.article-content-card--after-ad {
padding-top: 32px;
}

.input-pass-page {
padding-top: 28px;
}

.input-pass-card {
padding-top: 38px;
}

.article-feature-image__media {
width: calc(100% - 32px);
}

.article-feature-image figcaption {
width: calc(100% - 32px); padding-right: 48px; padding-left: 48px;
}

.article-video {
width: calc(100vw - 32px);
}

.article-ad-break {
padding: 11px 0;
}

.banner-section--article-before-related {
padding: 24px 0;
}

.banner-section__article-inner {
width: calc(100% - 32px);
}

.article-ad-break__slot {
min-height: var(--inputmag-ad-height-tablet, 300px);
}
}

@media (max-width: 620px) {
.article-page .editorial-promo {
margin-bottom: 22px;
}

.article-hero {
width: calc(100% - 16px);
}

.article-hero__media {
border-width: 2px; border-radius: 18px;
}

.article-hero figcaption {
width: calc(100% - 16px); padding: 10px 23px 14px;
}

.article-intro, .article-content-card, .article-byline--below-hero {
width: calc(100% - 16px);
}

.article-intro {
border-radius: 20px 20px 0 0; padding: 30px 23px var(--article-hero-gap);
}

.article-byline--below-hero {
padding: var(--article-hero-gap) 23px 26px;
}

.article-intro > .inputmag-tag-pill {
margin-bottom: 18px;
}

.article-intro__lead {
margin: 22px 0 0;
}

.article-content-card--opening {
border-radius: 0 0 20px 20px; padding: 2lh 23px 8px;
}

.article-content-card--standard {
border-radius: 20px 20px 0 0; padding: 37px 23px 26px;
}

.article-content-card--closing {
border-radius: 0 0 20px 20px; padding: 32px 23px 12px;
}

.article-content-card--after-ad {
border-radius: 20px; padding: 28px 23px 32px;
}

.input-pass-page {
padding-top: 20px;
}

.input-pass-intro {
padding-bottom: 30px;
}

.input-pass-card {
padding-top: 30px;
}

.input-pass-benefits li {
border-radius: 16px; padding: 15px 16px;
}

.input-pass-plans__grid {
grid-template-columns: 1fr;
}

.input-pass-plan {
border-radius: 20px; padding: 21px;
}

.input-pass-plan h3 {
font-size: 27px;
}

.input-pass-plan__price {
font-size: 44px;
}

.article-content {
line-height: 1.34;
}

.article-content p + p {
margin-top: 21px;
}

.article-ad-break {
padding: 8px 0;
}

.banner-section--article-before-related {
padding: 18px 0;
}

.banner-section__article-inner {
width: calc(100% - 16px);
}

.article-ad-break__slot {
min-height: var(--inputmag-ad-height-mobile, 220px); font-size: 12px;
}

.article-ad-break__label {
top: 10px; left: 16px;
}

.article-feature-image__media {
width: calc(100% - 16px); border-width: 2px; border-radius: 20px;
}

.article-feature-image figcaption {
width: calc(100% - 16px); padding: 10px 23px 20px;
}

.article-video {
width: calc(100vw - 16px); margin: 28px 0;
}

.article-video__frame {
border-radius: 20px;
}

.article-end-card {
border-radius: 16px;
}

.article-end-card__content {
gap: 13px; padding: 15px;
}

.article-related {
padding: 0 23px 30px;
}

.article-related__grid {
grid-template-columns: 1fr;
}
}

.inputmag-ad-slot--article {
width: 100vw; min-height: var(--inputmag-ad-height-desktop, 380px); margin: 36px calc(50% - 50vw); border-right: 0; border-left: 0;
}

.article-content .inputmag-ad-slot--article + p {
margin-top: 34px;
}

.article-content > figure, .article-content > .wp-block-image, .article-content > .wp-block-gallery {
width: min(1180px, calc(100vw - 48px)); margin: 38px calc(50% - min(590px, calc(50vw - 24px)));
}

.article-content > figure img, .article-content > .wp-block-image img {
width: 100%; aspect-ratio: 16 / 9; border: 3px solid var(--card-white); border-radius: 28px; object-fit: cover;
}

.article-content > .wp-block-gallery {
display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--style--gallery-gap-default, 8px); overflow: hidden; padding: 3px; border: 3px solid var(--card-white); border-radius: 28px; background: var(--card-white);
}

.article-content .wp-block-gallery.has-nested-images, .article-content .wp-block-gallery.is-layout-flex {
display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr));
}

.article-content > .wp-block-gallery .wp-block-image, .article-content > .wp-block-gallery .blocks-gallery-item {
position: relative; display: block !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; border-radius: 20px; background: transparent !important;
}

.article-content .wp-block-gallery.has-nested-images > .wp-block-image {
width: auto !important; min-width: 0; margin: 0 !important;
}

.article-content > .wp-block-gallery > .wp-block-image:nth-child(odd):last-child, .article-content > .wp-block-gallery .blocks-gallery-item:nth-child(odd):last-child {
grid-column: 1 / -1;
}

.article-content .wp-block-gallery.has-nested-images > .wp-block-image:nth-child(odd):last-child {
grid-column: 1 / -1;
}

.article-content > .wp-block-gallery .blocks-gallery-grid {
display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: inherit; width: 100%; margin: 0; padding: 0; list-style: none;
}

.article-content > .wp-block-gallery img {
display: block; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; border-radius: 20px; object-fit: cover;
}

.article-content .wp-block-gallery .lightbox-trigger {
position: absolute !important; z-index: 4; top: 10px; right: 10px; bottom: auto; left: auto;
}

.article-content .wp-block-gallery figcaption {
position: absolute !important; z-index: 3 !important; inset: auto auto 10px 10px !important; display: block !important; width: fit-content !important; max-width: calc(100% - 20px) !important; margin: 0 !important; padding: 5px 9px !important; border-radius: 999px !important; background: rgb(28 27 25 / 72%) !important; color: #f3f0e9 !important; font-family: var(--article-caption-font) !important; font-size: var(--article-caption-size) !important; font-style: italic !important; font-weight: var(--article-caption-weight) !important; line-height: 1.25 !important; text-align: left !important; transform: none !important;
}

/* Keep the core lightbox outside the gallery presentation rules above. */
.wp-lightbox-overlay,
.wp-lightbox-overlay * {
box-sizing: border-box;
}

.wp-lightbox-overlay {
position: fixed !important;
z-index: 100000 !important;
inset: 0 !important;
width: 100vw !important;
height: 100vh !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
}

.article-content .wp-lightbox-overlay img {
width: auto !important;
max-width: min(92vw, 1800px) !important;
height: auto !important;
max-height: 88vh !important;
aspect-ratio: auto !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
object-fit: contain !important;
}

.article-content .wp-lightbox-overlay figcaption,
.article-content .wp-lightbox-overlay .wp-element-caption {
position: static !important;
inset: auto !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: inherit !important;
font: inherit !important;
text-align: inherit !important;
transform: none !important;
}

/* Related stories stay inside the article card and are protected as one unit. */
.article-content .inputmag-same-topic {
--inputmag-same-topic-accent: var(--accent);
box-sizing: border-box;
width: 100%;
margin: 38px 0;
padding: 22px 28px 24px;
border: 0;
border-radius: 24px;
background: #b5b1a8;
color: #1c1b19;
break-inside: avoid;
page-break-inside: avoid;
}

.article-content .inputmag-same-topic__heading {
position: relative;
z-index: 0;
display: inline-block;
margin: 0 0 12px;
padding: 0 7px 2px;
color: #1c1b19;
font-family: var(--display);
font-size: 19px;
font-weight: 500;
line-height: 1.05;
letter-spacing: 0;
text-transform: uppercase;
}

.article-content .inputmag-same-topic__heading::after {
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
left: 0;
height: 52%;
background: var(--inputmag-same-topic-accent);
content: "";
}

.article-content .inputmag-same-topic__list {
display: grid;
gap: 5px;
margin: 0;
padding: 0;
list-style: none;
}

.article-content .inputmag-same-topic__item {
display: grid;
grid-template-columns: 12px minmax(0, 1fr);
gap: 10px;
align-items: baseline;
margin: 0;
padding: 0;
color: #1c1b19;
font-family: var(--display);
font-size: 18px;
font-weight: 400;
line-height: 1.25;
}

.article-content .inputmag-same-topic__bullet {
width: 11px;
height: 11px;
border-radius: 50%;
background: var(--inputmag-same-topic-accent);
transform: translateY(1px);
}

.article-content .inputmag-same-topic__item a,
.article-content .inputmag-same-topic__item a:visited {
border-radius: 0;
padding: 0;
background: transparent;
color: inherit;
text-decoration: none;
}

.article-content .inputmag-same-topic__item a:hover,
.article-content .inputmag-same-topic__item a:focus-visible {
background: transparent;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}

.article-content .inputmag-same-topic__item time {
white-space: nowrap;
}

@media (max-width: 620px) {
.article-content .inputmag-same-topic {
margin: 30px 0;
padding: 18px 18px 20px;
border-radius: 20px;
}

.article-content .inputmag-same-topic__heading {
font-size: 17px;
}

.article-content .inputmag-same-topic__item {
grid-template-columns: 10px minmax(0, 1fr);
gap: 8px;
font-size: 16px;
line-height: 1.3;
}

.article-content .inputmag-same-topic__bullet {
width: 9px;
height: 9px;
}
}


.article-content > figure figcaption, .article-content > .wp-block-image figcaption, .article-content > .wp-block-image .wp-element-caption {
width: min(680px, calc(100% - 224px)); margin: 10px auto 0; color: var(--article-caption-color); font-family: var(--article-caption-font); font-size: var(--article-caption-size); font-style: italic; font-weight: var(--article-caption-weight); text-align: left;
}

.article-content .wp-block-embed {
width: min(1180px, calc(100vw - 48px)); margin: 38px calc(50% - min(590px, calc(50vw - 24px)));
}

.article-content .wp-block-embed__wrapper {
aspect-ratio: 16 / 9; overflow: hidden; border-radius: 28px; background: var(--ink);
}

.article-content .wp-block-embed iframe {
width: 100%; height: 100%; border: 0;
}

.article-content > .wp-block-table, .article-content .wp-block-table {
width: min(1180px, calc(100vw - 48px)); margin: 38px calc(50% - min(590px, calc(50vw - 24px))); overflow-x: auto; -webkit-overflow-scrolling: touch; border: 3px solid var(--card-white); border-radius: 28px; padding: 10px; background: var(--card-white);
}

.article-content .wp-block-table table {
width: 100%; min-width: 600px; margin: 0; border-collapse: collapse; border-radius: 18px; clip-path: inset(0 round 18px); background: var(--card-white); color: var(--ink);
}

.article-content .wp-block-table th {
background: var(--paper); font-family: var(--display); font-weight: 600;
}

.article-content .wp-block-table figcaption {
margin: 10px 12px 8px; color: var(--article-caption-color); font-family: var(--article-caption-font); font-size: var(--article-caption-size); font-style: italic; font-weight: var(--article-caption-weight); text-align: left;
}

.article-content > .lk-wrap {
width: min(1180px, calc(100vw - 48px)); margin: 38px calc(50% - min(590px, calc(50vw - 24px)));
}

.article-content > .lk-wrap + .lk-wrap {
margin-top: -18px;
}

.article-content .lk-card {
overflow: hidden; border: 3px solid var(--card-white); border-radius: 28px; padding: clamp(18px, 2.5vw, 28px); background: var(--card-white); color: var(--ink); box-shadow: none;
}

.article-content .lk-card h3 {
margin: 0 0 8px; color: var(--ink); font-family: var(--display); font-size: 22px; font-weight: 600; letter-spacing: -.025em; line-height: 1;
}

.article-content .lk-meta, .article-content .lk-metric {
color: var(--grey); font-family: var(--intro); font-size: 14px; font-weight: 500; line-height: 1.35; opacity: 1;
}

.article-content .lk-metric {
color: var(--ink);
}

.article-content .lk-chart-container {
position: relative; overflow: hidden; border-radius: 18px; background: #fff;
}

.article-content .lk-chart-container canvas {
display: block; width: 100%; height: 100%; max-width: 100%;
}

.article-content .lk-time-marker {
position: absolute; z-index: 1; width: 0; height: 0; pointer-events: none; transform: translate(-50%, -50%);
}

.article-content .lk-time-marker__label {
position: absolute; bottom: 14px; left: 50%; border-radius: 5px; padding: 7px 9px; background: #1c1b19; color: #f3f0e9; font-family: var(--display); font-size: 12px; font-weight: 400; line-height: 1; white-space: nowrap; transform: translateX(-50%);
}

.article-content .lk-time-marker__label::after {
position: absolute; top: 100%; left: 50%; border: 5px solid transparent; border-top-color: #1c1b19; content: ""; transform: translateX(-50%);
}

.article-content .lk-details {
margin-top: 14px; overflow-x: auto; color: var(--ink); font-family: var(--intro); font-size: 14px; font-weight: 500;
}

.article-content .lk-details summary {
font-family: var(--display); font-weight: 600;
}

.article-content .lk-data {
min-width: 480px; color: var(--ink); font-family: var(--intro); font-size: 13px;
}

.article-content .lk-data th, .article-content .lk-data td {
border-top-color: rgb(181 177 168 / 55%); padding: 9px 10px;
}

.article-content > .inputmag-test-box {
width: 100%; margin: 52px 0;
}

.inputmag-poll {
width: min(100%, 960px); margin: 52px auto; padding: clamp(24px, 4vw, 42px); border: 3px solid var(--card-white); border-radius: 28px; background: var(--card-white); box-shadow: var(--shadow); color: var(--ink); font-family: var(--display);
}

.inputmag-poll, .inputmag-poll * {
box-sizing: border-box;
}

.inputmag-poll__eyebrow {
margin: 0 0 10px; color: var(--accent); font-size: 14px; font-weight: 600; letter-spacing: .08em; line-height: 1; text-transform: uppercase;
}

.inputmag-poll__question {
margin: 0 0 24px; color: var(--ink); font-family: var(--display); font-size: clamp(27px, 3vw, 40px); font-weight: 600; line-height: 1.05;
}

.inputmag-poll__form, .inputmag-poll__chart {
display: grid; gap: 10px;
}

.inputmag-poll__option {
display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 12px 16px; border: 1px solid rgb(181 177 168 / 70%); border-radius: 14px; background: var(--paper); color: var(--ink); cursor: pointer; transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.inputmag-poll__option:hover {
border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, var(--paper)); transform: translateY(-1px);
}

.inputmag-poll__option:has(input:checked) {
border-color: var(--accent); background: color-mix(in srgb, var(--accent) 16%, var(--paper));
}

.inputmag-poll__option input {
width: 18px; height: 18px; margin: 0; accent-color: var(--accent);
}

.inputmag-poll__option-text, .inputmag-poll__result-label {
font-family: var(--article-body-font); font-size: var(--article-body-size); font-weight: var(--article-body-weight); line-height: 1.35;
}

.inputmag-poll__submit {
align-self: start; margin-top: 10px; border: 0; border-radius: 999px; padding: 12px 26px; background: var(--accent); color: var(--ink); font-family: var(--display); font-size: 18px; font-weight: 600; line-height: 1; cursor: pointer; transition: transform 160ms ease, box-shadow 160ms ease;
}

.inputmag-poll__submit:hover, .inputmag-poll__submit:focus-visible {
box-shadow: 0 8px 18px rgb(28 27 25 / 15%); transform: translateY(-1px);
}

.inputmag-poll__submit:disabled {
cursor: wait; opacity: .7; transform: none;
}

.inputmag-poll__message, .inputmag-poll__empty {
margin: 8px 0 0; color: var(--grey); font-family: var(--display); font-size: 15px;
}

.inputmag-poll__results {
transition: opacity 180ms ease, transform 180ms ease;
}

.inputmag-poll.is-transitioning .inputmag-poll__inner {
opacity: .3; transform: translateY(4px); transition: opacity 130ms ease, transform 130ms ease;
}

.inputmag-poll__result-row {
display: grid; gap: 7px;
}

.inputmag-poll__result-head {
display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
}

.inputmag-poll__result-value {
flex: 0 0 auto; color: var(--accent); font-size: 18px; font-weight: 600;
}

.inputmag-poll__bar-track {
height: 14px; overflow: hidden; border-radius: 999px; background: var(--paper);
}

.inputmag-poll__bar-fill {
display: block; width: var(--result-width); height: 100%; border-radius: inherit; background: var(--accent); transition: width 600ms cubic-bezier(.2,.8,.2,1);
}

body.is-night .inputmag-poll {
border-color: var(--grey); background: var(--ink); color: var(--paper);
}

body.is-night .inputmag-poll__question, body.is-night .inputmag-poll__option, body.is-night .inputmag-poll__option-text, body.is-night .inputmag-poll__result-label {
color: var(--paper);
}

body.is-night .inputmag-poll__option {
border-color: rgb(181 177 168 / 60%); background: rgb(243 240 233 / 8%);
}

body.is-night .inputmag-poll__bar-track {
background: rgb(243 240 233 / 16%);
}

.inputmag-test-box {
box-sizing: border-box; width: min(100%, 960px); margin: 52px auto; padding: clamp(24px, 4vw, 42px); border: 2px solid var(--card-white); border-radius: 28px; background: #b5b1a8; box-shadow: 0 14px 30px rgb(28 27 25 / 14%); color: var(--ink); font-family: var(--body);
}

.inputmag-test-box *, .inputmag-test-box *::before, .inputmag-test-box *::after {
box-sizing: border-box;
}

.inputmag-test-box__header {
margin: 0 0 28px; text-align: center;
}

.inputmag-test-box__header h2 {
margin: 0; color: var(--ink); font-family: var(--display); font-size: clamp(32px, 4vw, 48px); font-weight: 600; letter-spacing: -.04em; line-height: .95; text-transform: uppercase;
}

.inputmag-test-box__header p {
margin: 8px 0 0; color: #615d55; font-family: var(--intro); font-size: clamp(16px, 2vw, 20px); font-weight: 500; line-height: 1.2;
}

.inputmag-test-box__grid {
display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(230px, .9fr); gap: clamp(26px, 5vw, 54px); align-items: stretch;
}

.inputmag-test-box__left {
min-width: 0;
}

.inputmag-test-box__chart {
position: relative; width: min(100%, 390px); margin: 0 auto 28px;
}

.inputmag-test-box__chart svg {
display: block; width: 100%; height: auto;
}

.inputmag-test-box__chart-label {
position: absolute; display: inline-flex; align-items: center; gap: 5px; max-width: 134px; padding: 4px 6px; border-radius: 4px; background: #f3f0e9; color: #1c1b19; font-family: var(--display); font-size: 9px; font-weight: 600; line-height: 1; box-shadow: 0 1px 3px rgb(28 27 25 / 14%);
}

.inputmag-test-box__chart-label i {
display: block; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%;
}

.inputmag-test-box__chart-label--0 {
top: 28%; left: 50%;
}

.inputmag-test-box__chart-label--1 {
top: 49%; right: 7%;
}

.inputmag-test-box__chart-label--2 {
right: 13%; bottom: 18%;
}

.inputmag-test-box__chart-label--3 {
bottom: 22%; left: 13%;
}

.inputmag-test-box__chart-label--4 {
top: 43%; left: 7%;
}

.inputmag-test-box blockquote {
position: relative; margin: 0; padding: 24px 0 0 18px; border: 0; background: transparent; color: var(--ink); font-family: var(--body);
}

.inputmag-test-box blockquote > span {
position: absolute; top: -7px; left: -4px; color: rgb(28 27 25 / 14%); font-family: Georgia, serif; font-size: 104px; font-weight: 700; line-height: 1;
}

.article-content .inputmag-test-box blockquote p {
position: relative; z-index: 1; margin: 0; color: var(--ink); font-family: var(--intro); font-size: clamp(18px, 2vw, 24px); font-weight: 500; line-height: 1.25;
}

.inputmag-test-box__right {
display: flex; flex-direction: column; min-height: 100%;
}

.inputmag-test-box__right section {
margin: 0 0 34px;
}

.inputmag-test-box__right h3 {
display: inline-block; margin: 0 0 12px; padding: 5px 8px 4px; border-radius: 4px; background: var(--ink); color: #f3f0e9; font-family: var(--display); font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase;
}

.inputmag-test-box__right ul {
margin: 0; padding: 0; list-style: none;
}

.inputmag-test-box__right li {
margin: 0 0 8px; color: var(--ink); font-family: var(--intro); font-size: 16px; font-weight: 500; line-height: 1.25;
}

.inputmag-test-box__score {
margin-top: auto !important; margin-bottom: 0 !important;
}

.inputmag-test-box__score strong {
display: block; color: var(--ink); font-family: var(--display); font-size: clamp(100px, 13vw, 150px); font-weight: 600; letter-spacing: -.085em; line-height: .78;
}

.inputmag-test-box__score small {
font-size: .74em;
}

body.is-night .article-content .lk-card, body.is-night .article-content .lk-card :is(h3, .lk-meta, .lk-metric, .lk-details, .lk-data) {
color: #1c1b19;
}

@media (max-width: 880px) {
.inputmag-ad-slot--article {
min-height: var(--inputmag-ad-height-tablet, 300px);
}

.article-content > .inputmag-test-box {
width: 100%; margin-right: 0; margin-left: 0;
}

.article-content > figure, .article-content > .wp-block-image, .article-content > .wp-block-gallery, .article-content .wp-block-embed, .article-content > .wp-block-table, .article-content .wp-block-table, .article-content > .lk-wrap {
width: calc(100vw - 32px); margin-right: calc(50% - 50vw + 16px); margin-left: calc(50% - 50vw + 16px);
}

.article-content .wp-block-table {
border-width: 2px; border-radius: 20px; padding: 8px;
}

.article-content .lk-card {
border-width: 2px; border-radius: 20px; padding: 20px;
}

.article-content > figure figcaption, .article-content > .wp-block-image figcaption, .article-content > .wp-block-image .wp-element-caption {
width: calc(100% - 96px);
}
}

@media (max-width: 620px) {
.inputmag-ad-slot--article {
min-height: var(--inputmag-ad-height-mobile, 220px); margin-top: 28px; margin-bottom: 28px;
}

.article-content > .inputmag-test-box {
width: 100%; margin-right: 0; margin-left: 0; padding: 24px 20px; border-radius: 20px;
}

.inputmag-test-box__grid {
grid-template-columns: 1fr; gap: 26px;
}

.inputmag-test-box__chart {
width: min(100%, 340px);
}

.inputmag-test-box__chart-label {
max-width: 112px; font-size: 7px;
}

.inputmag-test-box__chart-label--0 {
left: 48%;
}

.inputmag-test-box__chart-label--1 {
right: 5%;
}

.inputmag-test-box__chart-label--2 {
right: 10%;
}

.inputmag-test-box__chart-label--3 {
left: 10%;
}

.inputmag-test-box__chart-label--4 {
left: 5%;
}

.inputmag-test-box__right {
min-height: 0;
}

.inputmag-test-box__right section {
margin-bottom: 28px;
}

.inputmag-test-box__score strong {
text-align: center; font-size: 112px;
}

.article-content > figure, .article-content > .wp-block-image, .article-content > .wp-block-gallery, .article-content .wp-block-embed, .article-content > .wp-block-table, .article-content .wp-block-table, .article-content > .lk-wrap {
width: calc(100vw - 16px); margin-right: calc(50% - 50vw + 8px); margin-left: calc(50% - 50vw + 8px);
}

.article-content .wp-block-table {
border-width: 2px; border-radius: 20px; padding: 6px;
}

.article-content .lk-card {
padding: 16px;
}

.article-content .lk-card h3 {
font-size: 20px;
}

.article-content .wp-block-table table {
min-width: 520px;
}

.article-content > figure img, .article-content > .wp-block-image img {
border-width: 2px; border-radius: 20px;
}

.article-content > .wp-block-gallery {
grid-template-columns: 1fr; padding: 2px; border-width: 2px; border-radius: 20px;
}

.article-content .wp-block-gallery.has-nested-images, .article-content .wp-block-gallery.is-layout-flex {
grid-template-columns: 1fr;
}

.article-content > .wp-block-gallery .blocks-gallery-grid {
grid-template-columns: 1fr;
}

.article-content > .wp-block-gallery > .wp-block-image:nth-child(odd):last-child, .article-content > .wp-block-gallery .blocks-gallery-item:nth-child(odd):last-child {
grid-column: auto;
}

.article-content .wp-block-gallery.has-nested-images > .wp-block-image:nth-child(odd):last-child {
grid-column: auto;
}

.article-content > .wp-block-gallery .wp-block-image, .article-content > .wp-block-gallery .blocks-gallery-item, .article-content > .wp-block-gallery img {
border-radius: 14px;
}

.article-content .wp-block-gallery figcaption {
inset: auto auto 10px 10px !important; max-width: calc(100% - 20px) !important;
}

.article-content > figure figcaption, .article-content > .wp-block-image figcaption, .article-content > .wp-block-image .wp-element-caption {
width: calc(100% - 46px);
}

.article-content .wp-block-embed__wrapper {
border-radius: 20px;
}
}

/* This must remain last: mobile gallery styles must never style the core dialog. */
.article-content .wp-lightbox-overlay,
.article-content .wp-lightbox-overlay * {
box-sizing: border-box;
}

.article-content .wp-lightbox-overlay {
position: fixed !important;
z-index: 100000 !important;
inset: 0 !important;
width: 100vw !important;
height: 100vh !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
}

.article-content .wp-lightbox-overlay img {
width: auto !important;
max-width: min(92vw, 1800px) !important;
height: auto !important;
max-height: 88vh !important;
aspect-ratio: auto !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
object-fit: contain !important;
}

.article-content .wp-lightbox-overlay figcaption,
.article-content .wp-lightbox-overlay .wp-element-caption {
position: static !important;
inset: auto !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: inherit !important;
font: inherit !important;
text-align: inherit !important;
transform: none !important;
}