/* Used only by the two store-operations cornerstone articles. */
body.article-business { background: #f6f7f9; --fg: #1f2328; --fg-soft: #333; --muted: #6b7280; --forest: #2f5b4f; --accent: #2f5b4f; --border: #e5e7eb; --border-strong: #d1d5db; }
body.article-business .ops-article { background: #fff; width: min(856px, calc(100% - 48px)); margin: 32px auto 48px; padding: 48px; }
body.article-business .topic-nav { background: #102a3a; color: #fff; border-bottom-color: #344b58; }
body.article-business .topic-brand::before { background: #e1b076; }
body.article-business .topic-back { color: #d4e0e5; }
body.article-business .topic-nav a:hover { color: #e1b076; }
body.article-business .business-hero-band { background: #102a3a; color: #fff; }
body.article-business .business-hero-inner { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: 68px 0 72px; }
body.article-business .business-hero-band .article-topic-link { color: #e1b076; letter-spacing: .08em; }
body.article-business .business-hero-band .article-title { max-width: 1000px; font-size: clamp(32px, 4.2vw, 56px); font-weight: 500; line-height: 1.45; }
body.article-business .business-hero-band .article-meta { color: #c1d0d8; margin-top: 22px; font-size: 14px; }
body.article-business .business-hero-band .article-lead { max-width: 800px; color: #d4e0e5; }
body.article-business .business-hero-band .ops-tool-link { color: #e1b076; }
body.article-business .business-hero-band a:hover { color: #fff; }
body.article-business .business-hero-band a:focus-visible, body.article-business .topic-nav a:focus-visible { outline: 2px solid #e1b076; outline-offset: 5px; }
body.article-business .topic-footer { background: #fff; }
.ops-article .article-title { font-size: clamp(29px, 4vw, 42px); line-height: 1.4; }
.ops-article .article-content { overflow-wrap: break-word; }
.ops-article .article-content a { color: var(--forest); text-decoration: underline; text-underline-offset: 4px; }
.ops-article .article-content ul, .ops-article .article-content ol { padding-left: 1.5em; margin: 18px 0 26px; }
.ops-article .article-content li { margin: 12px 0; }
.ops-article .article-content blockquote { margin: 28px 0; padding: 4px 0 4px 20px; border-left: 2px solid var(--forest); }
.ops-article .article-content .ops-note { font-size: 14px; color: var(--muted); }
.ops-tool-link { display: inline-block; margin-top: 22px; color: var(--forest); font-size: 15px; text-decoration: underline; text-underline-offset: 4px; }
.ops-article #worksheet { scroll-margin-top: 80px; }
.ops-worksheet { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 24px 0 32px; background: #fff; font-size: 15px; line-height: 1.8; }
.ops-worksheet caption { text-align: left; color: var(--fg-soft); font-weight: 600; padding: 14px 0; }
.ops-worksheet th, .ops-worksheet td { border: 1px solid var(--border); padding: 14px 16px; vertical-align: top; overflow-wrap: anywhere; text-align: left; }
.ops-worksheet th { width: 28%; font-weight: 600; background: #eff1f0; }
.ops-back { border-top: 1px solid var(--border); padding-top: 24px; margin-top: 40px; color: var(--forest); font-size: 15px; }
.ops-article a:hover { color: var(--fg); }
.ops-article a:focus-visible { outline: 2px solid var(--forest); outline-offset: 4px; }
@media(max-width:700px) { body.article-business .ops-article { width: calc(100% - 24px); padding: 30px 18px; margin: 16px auto 28px; } .ops-worksheet { font-size: 14px; } .ops-worksheet th, .ops-worksheet td { padding: 12px 10px; } .ops-worksheet th { width: 30%; } }
@media print { .ops-article-page .topic-nav, .ops-article-page .topic-footer, .ops-article .article-save, .ops-article .related-reading, .ops-article .ops-back, .ops-tool-link { display: none; } .ops-article { width: 100%; padding: 0; } .ops-worksheet tr { break-inside: avoid; } }
@media print { body.article-business { background: #fff; } body.article-business .ops-article { width: 100%; margin: 0; padding: 0; } }
@media(max-width:700px) { body.article-business .business-hero-inner { padding: 42px 0 48px; } body.article-business .business-hero-band .article-lead { font-size: 17px; } }
@media print { body.article-business .business-hero-band { background: #fff; color: #111; } body.article-business .business-hero-inner { width: 100%; padding: 0 0 28px; } body.article-business .business-hero-band .article-meta, body.article-business .business-hero-band .article-lead, body.article-business .business-hero-band .article-topic-link { color: #333; } }