/* Evopure ARTICLE TEMPLATE v2 (production copy of blog-lab/blog-lab.css; edit the lab file and copy it here): styles for blog-lab.js. Everything is scoped to html.art2.
   Built from the homepage's pieces: New Spirit and Neue Haas each in two voices (light + bold), navy bands, the range wash, the one card standard
   (square at rest, the top-right corner rounds on hover), the homepage FAQ. The words sit in one 720px column; pictures, tables, product moments
   and colour bands run on into the right-hand side (--a2-out, set by the script on desktop). */
html.art2 {
	--a2-navy: #1D293B; --a2-ink: #2B2B2B; --a2-soft: #5C6370; --a2-page: #FAF9F6; --a2-sand: #F6F3EB; --a2-wash: #E7EAEB; --a2-line: rgba(29, 41, 59, .12); --a2-wline: rgba(250, 249, 246, .16);
	--a2-tint: #EEE8E0;
	--a2-ns: "new-spirit", Georgia, serif; --a2-nh: "neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif; --a2-dm: "DM Sans", "Helvetica Neue", Arial, sans-serif;
	--a2-ease: cubic-bezier(.22, .61, .36, 1); --a2-col: 720px; --a2-rail: 236px; --a2-gap: clamp(40px, 5vw, 80px); --a2-r: 24px; --a2-gut: max(20px, calc((100vw - 1320px) / 2));
}
html.art2[data-art2-pillar="sleep"] { --a2-tint: #DCEEEC; }
html.art2[data-art2-pillar="flow"] { --a2-tint: #D3EADF; }
html.art2[data-art2-pillar="relief"] { --a2-tint: #F7E4DD; }

/* the old Elementor reading bar goes: its sticky placeholder left a white strip above the hero and doubled the line under the header */
html.art2 .evo-progress { display: none !important; }
html.art2 .art2-hidden { display: none !important; }
html.art2 :is(.art2-btitle, .evo-article-body h2, .art2-faqhead h2, .art2-postsec .evo-postsec__title .elementor-heading-title, .art2-pick__name, .evo-blog-quiz__title, .art2-glance__t) { text-wrap: balance; }

/* ---- the shared arrow (the homepage's small circle) ---- */
html.art2 .art2-go { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 28px; height: 28px; border: 1.5px solid currentColor; border-radius: 50%; box-sizing: border-box; color: var(--a2-navy); transition: background-color 250ms var(--a2-ease), color 250ms var(--a2-ease), border-color 250ms var(--a2-ease); }
html.art2 .art2-go svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }
html.art2 a:hover > .art2-go, html.art2 a:hover .art2-go { background: var(--a2-navy); border-color: var(--a2-navy); color: #fff; }

/* ---- HERO: the words on the range wash, the photograph filling the whole right half ---- */
html.art2 .evo-post-hero { padding: 0 !important; background-color: var(--a2-tint) !important; }
html.art2 .evo-post-hero > .e-con-inner { max-width: none !important; width: 100% !important; padding: 0 !important; gap: 0 !important; }
html.art2 .evo-post-hero .evo-post-media.evo-hero-img { border-radius: 0 !important; }
@media (min-width: 768px) {
	html.art2 .evo-post-hero > .e-con-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch !important; }
	html.art2 .evo-post-hero__copy { width: auto !important; max-width: none !important; align-self: center !important; padding: clamp(48px, 6vw, 88px) clamp(32px, 4vw, 72px) clamp(48px, 6vw, 88px) var(--a2-gut) !important; }
	html.art2 .evo-post-hero__media { position: relative; width: auto !important; max-width: none !important; min-height: clamp(440px, 40vw, 620px); padding: 0 !important; }
	html.art2 .evo-post-hero__media :is(.evo-hero-media, .elementor-widget-container, .elementor-shortcode) { position: absolute !important; inset: 0; height: 100% !important; }
	html.art2 .evo-post-hero .evo-post-media.evo-hero-img { position: absolute !important; inset: 0; aspect-ratio: auto !important; height: 100% !important; }
	html.art2 .evo-post-hero .evo-hero-img .evo-post-img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; }
}
html.art2 .evo-post-hero .evo-eyebrow { display: inline-block; padding: 0 !important; background: none !important; color: var(--a2-navy) !important; font: 500 14px/1.2 var(--a2-nh) !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none; opacity: .75; }
html.art2 .evo-post-hero .evo-eyebrow:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
html.art2 .evo-post-title .elementor-heading-title { font-family: var(--a2-ns) !important; font-style: italic !important; font-weight: 300 !important; font-size: clamp(36px, 3.7vw, 58px) !important; line-height: 1.04 !important; letter-spacing: -.015em !important; color: var(--a2-navy) !important; }
html.art2 .evo-post-title .elementor-heading-title b { display: block; font-weight: 700; }
html.art2 .evo-post-title .elementor-heading-title span { display: block; margin-top: .12em; font-size: .62em; line-height: 1.15; }
html.art2 .evo-standfirst, html.art2 .evo-standfirst p { font: 300 clamp(18px, 1.35vw, 20px)/1.5 var(--a2-dm) !important; color: var(--a2-ink) !important; }
html.art2 .evo-byline { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin: 0 !important; font: 400 14px/1.3 var(--a2-dm) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--a2-soft) !important; }
html.art2 .evo-byline a { color: var(--a2-navy) !important; text-decoration: none; }
html.art2 .evo-byline a:hover { text-decoration: underline; text-underline-offset: 3px; }
html.art2 .art2-who { display: inline-flex; align-items: center; gap: 10px; margin-right: 4px; }
html.art2 .art2-mark, html.art2 .evo-authorbox__mark { display: inline-grid !important; place-items: center; flex: none !important; box-sizing: border-box; aspect-ratio: 1 / 1; padding: 0 !important; border-radius: 50% !important; background: var(--a2-navy) !important; color: #fff !important; font-style: normal; letter-spacing: .02em; text-indent: .02em; line-height: 1 !important; }
html.art2 .art2-mark { width: 38px; height: 38px; font: 600 12.5px/1 var(--a2-nh); }
html.art2 .art2-who__t { display: grid; gap: 2px; }
html.art2 .art2-who__t > span a { font: 600 15px/1.2 var(--a2-nh); color: var(--a2-navy) !important; }
html.art2 .art2-who__t small { font: 400 13px/1.2 var(--a2-dm); color: var(--a2-soft); }
html.art2 .art2-nowrap { white-space: nowrap; }
html.art2 .art2-srcs { text-decoration: underline !important; text-decoration-color: rgba(29, 41, 59, .35) !important; text-underline-offset: 3px; }

/* ---- THE NAVY BAND: the chapters, the same on every article ---- */
html.art2 .art2-wrap { box-sizing: border-box; width: 100%; max-width: none; margin: 0; padding: 0 var(--a2-gut); }
html.art2 .art2-band--navy { background: var(--a2-navy); color: #FAF9F6; }
html.art2 .art2-btitle { margin: 0 0 28px; text-align: center; font: italic 300 clamp(30px, 3vw, 44px)/1.06 var(--a2-ns); letter-spacing: -.012em; color: inherit; }
html.art2 .art2-btitle b { font-weight: 700; color: inherit !important; }
html.art2 .art2-chapters { padding: clamp(44px, 5vw, 68px) 0 clamp(36px, 4vw, 56px); }
html.art2 .art2-chapters ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(20px, 2.4vw, 36px); margin: 0; padding: 0; list-style: none; }
html.art2 .art2-chapters li { border-top: 1px solid var(--a2-wline); }
html.art2 .art2-chapters a { display: grid; grid-template-columns: 30px minmax(0, 1fr) 28px; gap: 8px; align-items: start; padding: 16px 0 18px; color: #FAF9F6; text-decoration: none; font: 300 18px/1.3 var(--a2-nh); }
html.art2 .art2-chapters a span { font: 600 12px/1.9 var(--a2-nh); letter-spacing: .06em; color: rgba(250, 249, 246, .55); }
html.art2 .art2-chapters a::after { content: ""; width: 28px; height: 28px; border: 1.5px solid rgba(250, 249, 246, .5); border-radius: 50%; box-sizing: border-box; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v13M7 13l5 5 5-5' fill='none' stroke='%23FAF9F6' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px no-repeat; transition: background-color 250ms var(--a2-ease), border-color 250ms var(--a2-ease); }
html.art2 .art2-chapters a { transition: opacity 200ms; }
html.art2 .art2-chapters ol:hover a { opacity: .6; }
html.art2 .art2-chapters ol:hover a:hover { opacity: 1; }
html.art2 .art2-chapters a:hover::after { background-color: #FAF9F6; border-color: #FAF9F6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v13M7 13l5 5 5-5' fill='none' stroke='%231D293B' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* ---- LAYOUT: contents rail + one reading column ---- */
@media (min-width: 1100px) {
	html.art2 .art2-grid { display: grid !important; grid-template-columns: var(--a2-rail) var(--a2-gap) minmax(0, var(--a2-col)) minmax(0, 1fr); --a2-gw: min(1320px, calc(100vw - 40px)); width: var(--a2-gw) !important; max-width: none !important; margin: 0 0 0 calc((100% - var(--a2-gw)) / 2) !important; padding: 0 !important; column-gap: 0 !important; align-items: start; }
	html.art2 .art2-grid > .evo-article-col { grid-column: 3; width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
	html.art2 .art2-grid > .art2-rail { padding-left: 18px; }
	html.art2 .art2-grid > .art2-rail { grid-column: 1; grid-row: 1 / span 3; align-self: start; }
}
html.art2 .evo-article-col { max-width: var(--a2-col) !important; }

/* ---- READING ---- */
html.art2 .evo-article-body { font: 300 18px/1.62 var(--a2-dm) !important; color: var(--a2-ink) !important; }
html.art2 .evo-article-body :where(p, li) { font: inherit !important; color: inherit !important; }
html.art2 .evo-article-body p { margin: 0 0 .9em !important; }
html.art2 .evo-article-body strong { font-weight: 600; color: var(--a2-navy); }
html.art2 .evo-article-body a:not([class]) { color: var(--a2-navy) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-decoration-color: rgba(29, 41, 59, .32) !important; text-underline-offset: 3px; transition: text-decoration-color 200ms; }
html.art2 .evo-article-body a:not([class]):hover { text-decoration-color: var(--a2-navy) !important; }
html.art2 .evo-article-body section { scroll-margin-top: 130px; }
html.art2 #intro { padding-top: 32px; }
html.art2 .evo-article-body p.art2-upd { margin: 0 0 12px !important; font: 400 14px/1.3 var(--a2-dm) !important; color: var(--a2-soft) !important; }
html.art2 .evo-article-body p.art2-upd :is(em, i) { font-style: normal; }
html.art2 .evo-article-body img:not(.art2-pick img):not(.art2-mini img):not(.art2-fig img):not(.art2-pack img) { display: block; width: 100%; height: auto; border-radius: 0 var(--a2-r) 0 0; }
html.art2 .evo-article-body figcaption, html.art2 .evo-article-body .wp-element-caption { margin-top: 10px !important; font: 400 13px/1.4 var(--a2-nh) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--a2-soft) !important; }

/* CHAPTERS: a number, a rule, a heading in two voices */
html.art2 .art2-num { display: flex; align-items: center; gap: 14px; margin: 64px 0 14px; font: 600 13px/1 var(--a2-nh); letter-spacing: .08em; color: var(--a2-navy); }
html.art2 .art2-num::after { content: ""; flex: 1; height: 1px; background: var(--a2-line); }
html.art2 .evo-article-body h2 { margin: 0 0 16px !important; font: 300 clamp(30px, 2.6vw, 40px)/1.08 var(--a2-nh) !important; font-style: normal !important; letter-spacing: -.018em !important; color: var(--a2-navy) !important; text-transform: none !important; }
html.art2 .evo-article-body h2 b { font-weight: 600; }
html.art2 #sources h2 { margin-top: 64px !important; }
html.art2 .evo-article-body h3 { margin: 30px 0 10px !important; font: 600 20px/1.25 var(--a2-nh) !important; font-style: normal !important; letter-spacing: -.006em !important; color: var(--a2-navy) !important; }

/* LISTS: ticks (the homepage comparison ticks) and numbered steps */
html.art2 .evo-article-body ul.art2-ticks { display: grid; gap: 0; margin: 4px 0 22px !important; padding: 0 !important; list-style: none !important; }
html.art2 .evo-article-body ul.art2-ticks.is-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
html.art2 .evo-article-body ul.art2-ticks > li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0 !important; padding: 10px 0; border-bottom: 1px solid var(--a2-line); font: 400 16px/1.45 var(--a2-dm) !important; color: var(--a2-ink) !important; }
html.art2 .evo-article-body ul.art2-ticks > li > span { min-width: 0; }
html.art2 .evo-article-body ul.art2-ticks > li > i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--a2-navy); }
html.art2 .evo-article-body ul.art2-ticks > li > i svg { width: 13px; height: 13px; fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
html.art2 .evo-article-body ul.art2-dots { margin: 0 0 1.1em !important; padding: 0 !important; list-style: none !important; }
html.art2 .evo-article-body ul.art2-dots > li { position: relative; margin: 0 0 .5em !important; padding-left: 24px; }
html.art2 .evo-article-body ul.art2-dots > li::before { content: ""; position: absolute; left: 2px; top: .6em; width: 8px; height: 8px; border: 1.5px solid var(--a2-navy); border-radius: 50%; box-sizing: border-box; }
html.art2 .evo-article-body ol.art2-steps { counter-reset: st; margin: 8px 0 22px !important; padding: 0 !important; list-style: none !important; }
html.art2 .evo-article-body ol.art2-steps > li { counter-increment: st; position: relative; margin: 0 !important; padding: 13px 0 13px 52px; border-bottom: 1px solid var(--a2-line); }
html.art2 .evo-article-body ol.art2-steps > li:first-child { border-top: 1px solid var(--a2-line); }
html.art2 .evo-article-body ol.art2-steps > li::before { content: counter(st); position: absolute; left: 0; top: 11px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--a2-navy); color: #fff; font: 600 14.5px/1 var(--a2-nh); }

/* GP / pharmacist notes */
html.art2 .evo-article-body p.art2-note { position: relative; margin: 20px 0 !important; padding: 1px 0 1px 42px; font: 400 16.5px/1.55 var(--a2-dm) !important; color: var(--a2-navy) !important; }
html.art2 .evo-article-body p.art2-note > i { position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 28px; height: 28px; border: 1.5px solid var(--a2-navy); border-radius: 50%; box-sizing: border-box; font: italic 700 15px/1 var(--a2-ns); }

/* AT A GLANCE: the answer first, on the range wash, across into the right-hand side */
html.art2 .art2-glance { margin-top: 28px; margin-bottom: 8px; padding: 28px 32px 22px; background: var(--a2-tint); }
html.art2 .evo-article-body .art2-glance__t { margin: 0 0 16px !important; font: 300 28px/1.1 var(--a2-nh) !important; letter-spacing: -.014em; color: var(--a2-navy) !important; }
html.art2 .art2-glance__t b { font-weight: 600; }
html.art2 .art2-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; margin: 0; }
html.art2 .art2-facts.is-four, html.art2 .art2-index__grid.is-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html.art2 .art2-fact { padding: 14px 0 16px; border-top: 1px solid rgba(29, 41, 59, .16); }
html.art2 .evo-article-body .art2-fact dt { margin: 0 0 6px !important; font: 600 11.5px/1.3 var(--a2-nh) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--a2-soft); }
html.art2 .art2-fact dt strong { font-weight: 600; color: inherit; }
html.art2 .evo-article-body .art2-fact dd, html.art2 .evo-article-body .art2-fact dd * { margin: 0 !important; font: 400 16.5px/1.4 var(--a2-nh) !important; color: var(--a2-navy) !important; }

/* PICTURES: one wide photograph (a pair where a post needs two), square at rest, the outer corner rounded */
html.art2 .art2-fig { display: grid; gap: 12px; margin-top: 32px; margin-bottom: 34px; }
html.art2 .art2-fig.is-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html.art2 .art2-fig > span { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--a2-tint); }
html.art2 .art2-fig > span:last-child { border-top-right-radius: var(--a2-r); }
html.art2 .art2-fig:not(.is-pair) > span { aspect-ratio: 3 / 2; }
html.art2 .evo-article-body .art2-fig img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; border-radius: 0 !important; object-fit: cover; }

html.art2 .art2-photo { margin-top: 32px !important; margin-bottom: 30px !important; }
html.art2 .evo-article-body .art2-photo img { aspect-ratio: 16 / 9; object-fit: cover; margin: 0 !important; border-radius: 0 var(--a2-r) 0 0 !important; }

/* TOPIC INDEX on the range wash, running off the right edge */
html.art2 .art2-bleed { position: relative; box-shadow: 0 0 0 100vmax var(--a2-bleed); clip-path: inset(0 -100vmax 0 0); background: var(--a2-bleed); }
html.art2 .art2-index { --a2-bleed: var(--a2-tint); margin-top: 36px; margin-bottom: 36px; padding: 32px 0 34px 32px; }
html.art2 .evo-article-body .art2-index__t { margin: 0 0 18px !important; font: 300 28px/1.1 var(--a2-nh) !important; letter-spacing: -.014em; color: var(--a2-navy) !important; }
html.art2 .art2-index__t b { font-weight: 600; }
html.art2 .art2-index__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
html.art2 .art2-topic { padding: 16px 18px 15px; background: #fff; }
html.art2 .evo-article-body .art2-topic__k { margin: 0 0 4px !important; font: 600 16.5px/1.25 var(--a2-nh) !important; color: var(--a2-navy) !important; }
html.art2 .evo-article-body .art2-topic__k strong { font-weight: 600; }
html.art2 .evo-article-body .art2-topic__v { margin: 0 !important; font: 400 14.5px/1.5 var(--a2-dm) !important; color: var(--a2-ink) !important; }

/* TABLES: a navy head, the range wash down the first column, product packs where a row is one of ours; cards on phones */
html.art2 .art2-tw { margin-top: 24px; margin-bottom: 28px; overflow: hidden; }
html.art2 .evo-article-body table { display: table !important; overflow: visible !important; width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; border: 0 !important; border-collapse: collapse; font: 400 15px/1.5 var(--a2-dm) !important; background: #fff; }
html.art2 .evo-article-body thead th { padding: 15px 18px 14px !important; border: 0 !important; background: var(--a2-navy) !important; text-align: left; vertical-align: bottom; font: 600 11.5px/1.35 var(--a2-nh) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: rgba(250, 249, 246, .8) !important; }
html.art2 .evo-article-body tbody td { padding: 15px 18px !important; border: 0 !important; border-bottom: 1px solid var(--a2-line) !important; vertical-align: top; background: #fff !important; color: var(--a2-ink); }
html.art2 .evo-article-body tbody tr:last-child td { border-bottom: 0 !important; }
html.art2 .evo-article-body tbody td:first-child, html.art2 .evo-article-body tbody td:first-child :is(strong, a) { background-color: var(--a2-tint) !important; border-bottom-color: rgba(29, 41, 59, .08) !important; font: 600 15.5px/1.3 var(--a2-nh) !important; color: var(--a2-navy) !important; }
html.art2 .evo-article-body tbody td:first-child :is(strong, a) { background: none !important; }
html.art2 .evo-article-body tbody td:first-child a { color: var(--a2-navy) !important; text-decoration-color: rgba(29, 41, 59, .3) !important; }
html.art2 .evo-article-body tbody td.has-pack { position: relative; padding-left: 86px !important; height: 84px; }
html.art2 .art2-pack { position: absolute; left: 16px; top: 13px; width: 56px; height: 56px; overflow: hidden; background: #fff; }
html.art2 .evo-article-body .art2-pack img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 0 !important; object-fit: cover; }

/* ---- PLAIN NOTES ("In 30 seconds", "Get urgent help", recipes): the range wash with a navy edge, across into the right-hand side ---- */
html.art2 .evo-article-body .evo-callout.art2-box { margin-top: 28px !important; margin-bottom: 28px !important; padding: 24px 30px !important; border: 0 !important; border-left: 3px solid var(--a2-navy) !important; border-radius: 0 !important; background: var(--a2-tint) !important; box-shadow: none !important; }
html.art2 .evo-article-body .evo-callout.art2-box p { margin: 0 0 .6em !important; font: 400 16.5px/1.55 var(--a2-dm) !important; color: var(--a2-ink) !important; }
html.art2 .evo-article-body .evo-callout.art2-box p:last-child { margin-bottom: 0 !important; }
html.art2 .evo-article-body .evo-callout.art2-box > p:first-child > strong:first-child { display: block; margin-bottom: 4px; font: 600 18px/1.3 var(--a2-nh); color: var(--a2-navy); }

/* ---- PRODUCT NOTE: a navy moment ---- */
html.art2 .evo-callout.art2-pick { display: grid !important; grid-template-columns: 44% minmax(0, 1fr); margin-top: 44px !important; margin-bottom: 44px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--a2-navy) !important; color: #FAF9F6; overflow: hidden; transition: border-radius 300ms var(--a2-ease); }
html.art2 .evo-article-body .evo-callout.art2-pick:hover { border-top-right-radius: var(--a2-r) !important; }
html.art2 .art2-pick__media { position: relative; min-height: 280px; background: #fff; }
html.art2 .art2-pick__media a { position: absolute; inset: 0; display: block; }
html.art2 .evo-article-body .art2-pick .art2-pick__media img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover; border-radius: 0 !important; transform: none !important; }
html.art2 .art2-pick.is-range { grid-template-columns: 1fr; }
html.art2 .art2-pick.is-range .art2-pick__media { min-height: 0; aspect-ratio: 21 / 9; }
html.art2 .art2-pick__body { display: grid; align-content: center; gap: 10px; padding: 30px 34px; }
html.art2 .art2-pick.is-range .art2-pick__body { padding: 26px 34px 30px; }
html.art2 .evo-article-body .art2-pick__k { margin: 0 !important; font: 600 12px/1.2 var(--a2-nh) !important; letter-spacing: .14em; text-transform: uppercase; color: rgba(250, 249, 246, .6) !important; }
html.art2 .evo-article-body .art2-pick__name { margin: 0 !important; font: italic 300 30px/1.08 var(--a2-ns) !important; letter-spacing: -.01em; color: #FAF9F6 !important; }
html.art2 .evo-article-body .art2-pick__copy p { margin: 0 !important; font: 300 16px/1.55 var(--a2-dm) !important; color: rgba(250, 249, 246, .86) !important; }
html.art2 .evo-article-body .art2-pick__copy a, html.art2 .evo-article-body .art2-pick__copy strong { color: #FAF9F6 !important; text-decoration-color: rgba(250, 249, 246, .45) !important; }
html.art2 .evo-article-body :is(.art2-pick, .evo-blog-quiz) :is(b, strong) { color: #FAF9F6 !important; }
html.art2 .art2-pick__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px; margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--a2-wline); }
html.art2 .evo-article-body .art2-pick__price { display: grid; gap: 3px; margin: 0 !important; font: 400 14px/1.2 var(--a2-nh) !important; color: rgba(250, 249, 246, .7) !important; }
html.art2 .art2-pick__price b { margin-left: 4px; font-weight: 600; font-size: 19px; }
html.art2 .art2-pick__price span:first-child { color: #FAF9F6; }
html.art2 .evo-article-body a.art2-pick__go { display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px !important; background: #FAF9F6 !important; color: var(--a2-navy) !important; text-decoration: none !important; font: 600 12px/1 var(--a2-nh) !important; letter-spacing: .16em !important; text-transform: uppercase !important; border-radius: 0 !important; transition: border-radius 300ms var(--a2-ease); }
html.art2 .evo-article-body a.art2-pick__go::before, html.art2 .evo-article-body a.art2-pick__go::after { display: none !important; content: none !important; }
html.art2 .evo-article-body a.art2-pick__go:hover { border-top-right-radius: 16px !important; }

/* ---- PRODUCTS IN THE ARTICLE: small cards in the reading flow ---- */
html.art2 .evo-blog-products { width: auto !important; max-width: none !important; margin: 44px 0 !important; padding: 0 !important; border: 0 !important; background: none !important; transform: none !important; }
html.art2 .evo-article-body .evo-blog-products__title { margin: 0 0 16px !important; font: 300 28px/1.1 var(--a2-nh) !important; font-style: normal !important; letter-spacing: -.014em !important; text-transform: none !important; color: var(--a2-navy) !important; }
html.art2 .evo-blog-products__title b { font-weight: 600; }
html.art2 .art2-minis { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 12px; }
html.art2 .art2-mini { position: relative; display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 14px; align-items: center; padding: 10px 44px 10px 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--a2-line); color: var(--a2-navy); text-decoration: none !important; transition: border-radius 300ms var(--a2-ease); }
html.art2 .art2-mini:hover { border-top-right-radius: 20px; }
html.art2 .art2-mini__img { display: block; aspect-ratio: 1; overflow: hidden; background: #fff; }
html.art2 .art2-mini__img img { display: block; width: 100%; height: 100%; margin: 0 !important; object-fit: cover; border-radius: 0 !important; }
html.art2 .art2-mini__b { display: grid; gap: 4px; min-width: 0; }
html.art2 .art2-mini__tag { font: 600 10.5px/1.3 var(--a2-nh); letter-spacing: .14em; text-transform: uppercase; color: var(--a2-soft); }
html.art2 .art2-mini__name { font: 300 16px/1.2 var(--a2-nh); color: var(--a2-navy); }
html.art2 .art2-mini__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 2px; }
html.art2 .art2-mini__name b { font-weight: 600; }
html.art2 .art2-mini__rate { display: inline-flex; align-items: center; gap: 5px; font: 400 12.5px/1 var(--a2-dm); color: var(--a2-soft); }
html.art2 .art2-mini__rate svg { width: 12px; height: 12px; fill: var(--a2-navy); }
html.art2 .art2-mini__price { font: 400 14px/1.2 var(--a2-nh); color: var(--a2-soft); }
html.art2 .art2-mini__price b { font-weight: 600; font-size: 15px; color: var(--a2-navy); }
html.art2 .art2-mini .art2-go { position: absolute; right: 12px; bottom: 12px; }
html.art2 .evo-article-body .evo-blog-products__links { margin: 14px 0 0 !important; }
html.art2 .evo-blog-products :is(.evo-link, a.evo-blog-products__more) { display: inline-block; color: var(--a2-navy) !important; text-decoration-color: var(--a2-navy) !important; border-color: var(--a2-navy) !important; }

/* ---- QUIZ: a navy band off the right edge, its words spread across it ---- */
html.art2 .evo-blog-quiz.art2-bleed { --a2-bleed: var(--a2-navy); display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 40px; margin-top: 44px !important; margin-bottom: 44px !important; padding: 34px 0 34px 36px !important; border-radius: 0 !important; color: #FAF9F6; }
html.art2 .evo-article-body .evo-blog-quiz__title { margin: 0 0 6px !important; font: italic 300 30px/1.08 var(--a2-ns) !important; letter-spacing: -.01em; color: #FAF9F6 !important; }
html.art2 .evo-blog-quiz__title b { font-weight: 700; }
html.art2 .evo-article-body .evo-blog-quiz__text { margin: 0 !important; max-width: 46ch; font: 300 16px/1.5 var(--a2-dm) !important; color: rgba(250, 249, 246, .82) !important; }
html.art2 .evo-blog-quiz a { flex: none; justify-self: end; }

/* ---- SOURCES ---- */
html.art2 #sources h2 .art2-n { display: inline-grid; place-items: center; min-width: 30px; height: 30px; margin-left: 10px; padding: 0 7px; border-radius: 15px; background: var(--a2-navy); color: #fff; font: 600 14px/1 var(--a2-nh); vertical-align: middle; }
html.art2 .art2-src { counter-reset: s; margin: 0 0 1em !important; padding: 0 !important; list-style: none !important; }
html.art2 .evo-article-body .art2-src li { counter-increment: s; position: relative; margin: 0 !important; padding: 10px 0 10px 38px !important; border-bottom: 1px solid var(--a2-line); font: 400 14.5px/1.45 var(--a2-dm) !important; color: var(--a2-soft) !important; }
html.art2 .art2-src li::before { content: counter(s); position: absolute; left: 0; top: 10px; display: grid; place-items: center; width: 24px; height: 24px; border: 1.5px solid var(--a2-navy); border-radius: 50%; box-sizing: border-box; font: 600 11.5px/1 var(--a2-nh); color: var(--a2-navy); }
html.art2 .art2-more { display: none; }
html.art2 .evo-article-body #sources > p:last-child { margin-top: 18px !important; font: 400 14.5px/1.5 var(--a2-dm) !important; color: var(--a2-soft) !important; }
html.art2 .evo-article-body #sources > p:last-child :is(em, i) { font-style: normal; }

/* ---- AUTHOR: a thin band across the page that closes the article ---- */
html.art2 .art2-authorband { margin-top: 48px; padding: 22px 0; background: var(--a2-tint); }
html.art2 .art2-authorband .evo-authorbox { display: grid !important; grid-template-columns: 52px auto minmax(0, 1fr) auto; grid-template-rows: auto; align-items: center; gap: 4px 24px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
html.art2 .art2-authorband .evo-authorbox__mark { grid-column: 1; grid-row: 1 / span 2; width: 52px !important; height: 52px !important; font: 600 15px/1 var(--a2-nh) !important; }
html.art2 .art2-authorband .evo-authorbox__text { display: contents; }
html.art2 .art2-authorband .evo-authorbox__label { display: none !important; }
html.art2 .art2-authorband .evo-authorbox__name { grid-column: 2; grid-row: 1; align-self: end; margin: 0 !important; }
html.art2 .art2-authorband .evo-authorbox__name, html.art2 .art2-authorband .evo-authorbox__name a { font: 600 20px/1.15 var(--a2-nh) !important; color: var(--a2-navy) !important; text-decoration: none !important; white-space: nowrap; }
html.art2 .art2-authorband .evo-authorbox__role { grid-column: 2; grid-row: 2; align-self: start; margin: 0 !important; font: 400 13.5px/1.2 var(--a2-nh) !important; color: var(--a2-soft) !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; }
html.art2 .art2-authorband .evo-authorbox__bio { grid-column: 3; grid-row: 1 / span 2; margin: 0 !important; padding-left: 24px; border-left: 1px solid rgba(29, 41, 59, .16); font: 300 15px/1.5 var(--a2-dm) !important; color: var(--a2-ink) !important; }
html.art2 .art2-authorband__go { grid-column: 4; grid-row: 1 / span 2; display: inline-flex; text-decoration: none !important; }

/* ---- FAQs: the homepage section (blocks.css draws the questions) ---- */
html.art2 .art2-faqsec { padding: clamp(56px, 6vw, 88px) 0; background: #fff; scroll-margin-top: 100px; }
html.art2 .art2-faqhead h2 { margin: 0 0 clamp(28px, 3.4vw, 44px) !important; text-align: center; font: italic 300 clamp(34px, 3.4vw, 52px)/1.05 var(--a2-ns) !important; letter-spacing: -.012em !important; color: var(--a2-navy) !important; }
html.art2 .art2-faqhead h2 b { font-weight: 700; }
html.art2 .art2-faqgrid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(32px, 4vw, 72px); align-items: start; }
html.art2 .art2-help { position: sticky; top: calc(var(--art2-top, 76px) + 24px); display: grid; gap: 12px; padding: 28px; background: var(--a2-tint); }
html.art2 .art2-help__t { margin: 0; font: 300 26px/1.1 var(--a2-nh); letter-spacing: -.012em; color: var(--a2-navy); }
html.art2 .art2-help__t b { font-weight: 600; }
html.art2 .art2-help__x { margin: 0 0 6px; font: 300 15.5px/1.55 var(--a2-dm); color: var(--a2-ink); }
html.art2 .art2-help__btn { display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 18px; background: var(--a2-navy); color: #fff !important; text-decoration: none; font: 600 12px/1 var(--a2-nh); letter-spacing: .16em; text-transform: uppercase; transition: border-radius 300ms var(--a2-ease); }
html.art2 .art2-help__btn.is-line { background: transparent; color: var(--a2-navy) !important; box-shadow: inset 0 0 0 1px var(--a2-navy); }
html.art2 .art2-help__btn:hover { border-top-right-radius: 16px; }
html.art2 .art2-help__link { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; color: var(--a2-navy); text-decoration: none; font: 600 12px/1 var(--a2-nh); letter-spacing: .16em; text-transform: uppercase; }

/* ---- THE END OF THE PAGE: two-voice titles; cream behind the product cards, white behind the Journal cards (the footer wave is white) ---- */
html.art2 .art2-postsec .evo-postsec__eyebrow { display: none !important; }
html.art2 .art2-postsec .evo-postsec__title .elementor-heading-title { font: italic 300 clamp(34px, 3.4vw, 52px)/1.05 var(--a2-ns) !important; letter-spacing: -.012em !important; color: var(--a2-navy) !important; text-transform: none !important; }
html.art2 .art2-postsec .evo-postsec__title .elementor-heading-title b { font-weight: 700; }
html.art2 .evo-postsec--products { background: #fff !important; border-top: 1px solid var(--a2-line); }
html.art2 .evo-postsec--related { background: #fff !important; }
html.art2 .evo-artcard { display: flex !important; flex-direction: column; gap: 14px; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--a2-navy); text-decoration: none !important; transform: none !important; }
html.art2 .evo-artcard__media { display: block; aspect-ratio: 4 / 3 !important; overflow: hidden; border-radius: 0 !important; transition: border-radius 300ms var(--a2-ease) !important; }
html.art2 .evo-artcard:hover .evo-artcard__media { border-radius: 0 20px 0 0 !important; }
html.art2 .evo-artcard__img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; transition: transform 700ms var(--a2-ease) !important; }
html.art2 .evo-artcard:hover .evo-artcard__img { transform: none; }
html.art2 .evo-artcard__body { position: relative; display: grid !important; gap: 6px; padding: 0 40px 0 0 !important; background: none !important; }
html.art2 .evo-artcard__eyebrow { font: 500 13px/1.2 var(--a2-nh) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--a2-soft) !important; }
html.art2 .evo-artcard__title { font: 600 18px/1.25 var(--a2-nh) !important; font-style: normal !important; letter-spacing: -.005em !important; color: var(--a2-navy) !important; }
html.art2 .evo-artcard__meta { font: 400 13px/1.2 var(--a2-dm) !important; color: var(--a2-soft) !important; }
html.art2 .evo-artcard__body .art2-go { position: absolute; right: 0; top: 0; }

/* ---- CONTENTS RAIL (desktop) ---- */
html.art2 .art2-rail { display: none; }
@media (min-width: 1100px) {
	html.art2 .art2-rail { position: sticky; top: calc(var(--art2-top, 76px) + 32px); display: block; margin-top: 32px; padding: 4px 0 0 18px; }
	html.art2 .art2-rail__t { margin: 0 0 12px; font: 300 17px/1 var(--a2-nh); color: var(--a2-navy); }
	html.art2 .art2-rail__t b { font-weight: 600; }
	html.art2 .art2-rail ol { margin: 0; padding: 0; list-style: none; counter-reset: r; }
	html.art2 .art2-rail li { counter-increment: r; margin: 0; }
	html.art2 .art2-rail a { display: grid; grid-template-columns: 24px 1fr; padding: 6px 0; font: 400 14.5px/1.35 var(--a2-nh); color: var(--a2-soft); text-decoration: none; transition: color 200ms; }
	html.art2 .art2-rail a::before { content: counter(r, decimal-leading-zero); font: 600 11px/1.9 var(--a2-nh); letter-spacing: .04em; color: rgba(29, 41, 59, .4); }
	html.art2 .art2-rail a:hover, html.art2 .art2-rail a.is-on { color: var(--a2-navy); }
	html.art2 .art2-rail a.is-on::before { color: var(--a2-navy); }
	html.art2 .art2-rail__bar { position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--a2-line); }
	html.art2 .art2-rail__bar i { position: absolute; inset: 0; background: var(--a2-navy); transform-origin: 0 0; transform: scaleY(0); }
	html.art2 .art2-bar { display: none !important; }
}

/* ---- PROGRESS: one line, drawn over the header's own edge, only while the article is being read ---- */
html.art2 .art2-prog { position: fixed; z-index: 1001; left: 0; right: 0; top: calc(var(--art2-top, 0px) - 1px); height: 2px; background: var(--a2-navy); transform-origin: 0 50%; transform: scaleX(0); pointer-events: none; opacity: 0; transition: opacity 250ms; }
html.art2.art2-reading .art2-prog { opacity: 1; }
html.art2 .art2-bar { position: fixed; z-index: 55; left: 0; right: 0; top: var(--art2-top, 0); background: #fff; border-bottom: 1px solid var(--a2-line); transform: translateY(-110%); opacity: 0; transition: transform 300ms var(--a2-ease), opacity 300ms; }
html.art2.art2-reading .art2-bar { transform: none; opacity: 1; }
html.art2 .art2-bar__btn { display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px 20px; border: 0; background: none; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html.art2 .art2-bar__k { flex: none; font: 600 12.5px/1 var(--a2-nh); color: var(--a2-soft); }
html.art2 .art2-bar__now { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 500 15px/1.2 var(--a2-nh); color: var(--a2-navy); }
html.art2 .art2-bar__btn svg { flex: none; width: 18px; height: 18px; fill: none; stroke: var(--a2-navy); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 250ms var(--a2-ease); }
html.art2 .art2-bar__btn[aria-expanded="true"] svg { transform: rotate(180deg); }
html.art2 .art2-bar__list { max-height: 60vh; overflow: auto; padding: 4px 20px 16px; }
html.art2 .art2-bar__list ol { margin: 0; padding: 0; list-style: none; }
html.art2 .art2-bar__list a { display: block; padding: 11px 0; border-top: 1px solid var(--a2-line); font: 400 16px/1.3 var(--a2-nh); color: var(--a2-soft); text-decoration: none; }
html.art2 .art2-bar__list a.is-on { color: var(--a2-navy); font-weight: 600; }
html.art2 .art2-bar__prog { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--a2-navy); transform-origin: 0 50%; transform: scaleX(0); }

/* ---- INTO THE RIGHT-HAND SIDE (last, so it wins over each block's own margins) ---- */
html.art2 .evo-article-body .art2-out, html.art2 .evo-article-body .evo-callout.art2-out, html.art2 .evo-article-body .evo-blog-quiz.art2-out { margin-right: calc(-1 * var(--a2-out, 0px)) !important; }

@media (max-width: 1099px) {
	html.art2 .art2-chapters ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html.art2 .art2-facts, html.art2 .art2-index__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html.art2 .art2-faqgrid { grid-template-columns: 1fr; gap: 24px; }
	html.art2 .art2-help { position: static; }
	html.art2.art2-reading .art2-prog { opacity: 0; }      /* the contents bar carries its own line */
	html.art2 .art2-authorband .evo-authorbox { grid-template-columns: 52px minmax(0, 1fr) auto; }
	html.art2 .art2-authorband .evo-authorbox__bio { grid-column: 1 / -1; grid-row: 3; padding: 14px 0 0; margin-top: 10px !important; border-left: 0; border-top: 1px solid rgba(29, 41, 59, .16); }
	html.art2 .art2-authorband__go { grid-column: 3; }
}
@media (max-width: 767px) {
	html.art2 .evo-post-hero > .e-con-inner { display: flex !important; flex-direction: column !important; }
	html.art2 .evo-post-hero__media { order: -1; width: 100% !important; padding: 0 !important; margin: 0 !important; }
	html.art2 .evo-post-hero .evo-hero-img .evo-post-img { aspect-ratio: 5 / 4 !important; }
	html.art2 .evo-post-hero__copy { padding: 26px 20px 30px !important; }
	html.art2 .evo-post-title .elementor-heading-title { font-size: 34px !important; }
	html.art2 .evo-article-body { font-size: 17px !important; line-height: 1.6 !important; }
	html.art2 .evo-article-body h2 { font-size: 29px !important; }
	html.art2 .art2-num { margin-top: 52px; }
	html.art2 #intro { padding-top: 32px; }
	html.art2 .art2-who { flex-basis: 100%; margin-bottom: 4px; }
	html.art2 .art2-who + .evo-byline__dot { display: none; }
	html.art2 .art2-btitle { margin-bottom: 18px; }
	html.art2 .art2-chapters ol { grid-template-columns: 1fr; }
	html.art2 .art2-chapters a { padding: 13px 0 14px; font-size: 17px; }
	html.art2 .art2-glance { margin-left: -20px; margin-right: -20px; padding: 24px 20px 14px; }
	html.art2 .art2-facts { grid-template-columns: 1fr; }
	html.art2 .art2-fact { display: grid; grid-template-columns: 40% minmax(0, 1fr); gap: 12px; padding: 12px 0; }
	html.art2 .art2-fact dt { margin: 2px 0 0; font-size: 10.5px; }
	html.art2 .art2-fact dd { font-size: 15.5px; }
	html.art2 .art2-fig { margin-left: -20px; margin-right: -20px; gap: 6px; }
	html.art2 .art2-fig > span:last-child { border-top-right-radius: 0; }
	html.art2 .art2-bleed { clip-path: inset(0 -100vmax); }
	html.art2 .art2-index { padding: 26px 0 28px; }
	html.art2 .art2-index__grid { grid-template-columns: 1fr; gap: 8px; }
	html.art2 .evo-article-body ul.art2-ticks.is-cols { grid-template-columns: 1fr; }
	/* tables become one card per row, each value with its column name */
	html.art2 .art2-tw { overflow: visible; border-radius: 0; }
	html.art2 .evo-article-body table, html.art2 .evo-article-body tbody, html.art2 .evo-article-body tr, html.art2 .evo-article-body td { display: block !important; width: auto !important; min-width: 0 !important; }
	html.art2 .evo-article-body table { background: none; }
	html.art2 .evo-article-body thead { display: none; }
	html.art2 .evo-article-body tbody tr { margin: 0 0 10px; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px var(--a2-line); }
	html.art2 .evo-article-body tbody td { padding: 9px 16px !important; border-bottom: 0 !important; background: none !important; }
	html.art2 .evo-article-body tbody td[data-label]:not(:first-child)::before { content: attr(data-label); display: block; margin: 0 0 2px; font: 600 10.5px/1.3 var(--a2-nh); letter-spacing: .14em; text-transform: uppercase; color: var(--a2-soft); }
	html.art2 .evo-article-body tbody td:first-child { padding: 14px 16px !important; background: var(--a2-tint) !important; font-size: 17px; }
	html.art2 .evo-article-body tbody td.has-pack { padding-left: 82px !important; height: auto; min-height: 78px; }
	html.art2 .art2-pack { left: 14px; top: 12px; width: 54px; height: 54px; }
	html.art2 .evo-article-body tbody tr td:last-child { padding-bottom: 14px !important; }
	html.art2 .evo-callout.art2-pick { grid-template-columns: 1fr; margin-left: -20px !important; margin-right: -20px !important; border-radius: 0 !important; }
	html.art2 .art2-pick__media { min-height: 0; aspect-ratio: 4 / 3; }
	html.art2 .art2-pick.is-range .art2-pick__media { aspect-ratio: 16 / 9; }
	html.art2 .art2-pick__body, html.art2 .art2-pick.is-range .art2-pick__body { padding: 22px 20px 24px; }
	html.art2 .evo-article-body .art2-pick__name { font-size: 26px !important; }
	html.art2 .art2-minis { grid-template-columns: 1fr; gap: 8px; }
	html.art2 .art2-mini { grid-template-columns: 84px minmax(0, 1fr); }
	html.art2 .evo-blog-quiz.art2-bleed { grid-template-columns: 1fr; padding: 30px 0 !important; }
	html.art2 .evo-blog-quiz a { justify-self: stretch; }
	html.art2 .evo-article-body .evo-blog-quiz__title { font-size: 27px !important; }
	html.art2 .art2-authorband { margin-top: 48px; padding: 20px 0; }
	html.art2 .art2-authorband .evo-authorbox { grid-template-columns: 46px minmax(0, 1fr) auto; gap: 2px 14px; }
	html.art2 .art2-authorband .evo-authorbox__mark { width: 46px !important; height: 46px !important; font-size: 14px !important; }
	html.art2 .art2-authorband .evo-authorbox__name, html.art2 .art2-authorband .evo-authorbox__name a { font-size: 20px !important; }
	html.art2 #sources:not(.is-open) .art2-src li:nth-child(n+4) { display: none; }
	html.art2 #sources:not(.is-open) .art2-more { display: inline-flex; padding: 14px 0 4px; border: 0; background: none; font: 600 12px/1 var(--a2-nh); letter-spacing: .16em; text-transform: uppercase; color: var(--a2-navy); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
	html.art2 .art2-help { padding: 22px; }
}
@media (max-width: 767px) {
	html.art2 .evo-article-body :is(.art2-glance, .art2-fig, .evo-callout.art2-pick).art2-out { margin-left: -20px !important; margin-right: -20px !important; }
	html.art2 .art2-facts.is-four, html.art2 .art2-index__grid.is-four { grid-template-columns: 1fr; }
}
@media (min-width: 768px) and (max-width: 1099px) { html.art2 .art2-facts.is-four, html.art2 .art2-index__grid.is-four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { html.art2 .art2-bar, html.art2 .art2-prog { transition: none; } html.art2 .evo-artcard img { transition: none !important; } }