/* Shared public-site layout. Loaded after page styles for a consistent rhythm. */
:root {
    --text-tertiary: #727c8c;
    --border-soft: #e6e9ee;
    --content-width: 1160px;
    --page-gutter: clamp(20px, 4vw, 40px);
    --transition-smooth: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif; }
body::after, .hero::before, .hero::after { display: none; }
h1, h2, h3 { text-wrap: pretty; }
h1 { letter-spacing: -.035em; }
p { line-height: 1.8; }
img { max-width: 100%; }
main { min-height: 60vh; }
main:focus { outline: none; }
a, button, select { -webkit-tap-highlight-color: transparent; }
:where(a, button, select, input, textarea):focus-visible { outline: 3px solid #2563eb; outline-offset: 4px; }
[id] { scroll-margin-top: 110px; }
.skip-link { position: fixed; top: 12px; left: 20px; z-index: 2000; padding: 12px 20px; background: #182230; color: white; border-radius: 8px; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
body > header { position: sticky; top: 0; padding: 12px var(--page-gutter); background: rgba(247,248,251,.88); backdrop-filter: blur(18px); }
.nav-container { width: 100%; max-width: var(--content-width); min-height: 64px; padding: 8px 20px; border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 3px 16px rgba(16,24,40,.035); }
.logo { font-size: 1.2rem; white-space: nowrap; }
.nav-links { gap: 28px; }
.nav-links > a, .nav-dropdown { margin-left: 0; }
.nav-links > a, .nav-dropdown-toggle { font-size: .9rem; font-weight: 600; }
.nav-links > a[aria-current="page"] { color: var(--primary); }
.nav-links select { margin-left: 0 !important; min-height: 36px; padding: 5px 10px !important; color: var(--text-primary) !important; background: #f7f8fb !important; border-color: var(--border-soft) !important; font: inherit; font-size: .8rem; }
.mobile-nav-toggle { display: none; }
.nav-dropdown-menu { width: 300px; }
.nav-product-link { margin: 0 !important; }
.nav-product-link small { line-height: 1.5; }
.nav-dropdown-menu a::after { display: none; }
.section { max-width: var(--content-width); padding: 64px var(--page-gutter); }
.hero { min-height: auto; padding: 64px var(--page-gutter); }
.hero-content { max-width: calc(var(--content-width) - 2 * var(--page-gutter)); width: 100%; padding-top: 0; }
.hero-text h1 { font-size: clamp(2.3rem, 5vw, 4.3rem); line-height: 1.17; }
.hero-text p { font-size: 1.1rem; font-weight: 400; }
body .studio-hero { padding: 64px var(--page-gutter) 40px; }
.studio-hero-content { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.studio-hero-copy { max-width: 820px; }
.studio-hero-copy h1 { max-width: 800px; font-size: clamp(2.35rem, 4.8vw, 4rem); margin-bottom: 20px; }
.studio-hero-copy p { max-width: 700px; margin-bottom: 0; font-size: 1.08rem; }
.studio-eyebrow { font-size: .74rem; font-weight: 700; letter-spacing: .1em; }
.studio-eyebrow::before { display: none; }
.studio-hero-metrics { grid-template-columns: repeat(4, minmax(0,1fr)); border: 1px solid var(--border-soft); border-radius: 12px; background: white; overflow: hidden; min-height: 80px; }
.studio-metric { padding: 16px; display: flex; justify-content: center; gap: 12px; border-bottom: 0; }
.studio-metric:last-child { border-right: 0; }
.studio-metric-icon { width: 32px; height: 32px; flex-shrink: 0; }
.studio-metric strong { font-size: .95rem; }
.studio-metric span:last-child { font-size: .76rem; text-align: left; }
.section-heading { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; }
.section-heading h2 { font-size: clamp(1.5rem, 2.7vw, 2.2rem); line-height: 1.35; }
.section-heading p { color: var(--text-secondary); font-size: .9rem; }
body .section.home-apps-section { padding-top: 24px; padding-bottom: 48px; }
.home-product-grid { gap: 24px; }
.home-product-card { padding: 28px; border-radius: 18px; background: white; grid-template-rows: auto 250px auto; min-height: 520px; box-shadow: 0 4px 20px rgba(16,24,40,.025); }
.home-product-copy h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.35; }
.home-product-copy p { font-size: .95rem; font-weight: 400; max-width: 440px; }
.home-product-kicker { gap: 12px; font-size: .83rem; margin-bottom: 20px; }
.home-app-icon { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }
.home-product-productivity::before { background: var(--product-productivity); }
.home-product-visual { margin: 20px 0; }
.home-product-visual img { max-height: 230px; object-fit: contain; }
.home-product-visual-pdf { display: flex; justify-content: center; gap: 20px; padding: 20px; background: #edf3fa; border-radius: 12px; overflow: hidden; }
.home-product-visual-pdf img { height: 240px; width: auto; max-height: none; border-radius: 8px; transform: none; }
.home-product-actions { flex-wrap: wrap; gap: 16px; }
.btn { min-height: 46px; padding: 12px 22px; border-radius: 10px; font-size: .92rem; font-weight: 600; line-height: 1.5; }
.btn-primary { box-shadow: none; }
.btn-primary:hover { box-shadow: 0 6px 18px rgba(16,24,40,.1); }
.card { box-shadow: none; border-radius: 16px; }
.card::before { height: 2px; }
.card h3 { font-size: 1.35rem; }
.card p { font-size: 1rem; font-weight: 400; }
body .section.vision-section { padding-top: 24px; padding-bottom: 48px; }
.vision-panel { gap: 28px; }
.vision-copy h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); }
.vision-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
.vision-stat { padding: 20px; }
.vision-stat:nth-child(2n) { border-right: 0; }
.vision-stat:nth-child(-n+2) { border-bottom: 1px solid var(--border-soft); }
.pdf-intro { padding-top: 56px; padding-bottom: 24px; }
.pdf-detail-hero { padding-top: 32px; }
.pdf-detail-layout { gap: 40px; }
.pdf-detail-layout h1 { font-size: clamp(2rem, 4vw, 3.25rem); }
.pdf-back { font-size: .85rem; margin-bottom: 28px; }
.pdf-tool { padding: 28px; }
.pdf-app-heading { gap: 14px; }
.pdf-tool .pdf-app-heading h2 { font-size: clamp(1.2rem,2vw,1.65rem); }
.pdf-collection-preview { display: flex; justify-content: center; height: 250px; overflow: hidden; background: #edf3fa; border-radius: 12px; margin: 24px 0; padding-top: 20px; }
.pdf-collection-preview img { width: auto; height: 300px; border-radius: 10px; }
main .blog-shell, main .article-shell, main .showcase-shell, main .showcase-detail { padding-top: 48px; padding-right: var(--page-gutter); padding-left: var(--page-gutter); }
footer { padding: 48px var(--page-gutter) 28px; margin-top: 32px; text-align: left; }
footer > .logo, footer > p, footer > div:last-child, .footer-products, .footer-friend-links { max-width: calc(var(--content-width) - 2 * var(--page-gutter)); margin-left: auto; margin-right: auto; }
footer > .logo { display: block; }
.footer-products, .footer-friend-links { border-top: 0; padding-top: 8px; }
.footer-product-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.footer-product-link { padding: 16px; border-radius: 12px; }
.footer-product-link small { font-weight: 400; }
footer > p { font-size: .8rem; }
.reveal { opacity: 1; transform: none; }
@media (max-width: 968px) {
    .nav-container { flex-direction: row; gap: 16px; }
    .nav-links { gap: 20px; }
    .studio-hero-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .studio-metric { border-bottom: 0; border-right: 1px solid var(--border-soft); }
    .studio-metric:nth-child(2) { border-right: 1px solid var(--border-soft); }
}
@media (max-width: 760px) {
    body > header { padding: 8px var(--page-gutter); }
    .nav-container { min-height: 56px; flex-wrap: wrap; padding: 8px 14px; gap: 0; }
    .logo { font-size: 1.1rem; }
    .mobile-nav-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 12px; background: #f4f6f9; border: 1px solid var(--border-soft); border-radius: 8px; font: inherit; font-size: .85rem; cursor: pointer; color: var(--text-primary); }
    .nav-links { display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 4px; padding-top: 12px; margin-top: 8px; border-top: 1px solid var(--border-soft); max-height: 70vh; overflow-y: auto; }
    .nav-links.is-open { display: flex; }
    .nav-links > a, .nav-dropdown-toggle { display: flex; min-height: 44px; padding: 10px 12px; font-size: .95rem; }
    .nav-links > a::after { display: none; }
    .nav-links select { align-self: flex-start; margin: 8px 12px !important; min-height: 40px; }
    .nav-dropdown-toggle { width: 100%; justify-content: space-between; }
    .nav-dropdown-menu { display: none; position: static; opacity: 1; pointer-events: auto; transform: none !important; width: 100%; box-shadow: none; border: 0; background: #f7f8fb; }
    .nav-dropdown.is-open .nav-dropdown-menu { display: block; }
    body .studio-hero { padding-top: 32px; padding-bottom: 24px; }
    .studio-hero-content { gap: 24px; }
    .studio-hero-copy h1 { font-size: clamp(2rem, 8vw, 3rem); line-height: 1.25; }
    .studio-hero-copy p { font-size: .98rem; line-height: 1.8; }
    .studio-hero-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .studio-metric { padding: 12px; justify-content: flex-start; gap: 10px; }
    .studio-metric:nth-child(2n) { border-right: 0; }
    .studio-metric:nth-child(-n+2) { border-bottom: 1px solid var(--border-soft); }
    .studio-metric span:last-child { font-size: .7rem; }
    .studio-metric strong { font-size: .85rem; }
    .hero { padding-top: 36px; padding-bottom: 40px; }
    .hero-text h1 { font-size: 2.2rem; }
    .hero-text p { font-size: 1rem !important; }
    .hero-text > div[style*="padding-left"] { padding-left: 0 !important; }
    .section { padding-top: 40px; padding-bottom: 40px; }
    main .section h2[style*="font-size"] { font-size: clamp(1.5rem,6vw,2rem) !important; }
    main .section > div[style*="margin-bottom: 6rem"] { margin-bottom: 32px !important; }
    main .hero-text[style*="padding-left"] { padding-left: 0 !important; }
    .home-product-card { padding: 22px; grid-template-rows: auto 230px auto; min-height: auto; }
    .home-product-grid { grid-template-columns: 1fr; gap: 20px; }
    .home-product-copy h2 { font-size: 1.5rem; }
    .home-product-actions .btn { flex: 1; }
    .home-product-actions .home-product-link { font-size: .8rem; }
    .home-blog-grid { grid-template-columns: 1fr; }
    .vision-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .vision-stat { gap: 10px; padding: 14px; }
    .vision-stat strong { font-size: 1.25rem; }
    .vision-stat span:last-child { font-size: .75rem; }
    .pdf-intro, .pdf-detail-hero { padding-top: 28px; }
    .pdf-intro h1 { font-size: 2.2rem; }
    .pdf-detail-layout { grid-template-columns: 1fr; gap: 24px; }
    .pdf-detail-layout h1 { font-size: 2rem; }
    .pdf-detail-layout p { font-size: 1rem; }
    .pdf-app-heading img { width: 72px; height: 72px; }
    .pdf-tool .pdf-app-heading img { width: 56px; height: 56px; }
    .pdf-tool { padding: 22px; }
    .pdf-tools-grid { grid-template-columns: 1fr; }
    .pdf-detail-features { gap: 14px; }
    .pdf-detail-features article { padding: 22px; }
    main .blog-shell, main .article-shell, main .showcase-shell, main .showcase-detail { padding-top: 32px; padding-bottom: 48px; }
    .blog-card { padding: 22px; }
    .footer-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .footer-product-link { padding: 12px; }
    .footer-product-link span { font-size: .85rem; }
    [id] { scroll-margin-top: 90px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Three product lines */
.product-line-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 36px; }
.product-line-tabs a { color: var(--text-primary); background: white; border: 1px solid var(--border-soft); border-radius: 24px; padding: 9px 20px; font-size: .88rem; text-decoration: none; }
.product-line-tabs a:hover { border-color: var(--primary); color: var(--primary); }
.product-line { --line-color: var(--product-productivity); margin-bottom: 48px; }
.product-line-learning { --line-color: var(--product-learning); }
.product-line-life { --line-color: var(--product-life); }
.product-line-heading { display: flex; align-items: flex-start; gap: 16px; padding: 24px 0; border-top: 1px solid var(--border-soft); }
.product-line-number { color: var(--line-color); font-size: .8rem; font-weight: 700; padding-top: 6px; }
.product-line-heading h3 { font-size: 1.5rem; line-height: 1.4; }
.product-line-heading p { color: var(--text-secondary); font-size: .92rem; margin-top: 6px; }
.product-line-learning .home-product-grid, .product-line-life .home-product-grid { grid-template-columns: 1fr; }
.product-line-learning .home-product-card, .product-line-life .home-product-card { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; gap: 0 32px; min-height: 330px; }
.product-line-learning .home-product-copy, .product-line-life .home-product-copy { align-self: center; }
.product-line-learning .home-product-visual, .product-line-life .home-product-visual { grid-column: 2; grid-row: 1 / 3; height: 280px; margin: 0; }
.nav-group-title { color: var(--text-tertiary); font-size: .7rem; font-weight: 700; letter-spacing: .06em; padding: 8px 12px 4px; }
.nav-product-group + .nav-product-group { border-top: 1px solid var(--border-soft); margin-top: 4px; }
.footer-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; }
.footer-product-group h3 { color: var(--text-secondary); font-size: .85rem; margin: 0 0 12px 12px; }
.footer-product-group .footer-product-link { display: block; margin-bottom: 8px; }
@media (max-width: 760px) {
    .product-line-tabs { gap: 8px; margin-bottom: 20px; }
    .product-line-tabs a { padding: 9px 14px; font-size: .8rem; }
    .product-line { margin-bottom: 32px; }
    .product-line-learning .home-product-card, .product-line-life .home-product-card { grid-template-columns: 1fr; grid-template-rows: auto 230px auto; gap: 0; }
    .product-line-learning .home-product-visual, .product-line-life .home-product-visual { grid-column: 1; grid-row: 2; height: auto; margin: 20px 0; }
    .footer-product-grid { grid-template-columns: 1fr; gap: 24px; }
    .footer-product-group h3 { margin-left: 0; }
}

/* Product-line landing pages and editorial blog */
.line-landing { padding-top: 56px; padding-bottom: 32px; max-width: 940px; text-align: center; }
.line-landing h1, .journal-hero h1 { font-size: clamp(2rem,4.5vw,3.8rem); line-height: 1.2; margin: 16px 0 24px; }
.line-landing > p { color: var(--text-secondary); max-width: 630px; margin: 0 auto 28px; font-size: 1.1rem; }
.line-landing-learning .studio-eyebrow { color: var(--product-learning); }
.line-landing-life .studio-eyebrow { color: var(--product-life); }
.line-product-section { padding-top: 24px; padding-bottom: 32px; }
.line-product-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; padding: 40px; background: white; border: 1px solid var(--border-soft); border-radius: 20px; }
.line-product-copy h2 { font-size: clamp(1.6rem,3vw,2.5rem); margin: 12px 0 16px; }
.line-product-copy p { color: var(--text-secondary); margin-bottom: 24px; }
.line-product-copy .pdf-detail-link { display: block; margin: 20px 0 0; }
.line-product-panel > img { width: 100%; max-height: 380px; height: auto; object-fit: contain; border-radius: 12px; }
.line-reading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.line-reading h2 { font-size: 1.8rem; }
.line-reading p { color: var(--text-secondary); margin-top: 10px; }
.journal-shell { max-width: var(--content-width); margin: auto; padding: 48px var(--page-gutter) 72px; }
.journal-hero { max-width: 850px; margin-bottom: 40px; }
.journal-hero > p { color: var(--text-secondary); font-size: 1.08rem; }
.journal-lines { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; }
.journal-lines a { color: var(--text-primary); font-size: .88rem; text-underline-offset: 5px; }
.journal-search { background: white; border: 1px solid var(--border-soft); border-radius: 14px; padding: 20px; }
.journal-search label { display: block; font-size: .8rem; font-weight: 600; margin-bottom: 10px; }
.journal-search > div { display: flex; gap: 12px; }
.journal-search input[type="search"] { min-width: 0; flex: 1; border: 1px solid var(--border-soft); background: #f7f8fb; border-radius: 8px; padding: 12px 16px; font: inherit; font-size: .95rem; }
.journal-tags { display: flex; gap: 8px; flex-wrap: wrap; margin: 20px 0 36px; }
.journal-tags a, .journal-active-tag { color: var(--text-secondary); border: 1px solid var(--border-soft); border-radius: 24px; padding: 7px 14px; font-size: .78rem; text-decoration: none; }
.journal-tags a[aria-current], .journal-active-tag { background: var(--text-primary); color: white; border-color: var(--text-primary); }
.journal-results { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.journal-results h2 { font-size: 1.3rem; }
.journal-results > span { font-size: .85rem; color: var(--text-secondary); }
.journal-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.journal-card { background: white; border: 1px solid var(--border-soft); border-radius: 16px; overflow: hidden; transition: var(--transition-smooth); }
.journal-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.journal-card > a { color: inherit; text-decoration: none; display: flex; flex-direction: column; height: 100%; }
.journal-cover { height: 240px; background: #f1f4f7; padding: 16px; }
.journal-cover img { width: 100%; height: 100%; object-fit: contain; }
.journal-card-copy { padding: 28px; flex: 1; display: flex; flex-direction: column; }
.journal-meta { display: flex; gap: 16px; color: var(--text-secondary); font-size: .76rem; margin-bottom: 16px; }
.journal-card h3 { font-size: 1.4rem; line-height: 1.45; margin-bottom: 14px; }
.journal-card-copy > p { color: var(--text-secondary); font-size: .95rem; margin-bottom: 24px; }
.journal-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: .78rem; margin-top: auto; }
.journal-card-bottom > span { color: var(--primary); }
.journal-featured { grid-column: 1 / -1; }
.journal-featured:has(.journal-cover) > a { display: grid; grid-template-columns: 1fr 1fr; }
.journal-featured .journal-cover { height: 100%; min-height: 320px; }
.journal-featured h3 { font-size: clamp(1.4rem,2.3vw,2rem); }
.journal-empty { border: 1px dashed var(--border-soft); text-align: center; padding: 48px 24px; border-radius: 16px; }
.journal-empty p { color: var(--text-secondary); margin: 12px 0 24px; }
main .article-shell { max-width: 880px; }
.article-header h1 { font-size: clamp(1.8rem,3.8vw,3rem); line-height: 1.35; }
.article-body { box-shadow: none; padding: clamp(22px,4vw,48px); }
.article-body p, .article-markdown p { line-height: 1.95; font-size: 1.05rem; }
.article-body section + section { margin-top: 40px; }
.article-body h2 { line-height: 1.45; font-size: 1.6rem; margin-bottom: 20px; }
@media (max-width:760px) {
    .line-landing, .journal-shell { padding-top: 32px; }
    .line-product-panel { grid-template-columns: 1fr; padding: 24px; gap: 28px; }
    .line-product-panel > img { max-height: 300px; }
    .journal-hero { margin-bottom: 28px; }
    .journal-grid { grid-template-columns: 1fr; gap: 18px; }
    .journal-featured:has(.journal-cover) > a { display: flex; }
    .journal-featured .journal-cover { height: 240px; min-height: 0; }
    .journal-card-copy { padding: 22px; }
    .journal-card h3 { font-size: 1.25rem; }
    .journal-search { padding: 16px; }
    .journal-search .btn { padding: 10px 16px; }
    .journal-tags { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; }
    .journal-tags a { flex-shrink: 0; }
}
.product-line-heading h3 a { color: inherit; text-decoration: none; }
.product-line-heading h3 a:hover { color: var(--line-color); }

/* Updated PDF Extractor features, formats and free allowances. */
.extractor-formats > h2, .extractor-plans > h2 { font-size: clamp(1.5rem,3vw,2.2rem); margin-bottom: 24px; }
.extractor-format-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 14px; margin-bottom: 20px; }
.extractor-format-list > div, .extractor-plan-grid > article { background: white; border: 1px solid var(--border-soft); border-radius: 14px; padding: 24px; }
.extractor-format-list strong { color: #2563eb; font-size: 1.15rem; }
.extractor-format-list p { color: var(--text-secondary); margin-top: 8px; font-size: .9rem; }
.extractor-plan-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-bottom: 20px; }
.extractor-plan-grid h3 { font-size: 1.3rem; margin-bottom: 18px; }
.extractor-plan-grid ul { padding-left: 20px; color: var(--text-secondary); }
.extractor-plan-grid li { margin-bottom: 12px; }
.pdf-screenshot-grid figcaption { font-size: .8rem; color: var(--text-secondary); margin-top: 10px; }
.pdf-screens-mac { grid-template-columns: repeat(2,minmax(0,1fr)); }
@media (max-width:720px) { .extractor-plan-grid { grid-template-columns: 1fr; } .pdf-screens-mac { grid-template-columns: 1fr; } }
.article-inline-screenshot { margin: 28px 0 40px; }
.article-inline-screenshot img { max-height: 720px; max-width: 100%; object-fit: contain; box-shadow: none; }
.article-product-cta { margin-top: 32px; padding: 28px; background: white; border: 1px solid var(--border-soft); border-radius: 14px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.article-product-cta h2 { font-size: 1.25rem; }
.product-articles .journal-cover { height: 220px; }
.journal-product-filter { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 20px; }
.journal-product-filter a { padding: 9px 16px; border: 1px solid var(--border-soft); border-radius: 8px; color: var(--text-primary); text-decoration: none; font-size: .88rem; }
.journal-product-filter a[aria-current] { background: var(--text-primary); color: white; }
.journal-product-labels { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; color: var(--accent); font-size: .8rem; font-weight: 600; }
.article-markdown img { display: block; max-height: 720px; width: auto; max-width: 100%; margin: 24px auto; object-fit: contain; }
.article-product-cta > div { flex: 1 1 100%; }
.article-product-cta > div p { margin-top: 8px; color: var(--text-secondary); font-size: .95rem; }
.article-product-cta { justify-content: flex-start; }