/*! ORM site design v1.1 — sits on top of GeneratePress. Plate orange + electric blue, one accent word per headline. */
:root {
  --s-ink: #0b1220; --s-ink-2: #4a5568; --s-bg: #f9f9ff; --s-card: #fff; --s-soft: #f1f3ff; --s-line: #e4e8ef;
  --s-accent: #ae3200; --s-accent-2: #ff5a1f; --s-accent-bg: #fff1ea; --s-blue: #004fda; --s-blue-bg: #eef3ff;
  --s-radius: 12px; --s-max: 1180px; --s-read: 760px;
  --s-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --s-ink: #eef1f7; --s-ink-2: #aab3c5; --s-bg: #0e131d; --s-card: #141a26; --s-soft: #182030; --s-line: #2b3446;
    --s-accent: #ff8a5c; --s-accent-bg: #2a1b14; --s-blue: #8eb0ff; --s-blue-bg: #1b2540;
  }
}
:root[data-theme="dark"] {
  --s-ink: #eef1f7; --s-ink-2: #aab3c5; --s-bg: #0e131d; --s-card: #141a26; --s-soft: #182030; --s-line: #2b3446;
  --s-accent: #ff8a5c; --s-accent-bg: #2a1b14; --s-blue: #8eb0ff; --s-blue-bg: #1b2540;
}
html { -webkit-text-size-adjust: 100%; }
body.orm-site { background: var(--s-bg); color: var(--s-ink); font-family: var(--s-font); font-size: 18px; line-height: 1.65; overflow-x: hidden; }
.orm-site a { color: var(--s-blue); text-underline-offset: 3px; }
.orm-site a:hover { color: var(--s-accent); }
.orm-site :focus-visible { outline: 3px solid var(--s-blue); outline-offset: 2px; }
.orm-site h1, .orm-site h2, .orm-site h3, .orm-site h4 { color: var(--s-ink); font-family: var(--s-font); letter-spacing: -.02em; line-height: 1.15; }
.orm-site h1 { font-size: clamp(36px, 6vw, 60px); font-weight: 800; margin: 0 0 16px; }
.orm-site h2 { font-size: clamp(26px, 3.4vw, 36px); font-weight: 800; margin: 56px 0 14px; }
.orm-site h3 { font-size: 22px; font-weight: 700; margin: 28px 0 10px; }
.orm-accent { color: var(--s-accent); }

/* header */
.orm-site.page .featured-image, .orm-site.page .page-header-image { display: none !important; }
.orm-site .inside-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 16px; }
.orm-site .site-branding-container, .orm-site .site-branding { flex: none; }
.orm-logo span { white-space: nowrap; }
.orm-site #site-navigation { flex: 1 1 auto; margin-left: auto; }
.orm-site .main-navigation .inside-navigation { display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; }
.orm-site .main-navigation .main-nav > ul { display: flex; flex-wrap: nowrap; }
@media (min-width: 769px) and (max-width: 1060px) {
  .orm-site .main-navigation .main-nav ul li a { padding-left: 9px; padding-right: 9px; font-size: 15px; }
  .orm-logo { font-size: 17px; }
}
@media (max-width: 768px) {
  .orm-site .inside-header { flex-direction: row !important; flex-wrap: nowrap; padding: 8px 12px; }
  .orm-site #site-navigation { flex: 0 0 auto; width: auto !important; margin: 0 0 0 auto; }
  .orm-site .main-navigation .inside-navigation { padding: 0; display: flex !important; flex-direction: row !important; align-items: center; flex-wrap: nowrap; gap: 6px; }
  .orm-site .main-navigation .menu-bar-items { order: 1; display: flex; }
  .orm-site .main-navigation .menu-toggle { order: 2; flex: none; }
  .orm-theme-toggle { margin-left: 0; width: 40px; height: 40px; }
  .orm-site .mobile-menu-control-wrapper { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 6px; margin-left: auto !important; flex: none; }
  .orm-site .mobile-menu-control-wrapper .menu-bar-items { flex: none; }
  .orm-site .site-branding { flex: 1 1 auto; min-width: 0; }
  .orm-logo { font-size: 16px; gap: 8px; }
  .orm-logo-mark { width: 30px; height: 30px; }
  .orm-site .main-navigation .inside-navigation { justify-content: flex-end; }
  .orm-site .main-navigation.toggled .main-nav > ul { display: block; position: absolute; left: 0; right: 0; top: 100%; border-top: 1px solid var(--s-line); box-shadow: 0 16px 30px -16px rgba(0,0,0,.3); }
  .orm-site .main-navigation .menu-toggle { padding: 0 12px; line-height: 44px; font-weight: 700; }
}
.orm-site .site-header { background: var(--s-card); border-bottom: 1px solid var(--s-line); position: sticky; top: 0; z-index: 50; }
.orm-site .inside-header { max-width: var(--s-max); padding: 10px 16px; }
.orm-site .main-title { margin: 0; }
.orm-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none !important; color: var(--s-ink) !important; font-weight: 700; font-size: 19px; letter-spacing: -.01em; }
.orm-logo b { color: var(--s-accent); font-weight: 800; }
.orm-logo-mark { flex: none; }
.orm-site .main-navigation, .orm-site .main-navigation ul ul { background: transparent; }
.orm-site .main-navigation .main-nav ul li a { color: var(--s-ink); font-weight: 600; font-size: 16px; padding-left: 14px; padding-right: 14px; line-height: 56px; }
.orm-site .main-navigation .main-nav ul li a:hover, .orm-site .main-navigation .main-nav ul li.current-menu-item > a { color: var(--s-accent); }
.orm-site .main-navigation ul ul { background: var(--s-card); border: 1px solid var(--s-line); border-radius: 10px; box-shadow: 0 12px 30px -12px rgba(0,0,0,.25); }
.orm-site .main-navigation .main-nav ul ul li a { line-height: 1.4; padding: 10px 16px; font-size: 15px; }
.orm-site .menu-toggle, .orm-site .main-navigation .menu-toggle { color: var(--s-ink); background: transparent; }
.orm-site .main-navigation.toggled .main-nav > ul { background: var(--s-card); }
.orm-theme-toggle { background: var(--s-soft); color: var(--s-ink); border: 1px solid var(--s-line); border-radius: 999px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 8px; padding: 0; }
.orm-theme-toggle:hover { color: var(--s-accent); }
.orm-site .menu-bar-items { align-items: center; }

/* content shell */
.orm-site .site.grid-container { max-width: 100%; }
.orm-site .site-content { display: block; padding: 0; }
.orm-site.separate-containers .inside-article, .orm-site .inside-article { background: transparent; padding: 0 16px 40px; }
.orm-site.separate-containers .site-main { margin: 0; }
.orm-site .entry-content { max-width: var(--s-max); margin: 0 auto; }
.orm-site .entry-content > p, .orm-site .entry-content > ul, .orm-site .entry-content > ol, .orm-site .entry-content > h2, .orm-site .entry-content > h3,
.orm-site .entry-content > .orm-read, .orm-site .entry-content > figure, .orm-site .entry-content > .wp-block-table, .orm-site .entry-content > details,
.orm-site .entry-content > .orm-note, .orm-site .entry-content > .orm-faq, .orm-site .entry-content > .orm-sources, .orm-site .entry-content > .orm-reviewed,
.orm-site .entry-content > .rank-math-breadcrumb, .orm-site .entry-content > .orm-toc, .orm-site .entry-content > .orm-steps, .orm-site .entry-content > .orm-formula,
.orm-site .entry-content > .orm-calc { max-width: var(--s-read); margin-left: auto; margin-right: auto; }
.orm-site .entry-content > .orm-wide { max-width: var(--s-max); margin-left: auto; margin-right: auto; }
.orm-site .entry-content p, .orm-site .entry-content li { color: var(--s-ink); }
.orm-lead { font-size: 20px; color: var(--s-ink-2) !important; }

/* hero band */
.orm-hero-band { margin: 0 calc(50% - 50vw) 8px; padding: 28px 16px 36px; background: linear-gradient(120deg, #fff1ea 0%, #f6f3ff 55%, #eef3ff 100%); border-bottom: 1px solid var(--s-line); }
:root[data-theme="dark"] .orm-hero-band { background: linear-gradient(120deg, #22160f, #151b2b 60%, #121a2d); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .orm-hero-band { background: linear-gradient(120deg, #22160f, #151b2b 60%, #121a2d); } }
.orm-hero-grid { max-width: var(--s-max); margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 20px; align-items: start; }
@media (min-width: 960px) { .orm-hero-grid { grid-template-columns: 1fr 480px; gap: 48px; padding-top: 24px; } }
.orm-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--s-card); border: 1px solid var(--s-line); border-radius: 999px; padding: 4px 12px; font-size: 14px; font-weight: 600; color: var(--s-ink-2); margin: 0 0 14px; }
.orm-badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #16a34a; }
.orm-hero-copy .orm-lead { margin: 0 0 16px; }
.orm-checks-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 15px; color: var(--s-ink-2); }
.orm-checks-list li::before { content: "✓ "; color: #16a34a; font-weight: 800; }
@media (max-width: 959px) { .orm-hero-copy .orm-checks-list, .orm-hero-copy .orm-hide-mobile { display: none; } .orm-hero-copy h1 { margin-bottom: 8px; } .orm-hero-copy .orm-lead { font-size: 17px; margin-bottom: 4px; } .orm-hero-band { padding-top: 16px; } }
.rank-math-breadcrumb { font-size: 14px; color: var(--s-ink-2); margin: 0 0 10px; }
.rank-math-breadcrumb p { margin: 0; }

/* sections and components */
.orm-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 16px auto 8px; padding: 0; list-style: none; counter-reset: s; }
.orm-steps li { background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 16px; font-size: 16px; counter-increment: s; }
.orm-steps li::before { content: "0" counter(s); display: block; font-weight: 800; color: var(--s-accent); font-size: 14px; margin-bottom: 4px; }
.orm-steps li strong { display: block; margin-bottom: 2px; }
.orm-note { background: var(--s-blue-bg); border-left: 4px solid var(--s-blue); border-radius: 10px; padding: 14px 16px; margin: 18px auto; font-size: 17px; }
.orm-note p { margin: 0; }
.orm-warnbox { background: #fff7e6; border-left: 4px solid #f59e0b; }
:root[data-theme="dark"] .orm-warnbox { background: #2a2310; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .orm-warnbox { background: #2a2310; } }
.orm-formula { background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 14px 16px; margin: 12px auto; }
.orm-formula code { display: inline-block; font-size: 17px; background: var(--s-soft); padding: 4px 10px; border-radius: 8px; color: var(--s-ink); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.orm-formula p { margin: 6px 0; }
.orm-toc { background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 14px 18px; font-size: 16px; }
.orm-toc p { margin: 0 0 6px; font-weight: 700; }
.orm-toc ol { margin: 0; padding-left: 20px; columns: 2; column-gap: 28px; }
@media (max-width: 640px) { .orm-toc ol { columns: 1; } }

.orm-site .entry-content table { width: 100%; border-collapse: collapse; font-size: 16px; background: var(--s-card); border-radius: var(--s-radius); overflow: hidden; border: 1px solid var(--s-line); }
.orm-site .entry-content table caption { caption-side: top; text-align: left; font-size: 14px; color: var(--s-ink-2); padding: 0 0 8px; }
.orm-site .entry-content th, .orm-site .entry-content td { border: 0; border-bottom: 1px solid var(--s-line); padding: 10px 12px; text-align: left; font-variant-numeric: tabular-nums; }
.orm-site .entry-content thead th { background: var(--s-soft); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--s-ink-2); }
.orm-tablewrap { overflow-x: auto; margin: 14px auto 18px; max-width: var(--s-read); }
.orm-wide .orm-tablewrap, .orm-tablewrap.orm-wide { max-width: var(--s-max); }
.orm-grid-table td, .orm-grid-table th { text-align: center !important; padding: 7px 6px !important; font-size: 14px; }

.orm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; margin: 18px 0 8px; }
.orm-cardlink { display: flex; flex-direction: column; gap: 6px; background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 18px; text-decoration: none !important; color: var(--s-ink) !important; transition: border-color .15s, transform .15s; min-height: 150px; }
.orm-cardlink:hover { border-color: var(--s-accent); transform: translateY(-2px); }
.orm-cardlink-ic { width: 40px; height: 40px; border-radius: 10px; background: var(--s-accent-bg); color: var(--s-accent); display: inline-flex; align-items: center; justify-content: center; }
.orm-cardlink-t { font-weight: 800; font-size: 18px; }
.orm-cardlink-d { font-size: 15px; color: var(--s-ink-2); flex: 1; }
.orm-cardlink-go { font-size: 14px; font-weight: 700; color: var(--s-accent); }
.orm-band { margin: 48px calc(50% - 50vw) 0; padding: 12px 16px 40px; background: var(--s-soft); border-top: 1px solid var(--s-line); border-bottom: 1px solid var(--s-line); }
.orm-band > * { max-width: var(--s-max); margin-left: auto; margin-right: auto; }
.orm-eyebrow { font-size: 13px !important; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--s-accent) !important; margin: 40px auto 0 !important; }
.orm-eyebrow + h2 { margin-top: 6px; }

.orm-faq details { background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); margin: 10px 0; padding: 0 18px; }
.orm-faq summary { cursor: pointer; font-weight: 700; padding: 16px 0; list-style: none; display: flex; justify-content: space-between; gap: 12px; font-size: 18px; }
.orm-faq summary::-webkit-details-marker { display: none; }
.orm-faq summary::after { content: "+"; font-weight: 800; color: var(--s-accent); font-size: 22px; line-height: 1; }
.orm-faq details[open] summary::after { content: "–"; }
.orm-faq details > div { padding: 0 0 14px; }
.orm-faq details p { margin: 0 0 8px; }
.orm-faq h3 { font-size: inherit; margin: 0; font-weight: 700; letter-spacing: 0; line-height: 1.4; }

.orm-sources { font-size: 15px; color: var(--s-ink-2); }
.orm-sources li { margin-bottom: 6px; word-break: break-word; }
.orm-reviewed { display: flex; gap: 16px; align-items: flex-start; background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 18px; margin-top: 36px !important; }
.orm-reviewed p { margin: 0 0 6px; font-size: 16px; }
.orm-reviewed-bio { color: var(--s-ink-2) !important; }
.orm-reviewed-meta { font-size: 14px !important; color: var(--s-ink-2) !important; }

/* footer */
.orm-site .site-footer { background: var(--s-card); border-top: 1px solid var(--s-line); }
.orm-footer { padding: 40px 16px 8px; }
.orm-footer-in { max-width: var(--s-max); margin: 0 auto; display: grid; gap: 28px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .orm-footer-in { grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; } }
.orm-footer-brand p { font-size: 15px; color: var(--s-ink-2); margin: 10px 0 0; max-width: 320px; }
.orm-footer-h { font-weight: 800; font-size: 14px; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 8px; color: var(--s-ink); }
.orm-footer-col ul { list-style: none; margin: 0; padding: 0; }
.orm-footer-col li { margin: 0 0 6px; font-size: 15px; }
.orm-footer-col a { color: var(--s-ink-2); text-decoration: none; }
.orm-footer-col a:hover { color: var(--s-accent); text-decoration: underline; }
.orm-site .site-info { background: transparent; color: var(--s-ink-2); font-size: 14px; border-top: 1px solid var(--s-line); }
.orm-site .inside-site-info { max-width: var(--s-max); padding: 18px 16px; }

/* single posts / archives, if ever used */
.orm-site.single .inside-article, .orm-site.archive .inside-article { max-width: var(--s-read); margin: 24px auto; }

@media print {
  .site-header, .site-footer, .orm-hero-copy, .orm-band, .orm-faq, .orm-reviewed, .orm-theme-toggle { display: none !important; }
}
.orm-site .entry-content > .orm-figure { max-width: var(--s-read); margin: 20px auto; }
.orm-figure img { width: 100%; height: auto; border-radius: var(--s-radius); border: 1px solid var(--s-line); display: block; }
.orm-site .entry-content > .wp-block-rank-math-toc-block { max-width: var(--s-read); margin: 24px auto 8px; background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 14px 18px; font-size: 16px; }
.wp-block-rank-math-toc-block h2 { font-size: 16px !important; margin: 0 0 6px !important; letter-spacing: 0; }
.wp-block-rank-math-toc-block nav ul { margin: 0; padding-left: 20px; columns: 2; column-gap: 28px; }
.wp-block-rank-math-toc-block li { margin: 0 0 4px; break-inside: avoid; }
@media (max-width: 640px) { .wp-block-rank-math-toc-block nav ul { columns: 1; } }

/* ===== v1.2 Stitch alignment ===== */
/* header unit pill */
.orm-hdr-unit { display: inline-flex; background: var(--s-soft); border: 1px solid var(--s-line); border-radius: 999px; padding: 3px; margin-left: 8px; }
.orm-hdr-unit button { border: 0; background: transparent; color: var(--s-ink-2); font: inherit; font-size: 13px; font-weight: 700; padding: 5px 12px; border-radius: 999px; cursor: pointer; min-height: 32px; }
.orm-hdr-unit button[aria-pressed="true"] { background: var(--s-accent); color: #fff; }
@media (max-width: 420px) { .orm-hdr-unit button { padding: 5px 9px; } }

/* hero variants */
.orm-hero-1 { grid-template-columns: 1fr !important; }
.orm-hero-single { padding-bottom: 72px; }
.orm-badge-o { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: var(--s-ink-2); margin: 0 0 12px; }
.orm-badge-o span { background: var(--s-accent-2); color: #fff; font-weight: 700; padding: 4px 12px; border-radius: 999px; font-size: 13px; }
.orm-hero-center { text-align: center; padding-bottom: 44px; }
.orm-hero-c { max-width: 760px; margin: 0 auto; }
.orm-hero-center .rank-math-breadcrumb { text-align: left; }
.orm-badge-center { justify-content: center; }
.orm-switch { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 0; font-size: 13px; }
.orm-switch span { font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--s-ink-2); }
.orm-switch a { text-decoration: none !important; padding: 6px 14px; border-radius: 999px; background: var(--s-card); border: 1px solid var(--s-line); color: var(--s-ink) !important; font-weight: 600; font-size: 14px; }
.orm-switch a.on { background: var(--s-accent); border-color: var(--s-accent); color: #fff !important; }
.orm-wide-tool { max-width: var(--s-max); margin: -48px auto 24px; position: relative; z-index: 2; }
@media (min-width: 960px) { .orm-hero-copy .orm-switch { display: flex; } }

/* two-column content with sidebar */
.orm-layout { max-width: var(--s-max); margin: 8px auto 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; }
@media (min-width: 1024px) { .orm-layout { grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; } .orm-side-in { position: sticky; top: 96px; } }
.orm-main { min-width: 0; }
.orm-main > h2:first-child, .orm-main > .wp-block-rank-math-toc-block:first-child { margin-top: 24px; }
.orm-main .orm-tablewrap, .orm-main .orm-tablewrap.orm-wide { max-width: none; }
.orm-main .orm-calc { max-width: none; }
.orm-side-in { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; }
.orm-side-card { background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 16px 18px; }
.orm-side-h { font-size: 13px !important; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--s-accent) !important; margin: 0 0 8px !important; }
.orm-side-list { list-style: none; margin: 0; padding: 0; }
.orm-side-list li { border-bottom: 1px solid var(--s-line); }
.orm-side-list li:last-child { border-bottom: 0; }
.orm-side-list a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 2px; text-decoration: none !important; color: var(--s-ink) !important; font-size: 15px; }
.orm-side-list a:hover { color: var(--s-accent) !important; }
.orm-side-ic a { justify-content: flex-start; }
.orm-side-ic small { display: block; color: var(--s-ink-2); font-size: 13px; }
.orm-side-i { width: 34px; height: 34px; flex: none; border-radius: 9px; background: var(--s-accent-bg); color: var(--s-accent); display: inline-flex; align-items: center; justify-content: center; }
.orm-side-tip { background: var(--s-accent-bg); border-color: #ffd6c6; }
.orm-side-tip p:last-child { margin: 0; font-size: 15px; color: var(--s-ink); }
:root[data-theme="dark"] .orm-side-tip { border-color: #4a2a1c; }

/* TOC like Stitch "On this page" */
.orm-site .wp-block-rank-math-toc-block { border-left: 4px solid var(--s-accent) !important; }
.wp-block-rank-math-toc-block h2 { text-transform: uppercase; letter-spacing: .08em; font-size: 13px !important; color: var(--s-ink-2); }
.wp-block-rank-math-toc-block nav ul { list-style: none; padding-left: 0 !important; }
.wp-block-rank-math-toc-block li a { text-decoration: none; font-size: 15px; }
.wp-block-rank-math-toc-block li a::before { content: "→ "; color: var(--s-accent); }
.orm-main > .wp-block-rank-math-toc-block { max-width: none; margin: 24px 0 8px; }

/* FAQ chevrons */
.orm-faq summary::after { content: ""; width: 10px; height: 10px; border-right: 2.5px solid var(--s-ink-2); border-bottom: 2.5px solid var(--s-ink-2); transform: rotate(45deg); margin-top: 4px; flex: none; transition: transform .2s; }
.orm-faq details[open] summary::after { content: ""; transform: rotate(-135deg); margin-top: 10px; }

/* formula comparison + badges */
.orm-read { display: inline-block; font-size: 13px; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.orm-read.mid { background: #e7f7ee; color: #15803d; }
.orm-read.lo { background: #eef3ff; color: #1d4ed8; }
.orm-read.hi { background: #fff1ea; color: #ae3200; }
:root[data-theme="dark"] .orm-read.mid { background: #13301f; color: #6ee7a0; }
:root[data-theme="dark"] .orm-read.lo { background: #1b2540; color: #8eb0ff; }
:root[data-theme="dark"] .orm-read.hi { background: #2a1b14; color: #ff8a5c; }
.orm-compare td:last-child { color: var(--s-ink-2); font-size: 15px; }

/* feature cards */
.orm-feature2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin: 20px 0; }
.orm-feature { background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 20px; }
.orm-feature h3 { margin: 12px 0 6px; font-size: 18px; }
.orm-feature p { margin: 0; font-size: 16px; color: var(--s-ink-2) !important; }

/* chart page cards */
.orm-cards3 { max-width: var(--s-max); margin: -40px auto 8px; display: grid; grid-template-columns: 1fr; gap: 18px; position: relative; z-index: 2; }
@media (min-width: 900px) { .orm-cards3 { grid-template-columns: repeat(3, 1fr); } }
.orm-ccard { background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 20px; box-shadow: 0 12px 40px -18px rgba(11,18,32,.18); display: flex; flex-direction: column; }
.orm-ccard-h { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.orm-site .orm-ccard-t { font-size: 20px; margin: 0; }
.orm-ccard .orm-hint { margin: 4px 0 10px; font-size: 14px; }
.orm-ccard-f { margin: auto 0 0; padding-top: 10px; border-top: 1px solid var(--s-line); font-size: 13px; color: var(--s-ink-2); }
.orm-ccard-actions { margin-top: auto; padding-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.orm-mini-table { width: 100%; border-collapse: collapse; font-size: 14px !important; border: 0 !important; background: transparent !important; }
.orm-mini-table th, .orm-mini-table td { padding: 7px 6px !important; border-bottom: 1px solid var(--s-line) !important; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; }
.orm-mini-table thead th { background: transparent !important; font-family: inherit; font-size: 12px !important; }
.orm-mini-table tr.orm-top { background: var(--s-accent-bg); }
.orm-zone { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; font-weight: 700; }
.orm-zone.z1 { color: #ae3200; } .orm-zone.z2 { color: #1d4ed8; } .orm-zone.z4 { color: #15803d; }
.orm-curve { width: 100%; height: auto; background: var(--s-soft); border-radius: 10px; margin-bottom: 8px; }
.orm-curve-bar { fill: #f4c7b5; } .orm-curve-line { fill: none; stroke: var(--s-accent-2); stroke-width: 2.5; } .orm-curve-t { font-size: 8px; fill: var(--s-ink-2); }
.orm-pill { display: inline-block; background: var(--s-soft); border: 1px solid var(--s-line); color: var(--s-ink-2); border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.orm-zones-band { margin-top: 40px; }
.orm-center { text-align: center; }
.orm-lead-s { max-width: 640px; margin: 0 auto 20px !important; color: var(--s-ink-2) !important; }
.orm-zones { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.orm-zone-card { background: var(--s-card); border: 1px solid var(--s-line); border-left: 4px solid; border-radius: var(--s-radius); padding: 18px; display: flex; flex-direction: column; }
.orm-zone-card.z1 { border-left-color: #ae3200; } .orm-zone-card.z2 { border-left-color: #1d4ed8; } .orm-zone-card.z3 { border-left-color: #f59e0b; } .orm-zone-card.z4 { border-left-color: #16a34a; }
.orm-zone-card h3 { margin: 10px 0 6px; font-size: 18px; }
.orm-zone-card p { font-size: 15px; margin: 0 0 10px; color: var(--s-ink-2) !important; }
.orm-zone-top { display: flex; justify-content: space-between; font-size: 12px !important; font-family: ui-monospace, Menlo, monospace; }
.orm-zone-top .orm-zone { background: var(--s-soft); padding: 3px 8px; border-radius: 6px; text-transform: uppercase; }
.orm-zone-card.z1 .orm-zone { background: #fff1ea; color: #ae3200; } .orm-zone-card.z2 .orm-zone { background: #eef3ff; color: #1d4ed8; } .orm-zone-card.z3 .orm-zone { background: #fff7e6; color: #b45309; } .orm-zone-card.z4 .orm-zone { background: #e7f7ee; color: #15803d; }
.orm-zone-f { margin: auto 0 0 !important; padding-top: 10px; border-top: 1px solid var(--s-line); display: flex; justify-content: space-between; color: var(--s-ink) !important; }

/* guides hub */
.orm-search { display: flex; gap: 8px; max-width: 560px; margin: 18px auto 0; background: var(--s-card); border: 1px solid var(--s-line); border-radius: 999px; padding: 6px 6px 6px 18px; box-shadow: 0 12px 30px -16px rgba(11,18,32,.25); }
.orm-search input { flex: 1; border: 0; background: transparent; font: inherit; font-size: 16px; color: var(--s-ink); min-width: 0; outline: none; }
.orm-search .orm-btn { width: auto; min-height: 44px; font-size: 15px; padding: 8px 20px; }
.orm-guide-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: var(--s-max); margin: 24px auto; }
.orm-guide-chips button { border: 1px solid var(--s-line); background: var(--s-soft); color: var(--s-ink); font: inherit; font-size: 14px; font-weight: 600; padding: 8px 16px; border-radius: 999px; cursor: pointer; min-height: 40px; }
.orm-guide-chips button.on { background: var(--s-accent); border-color: var(--s-accent); color: #fff; }
.orm-featured { max-width: var(--s-max); margin: 0 auto 8px; display: grid; grid-template-columns: 1fr; background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); overflow: hidden; text-decoration: none !important; color: var(--s-ink) !important; box-shadow: 0 12px 40px -18px rgba(11,18,32,.2); }
@media (min-width: 860px) { .orm-featured { grid-template-columns: 1.1fr 1fr; } }
.orm-featured img { width: 100%; height: 100%; object-fit: cover; display: block; }
.orm-featured-b { padding: 28px; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.orm-featured-t { font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -.02em; }
.orm-articles { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; margin: 16px 0; }
.orm-article { display: flex; flex-direction: column; background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); overflow: hidden; text-decoration: none !important; color: var(--s-ink) !important; transition: transform .15s, border-color .15s; }
.orm-article:hover { transform: translateY(-2px); border-color: var(--s-accent); }
.orm-article[hidden] { display: none; }
.orm-article img { width: 100%; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; display: block; border-bottom: 1px solid var(--s-line); }
.orm-article-b { padding: 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.orm-article-m { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--s-ink-2); }
.orm-article-t { font-weight: 800; font-size: 18px; line-height: 1.25; }
.orm-article-d { font-size: 15px; color: var(--s-ink-2); flex: 1; }
.orm-article-go { font-size: 14px; font-weight: 700; color: var(--s-accent); }
.orm-site .entry-content > .orm-articles, .orm-site .entry-content > .orm-cards { max-width: var(--s-max); margin-left: auto; margin-right: auto; }
.orm-site .entry-content > .orm-hub { max-width: var(--s-max); margin: 0 auto; }
.orm-hub > .orm-eyebrow { margin-top: 40px !important; }
.orm-empty { text-align: center; color: var(--s-ink-2); }

/* reviewed box closer to Stitch author card */
.orm-reviewed { background: var(--s-blue-bg); border-color: transparent; }
.orm-reviewed-ic svg { width: 56px; height: 56px; }
.orm-main > .orm-reviewed { max-width: none; }
.orm-figure { margin: 20px 0; }
.orm-main > .orm-figure img { width: 100%; height: auto; border-radius: var(--s-radius); border: 1px solid var(--s-line); display: block; }

/* v1.2 fixes */
.wp-block-rank-math-toc-block { background: var(--s-card); border: 1px solid var(--s-line); border-radius: var(--s-radius); padding: 16px 20px 12px 22px; font-size: 16px; }
.orm-main .orm-steps { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 560px) { .orm-main .orm-steps { grid-template-columns: 1fr; } }
.orm-figure { max-width: 560px !important; margin: 24px auto !important; }
.orm-site :is(.orm-ccard, .orm-search) .orm-btn { font: inherit; font-weight: 700; border-radius: 999px; min-height: 44px; padding: 8px 18px; cursor: pointer; border: 1.5px solid transparent; display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; font-size: 15px; }
.orm-site :is(.orm-ccard, .orm-search) .orm-btn-ghost { background: var(--s-card); border-color: var(--s-line); color: var(--s-ink) !important; }
.orm-site :is(.orm-ccard, .orm-search) .orm-btn-dark { background: var(--s-accent); border-color: var(--s-accent); color: #fff !important; }
.orm-site .orm-search .orm-btn-primary { background: #ae3200; color: #fff !important; }
.orm-search .orm-btn-primary { width: auto; }

/* ===== v1.3 one reading column: every section lines up ===== */
:root { --s-read: 800px; }
.orm-site .entry-content > * { box-sizing: border-box; }
.orm-site .entry-content > p, .orm-site .entry-content > ul, .orm-site .entry-content > ol,
.orm-site .entry-content > h2, .orm-site .entry-content > h3, .orm-site .entry-content > .orm-note,
.orm-site .entry-content > .orm-faq, .orm-site .entry-content > .orm-sources, .orm-site .entry-content > .orm-reviewed,
.orm-site .entry-content > .orm-toc, .orm-site .entry-content > .orm-steps, .orm-site .entry-content > .orm-formula,
.orm-site .entry-content > .orm-cards, .orm-site .entry-content > .orm-feature2, .orm-site .entry-content > .orm-tablewrap,
.orm-site .entry-content > .orm-figure, .orm-site .entry-content > .orm-calc, .orm-site .entry-content > h1,
.orm-site .entry-content > .rank-math-breadcrumb {
  max-width: var(--s-read) !important; width: 100%; margin-left: auto !important; margin-right: auto !important;
}
.orm-site .entry-content > ul, .orm-site .entry-content > ol:not(.orm-steps) { padding-left: 1.4em; }
.orm-site .entry-content > .orm-tablewrap.orm-wide, .orm-site .entry-content > .orm-wide .orm-tablewrap { max-width: 1000px !important; }
.orm-site .entry-content > .orm-figure { max-width: 560px !important; }

/* section rhythm */
.orm-site .entry-content > h2 { margin-top: 56px; margin-bottom: 14px; padding-top: 0; }
.orm-site .entry-content > h2 + h3, .orm-site .entry-content > h3 { margin-top: 28px; }
.orm-site .entry-content > .orm-faq, .orm-site .entry-content > .orm-cards, .orm-site .entry-content > .orm-steps { margin-top: 18px; margin-bottom: 8px; }
.orm-site .entry-content > .orm-reviewed { margin-top: 48px; }

/* cards inside the reading column: 3 across, 2 on tablets, 1 on phones */
.orm-site .entry-content > .orm-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 760px) { .orm-site .entry-content > .orm-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .orm-site .entry-content > .orm-cards { grid-template-columns: 1fr; } }
.orm-band .orm-cards { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.orm-cardlink { min-height: 0; }

/* how-to steps: all in one row on desktop, 2 x 2 on tablets */
.orm-steps { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
@media (max-width: 760px) { .orm-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .orm-steps { grid-template-columns: 1fr; } }

/* two feature cards on the Wilks page */
.orm-site .entry-content > .orm-feature2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 640px) { .orm-site .entry-content > .orm-feature2 { grid-template-columns: 1fr; } }

/* header band for guides and info pages */
.orm-hero-plain { padding: 28px 16px 32px; margin-bottom: 8px; }
.orm-hero-read { max-width: var(--s-read); margin: 0 auto; }
.orm-hero-read h1 { margin: 6px 0 12px; }
.orm-hero-read .orm-lead { margin: 0; }
.orm-hero-read .rank-math-breadcrumb { font-size: 14px; }

/* band sections (cards by lift, more tools) keep the wide grid */
.orm-band > h2, .orm-band > .orm-eyebrow { max-width: var(--s-max); }
/* keep the sticky header below the WordPress admin bar when logged in */
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .site-header { top: 0; } }