/* Batch 6: align R2 case-page accents with the factory red palette. */
:root { --accent: #c6232a; --mobile-accent: #c6232a; }
.contact-launcher { background: #c6232a !important; }
.inquiry-cart-chip > span { background: #c6232a !important; }
.library-brand .logo-header { display: block; height: 54px; width: auto; margin-top: 4px; }
.library-brand .logo-header.logo-horizontal { height: 38px; }
/* Batch 6k: R2-styled library, case and craft pages use the site typography. */
.library-intro h1, .craft-hero h1, .seo-case-article h1, .seo-index-main h1, .case-info h1,
.craft-active-heading h2, .craft-row-copy h2, .craft-grid.surface-grid .craft-row-copy h2, .craft-grid.printing-grid .craft-row-copy h2,
.product-intro-panel h2, .seo-geo-panel h2, .option-heading h3, .detail-breadcrumb, .library-detail-toolbar-copy strong {
  font-family: "Aptos", "Segoe UI", sans-serif !important; font-weight: 600 !important; letter-spacing: -.02em !important;
}
.library-intro h1, .craft-hero h1 { font-size: clamp(32px, 3.2vw, 48px) !important; line-height: 1.12 !important; }
.seo-case-article h1, .seo-index-main h1, .case-info h1 { font-size: clamp(28px, 2.8vw, 42px) !important; line-height: 1.14 !important; }
.craft-active-heading h2, .craft-row-copy h2, .option-heading h3 { font-size: clamp(24px, 2.2vw, 34px) !important; line-height: 1.15 !important; }
.case-card h2 { font-size: 17px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.35 !important; }
.case-inquiry-button, .craft-inquiry-button { background: #c6232a !important; border-color: #c6232a !important; color: #fff !important; }
.case-inquiry-button:hover, .craft-inquiry-button:hover { background: #a51d23 !important; border-color: #a51d23 !important; }
/* Case pages: the long summary reads as a normal paragraph under the title. */
.seo-case-article > h1 { order: -1; }
.seo-case-article > .case-number { font-size: 17px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.7 !important; color: #4a4f57 !important; max-width: 56rem; margin: 0; }
.seo-case-article h2 { color: #c6232a; }
@media (max-width: 600px) { .seo-case-article > .case-number { font-size: 15px !important; } }

/* Buyer entry points on the sample directory and existing case details. */
body.seo-case-page { --case-max: clamp(1440px, 78vw, 2560px); --case-body: clamp(1rem, .9375rem + .25vw, 1.5rem); --case-small: clamp(.875rem, .8125rem + .2vw, 1.125rem); font-size: var(--case-body); }
.seo-case-page .seo-case-main, .seo-case-page .library-header { width: min(var(--case-max), calc(100% - 96px)); max-width: none; margin-inline: auto; padding-inline: 0; }
.seo-case-page .library-brand .logo-header.logo-horizontal { height: clamp(40px, 24px + 1.5vw, 64px); }
.seo-case-page .library-nav a { font-size: var(--case-body); }
.seo-case-page .seo-case-article h1 { max-width: 22em; font-size: clamp(2rem, 1.5rem + 2vw, 4.5rem) !important; line-height: 1.13 !important; text-wrap: balance; }
.seo-case-page .seo-case-article > .case-number { max-width: 58em; font-size: var(--case-body) !important; }
.seo-case-page .seo-case-article p, .seo-case-page .seo-case-article li { max-width: 58em; font-size: var(--case-body); line-height: 1.75; }
.seo-case-page .seo-case-article h2 { font-size: clamp(1.5rem, 1.2rem + 1vw, 3rem); }
.seo-case-page .seo-case-article figcaption { font-size: var(--case-small); }
body.seo-case-page .inquiry-cart-bar.is-empty { display: none !important; }
.marketing-site.seo-index-page .seo-index-main { width: min(var(--max), calc(100% - 96px)); margin-inline: auto; padding-inline: 0; }
.marketing-site.seo-index-page .seo-index-main > h1 { margin-top: 16px; }
.marketing-site.seo-index-page .seo-index-main > p { max-width: 48em; font-size: var(--marketing-body); line-height: 1.75; }
.marketing-site.seo-index-page .seo-index-main li > a { font-family: inherit; font-size: var(--marketing-body); font-weight: 600; }
.marketing-site.seo-index-page .seo-index-main li > p { font-size: var(--marketing-body); line-height: 1.75; }
.sample-index-actions, .case-quick-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; margin: 22px 0 28px; }
.seo-case-page .case-quick-actions { order: -1; margin: 8px 0 0; }
.seo-case-page .case-quick-actions .button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; font-size: var(--case-body) !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; line-height: 1.3; border: 1px solid #c6232a; border-radius: 3px; background: #c6232a; color: #fff; text-decoration: none; }
.seo-case-page .case-quick-actions .button:hover { background: #a51d23; border-color: #a51d23; }
.seo-case-page .case-quick-actions .text-link { font-size: 16px; font-weight: 600; text-underline-offset: 4px; }
@media (min-width: 1920px) {
  .seo-case-page .case-quick-actions .button, .seo-case-page .case-quick-actions .text-link { font-size: clamp(16px, 12px + .3vw, 22px); }
}
@media (max-width: 900px) { .marketing-site.seo-index-page .seo-index-main { width: calc(100% - 64px); } }
@media (max-width: 900px) { .seo-case-page .seo-case-main, .seo-case-page .library-header { width: calc(100% - 64px); } }
@media (max-width: 600px) {
  .seo-case-page .seo-case-main, .seo-case-page .library-header { width: calc(100% - 40px); }
  .seo-case-page .library-header { flex-wrap: wrap; gap: 14px; }
  .seo-case-page .library-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100% !important; gap: 8px; overflow: visible !important; }
  .seo-case-page .library-nav a { display: flex; justify-content: center; align-items: center; min-width: 0; min-height: 44px; padding: 8px; font-size: 14px !important; line-height: 1.4; white-space: normal !important; text-align: center; }
  .seo-case-page .library-nav a[href="../contact.html"] { display: none !important; }
  .seo-case-page .seo-case-article h1 { font-size: 32px !important; }
  .marketing-site.seo-index-page .seo-index-main { width: calc(100% - 40px); }
  .sample-index-actions, .case-quick-actions { align-items: flex-start; flex-direction: column; gap: 16px; }
}