/* MNEOS Revision 4 (2026-09-28): current-work narrative, program cards, status, evidence panels, briefs, notes, short inquiry form.
   Uses the existing tokens (dark hero, warm light reading surfaces, blue action color). Prefixed m4- to avoid collisions. */

:root {
  --m4-paper: #F7F6F2;
  --m4-paper-2: #FFFFFF;
  --m4-paper-3: #EFEDE6;
  --m4-ink: #1F1D18;
  --m4-ink-2: #3F3C35;
  --m4-muted: #5C5A54;
  --m4-line: #D9D5CC;
  --m4-line-strong: #B9B4A8;
  --m4-blue: #2D5FD0;
  --m4-blue-ink: #1D4FC0;
  --m4-blue-hover: #244FB4;
  --m4-teal: #01696F;
  --m4-amber-ink: #8A4B08; --m4-amber-bg: #FBE9CF;
  --m4-blue-bg: #E3EBFB;
  --m4-teal-bg: #DDEFEE;
  --m4-grey-bg: #ECEAE3;
  --m4-red-ink: #9B2C2C; --m4-red-bg: #F9E1E1;
  --m4-green-ink: #2F6B2F; --m4-green-bg: #E1F0E1;
  --m4-max: 1160px;
  --m4-prose: 72ch;
}

/* ---------- Header additions ---------- */
.nav-top-link { font-size: 14.5px; white-space: nowrap; }
@media (max-width: 899.98px) { .nav-links a.nav-top-link { padding: 12px 6px; font-size: 1rem; } }
.site-header .brand span { font-family: var(--font-display); }
.brand-tag { display: none; }
@media (min-width: 1100px) { .brand-tag { display: inline; color: var(--ink-faint); font-size: 12.5px; margin-left: 10px; font-family: var(--font-body); font-weight: 400; } }

.m4-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: #fff; color: var(--m4-ink); padding: 10px 14px; border-radius: 4px; font-weight: 600; }
.m4-skip:focus { left: 8px; outline: 3px solid var(--m4-blue); }

/* ---------- Dark hero (page top) ---------- */
.m4-hero { padding: 56px 0 44px; background: var(--bg); color: var(--ink); border-bottom: 1px solid var(--border); }
.m4-hero .container { max-width: var(--m4-max); }
.m4-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; }
@media (max-width: 900px) { .m4-hero-grid { grid-template-columns: 1fr; gap: 28px; } .m4-hero { padding: 36px 0 32px; } }
.m4-eyebrow { font-family: var(--font-mono); font-size: 12.5px; letter-spacing: 2px; text-transform: uppercase; color: #C4BDAE; margin: 0 0 16px; }
.m4-hero h1 { font-family: var(--font-display); font-weight: 500; font-size: clamp(30px, 4.6vw, 52px); line-height: 1.12; letter-spacing: -0.015em; color: var(--ink); margin: 0 0 20px; max-width: 20ch; }
.m4-hero-sub h1 { max-width: 26ch; }
.m4-hero p.m4-lede { font-size: clamp(17px, 1.5vw, 19px); line-height: 1.6; color: #E4DFD4; margin: 0 0 18px; max-width: 62ch; }
.m4-hero p.m4-now { font-size: 15.5px; line-height: 1.55; color: #F3EFE7; margin: 0 0 26px; max-width: 62ch; padding-left: 14px; border-left: 2px solid var(--accent); }
.m4-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.m4-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 18px; border-radius: 4px; font-weight: 600; font-size: 15px; text-decoration: none; border: 1px solid transparent; cursor: pointer; font-family: var(--font-body); }
.m4-btn-primary, .m4-light a.m4-btn-primary { background: var(--m4-blue); color: #fff; text-decoration: none; }
.m4-btn-primary:hover, .m4-btn-primary:focus-visible, .m4-light a.m4-btn-primary:hover, .m4-light a.m4-btn-primary:focus-visible { background: var(--m4-blue-hover); color: #fff; }
.m4-btn-ghost { background: transparent; color: #F3EFE7; border-color: rgba(243,239,231,0.45); }
.m4-btn-ghost:hover, .m4-btn-ghost:focus-visible { border-color: #fff; color: #fff; background: rgba(255,255,255,0.06); }
.m4-light .m4-btn-ghost, .m4-light a.m4-btn-ghost { color: var(--m4-ink); border-color: var(--m4-line-strong); text-decoration: none; }
.m4-light .m4-btn-ghost:hover, .m4-light .m4-btn-ghost:focus-visible { border-color: var(--m4-ink); background: #fff; color: var(--m4-ink); }
.m4-btn:focus-visible { outline: 3px solid #A6BFFF; outline-offset: 2px; }
.m4-light .m4-btn:focus-visible { outline-color: var(--m4-blue); }

/* Hero figure: original explanatory diagram, labeled as an illustration */
.m4-figure { margin: 0; background: #12151A; border: 1px solid #232830; border-radius: 8px; padding: 16px; }
.m4-figure svg { display: block; width: 100%; height: auto; }
.m4-figure figcaption { font-size: 13px; line-height: 1.5; color: #C4BDAE; margin-top: 12px; }
.m4-figure figcaption strong { color: #E4DFD4; font-weight: 600; }

/* ---------- Light reading surface ---------- */
.m4-light { background: var(--m4-paper); color: var(--m4-ink); }
.m4-light a { color: var(--m4-blue-ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.m4-light a:hover { color: var(--m4-blue-hover); }
.m4-light a:focus-visible { outline: 3px solid var(--m4-blue); outline-offset: 2px; border-radius: 2px; }
.m4-light h2, .m4-light h3, .m4-light h4 { color: var(--m4-ink); }
.m4-section { padding: 56px 0; border-bottom: 1px solid var(--m4-line); }
.m4-section:last-child { border-bottom: 0; }
.m4-section .container { max-width: var(--m4-max); }
.m4-section-tight { padding: 40px 0; }
.m4-alt { background: var(--m4-paper-3); }
.m4-kicker { font-family: var(--font-mono); font-size: 12px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--m4-muted); margin: 0 0 10px; }
.m4-section h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(24px, 3vw, 34px); line-height: 1.2; letter-spacing: -0.01em; margin: 0 0 14px; max-width: 30ch; }
.m4-section h3 { font-family: var(--font-display); font-weight: 500; font-size: 20px; line-height: 1.3; margin: 0 0 8px; }
.m4-section h4 { font-size: 16px; font-weight: 600; margin: 0 0 6px; }
.m4-prose { max-width: var(--m4-prose); font-size: 17.5px; line-height: 1.65; }
.m4-prose p, .m4-prose ul, .m4-prose ol { margin: 0 0 1em; }
.m4-prose li { margin-bottom: 0.4em; }
.m4-prose-sm { font-size: 16px; }
.m4-lede-light { font-size: 19px; line-height: 1.55; color: var(--m4-ink-2); max-width: 66ch; margin: 0 0 22px; }
.m4-muted { color: var(--m4-muted); }
.m4-small { font-size: 14px; line-height: 1.5; }
.m4-mt { margin-top: 24px; }
.m4-mt-lg { margin-top: 36px; }
.m4-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
.m4-two-wide { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; }
@media (max-width: 800px) { .m4-two, .m4-two-wide { grid-template-columns: 1fr; gap: 24px; } }

/* Status: text plus color, never color alone; includes date and scope where shown */
.m4-status { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; line-height: 1.3; padding: 5px 10px; border-radius: 4px; border: 1px solid transparent; }
.m4-status::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; flex: none; }
.m4-status-prototype { color: var(--m4-blue-ink); background: var(--m4-blue-bg); border-color: #C5D4F5; }
.m4-status-development { color: var(--m4-amber-ink); background: var(--m4-amber-bg); border-color: #EFD3A8; }
.m4-status-design, .m4-status-planned { color: #4A4841; background: var(--m4-grey-bg); border-color: var(--m4-line-strong); }
.m4-status-related { color: var(--m4-teal); background: var(--m4-teal-bg); border-color: #B8DBD9; }
.m4-status-future { color: var(--m4-muted); background: transparent; border-color: var(--m4-line-strong); }
.m4-status-future::before { background: transparent; border: 2px solid currentColor; width: 7px; height: 7px; }
.m4-status-current { color: var(--m4-blue-ink); background: var(--m4-blue-bg); border-color: #C5D4F5; }
.m4-status-external { color: #5B3E8A; background: #EDE6F7; border-color: #D3C6EA; }
.m4-status-illustrative { color: #4A4841; background: #FFF; border: 1px dashed var(--m4-line-strong); }
.m4-status-illustrative::before { display: none; }
.m4-reviewed { font-size: 13.5px; color: var(--m4-muted); }

/* Boundary line: the required limitation beside the claim, readable, not legal wallpaper */
.m4-boundary { border-left: 3px solid var(--m4-amber-ink); background: #FFF8EE; padding: 12px 16px; font-size: 15.5px; line-height: 1.55; color: var(--m4-ink); border-radius: 0 4px 4px 0; }
.m4-boundary strong { color: var(--m4-amber-ink); }

/* Program cards */
.m4-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
@media (max-width: 960px) { .m4-cards { grid-template-columns: 1fr; } }
.m4-cards-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 800px) { .m4-cards-2 { grid-template-columns: 1fr; } }
.m4-card { background: var(--m4-paper-2); border: 1px solid var(--m4-line); border-radius: 8px; padding: 22px 22px 20px; display: flex; flex-direction: column; gap: 10px; }
.m4-card h3 { margin: 0; font-size: 20px; }
.m4-card .m4-kicker { margin: 0; }
.m4-card p { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--m4-ink-2); }
.m4-card .m4-question { font-size: 16px; color: var(--m4-ink); font-weight: 500; }
.m4-card-meta { font-size: 13.5px; color: var(--m4-muted); line-height: 1.5; }
.m4-card-meta strong { color: var(--m4-ink-2); font-weight: 600; }
.m4-card-action { margin-top: auto; padding-top: 8px; font-weight: 600; font-size: 15px; }
.m4-card-action a::after { content: " →"; }

/* Featured work */
.m4-featured { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 32px; background: var(--m4-paper-2); border: 1px solid var(--m4-line); border-radius: 8px; padding: 28px; }
@media (max-width: 860px) { .m4-featured { grid-template-columns: 1fr; padding: 22px; } }
.m4-featured h2 { margin-top: 6px; }
.m4-featured-side { display: flex; flex-direction: column; gap: 14px; }
.m4-facts { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--m4-line); }
.m4-facts li { display: grid; grid-template-columns: 9.5rem 1fr; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--m4-line); font-size: 14.5px; line-height: 1.45; }
.m4-facts li span:first-child { color: var(--m4-muted); }
@media (max-width: 520px) { .m4-facts li { grid-template-columns: 1fr; gap: 2px; } }

/* Steps (how the work advances) */
.m4-steps { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; counter-reset: step; }
@media (max-width: 960px) { .m4-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .m4-steps { grid-template-columns: 1fr; } }
.m4-steps li { background: var(--m4-paper-2); border: 1px solid var(--m4-line); border-radius: 8px; padding: 16px; counter-increment: step; }
.m4-steps li::before { content: counter(step, decimal-leading-zero); font-family: var(--font-mono); font-size: 12px; color: var(--m4-blue-ink); letter-spacing: 1px; display: block; margin-bottom: 6px; }
.m4-steps strong { display: block; font-size: 16px; margin-bottom: 4px; }
.m4-steps span { font-size: 14.5px; color: var(--m4-ink-2); line-height: 1.5; }

/* Evidence panels: external literature vs MNEOS record vs illustration */
.m4-evidence { border: 1px solid var(--m4-line); border-radius: 8px; background: var(--m4-paper-2); padding: 18px 20px; margin: 18px 0; }
.m4-evidence-head { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin-bottom: 10px; }
.m4-evidence-head h3, .m4-evidence-head h4 { margin: 0; }
.m4-evidence p:last-child { margin-bottom: 0; }
.m4-evidence-external { border-left: 4px solid #5B3E8A; }
.m4-evidence-record { border-left: 4px solid var(--m4-blue-ink); }
.m4-evidence-illustrative { border-left: 4px dashed var(--m4-line-strong); }

/* Tables */
.m4-table-wrap { overflow-x: auto; margin: 20px 0; border: 1px solid var(--m4-line); border-radius: 8px; background: var(--m4-paper-2); }
table.m4-table { width: 100%; border-collapse: collapse; font-size: 14.5px; line-height: 1.45; min-width: 640px; }
.m4-table th, .m4-table td { text-align: left; vertical-align: top; padding: 11px 14px; border-bottom: 1px solid var(--m4-line); }
.m4-table th { font-weight: 600; background: var(--m4-paper-3); color: var(--m4-ink); font-size: 13.5px; }
.m4-table tr:last-child td { border-bottom: 0; }
.m4-table td:first-child { font-weight: 600; }

/* Stacked rows for mobile (milestones) */
.m4-milestones { list-style: none; margin: 20px 0 0; padding: 0; border-top: 1px solid var(--m4-line); }
.m4-milestones li { display: grid; grid-template-columns: 1.2fr 1fr 1.3fr; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--m4-line); font-size: 15px; line-height: 1.5; }
.m4-milestones li strong { display: block; }
.m4-milestones .m4-ms-label { font-size: 12.5px; color: var(--m4-muted); display: block; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 2px; }
@media (max-width: 760px) { .m4-milestones li { grid-template-columns: 1fr; gap: 8px; } }

/* Notes list */
.m4-notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 24px; }
@media (max-width: 800px) { .m4-notes { grid-template-columns: 1fr; } }
.m4-note { background: var(--m4-paper-2); border: 1px solid var(--m4-line); border-radius: 8px; padding: 20px 22px; }
.m4-note time { font-family: var(--font-mono); font-size: 12.5px; color: var(--m4-muted); letter-spacing: 0.5px; }
.m4-note h3 { margin: 8px 0 8px; font-size: 19px; }
.m4-note p { margin: 0 0 8px; font-size: 15.5px; color: var(--m4-ink-2); line-height: 1.55; }

/* Brief page */
.m4-brief-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 40px; align-items: start; }
@media (max-width: 900px) { .m4-brief-grid { grid-template-columns: 1fr; } }
.m4-aside { background: var(--m4-paper-2); border: 1px solid var(--m4-line); border-radius: 8px; padding: 20px; position: sticky; top: 92px; }
@media (max-width: 900px) { .m4-aside { position: static; } }
.m4-aside h2 { font-size: 16px; margin: 0 0 12px; text-transform: uppercase; letter-spacing: 1px; font-family: var(--font-mono); font-weight: 500; }
.m4-aside dl { margin: 0; }
.m4-aside dt { font-size: 12.5px; color: var(--m4-muted); text-transform: uppercase; letter-spacing: 0.6px; margin-top: 12px; }
.m4-aside dd { margin: 2px 0 0; font-size: 15px; line-height: 1.5; }

/* Definition rows */
.m4-defs { display: grid; grid-template-columns: 11rem 1fr; gap: 10px 20px; font-size: 15.5px; line-height: 1.55; }
.m4-defs dt { font-weight: 600; }
.m4-defs dd { margin: 0; }
@media (max-width: 600px) { .m4-defs { grid-template-columns: 1fr; gap: 2px 0; } .m4-defs dd { margin-bottom: 12px; } }

/* FAQ */
.m4-faq details { border-top: 1px solid var(--m4-line); padding: 14px 0; }
.m4-faq details:last-child { border-bottom: 1px solid var(--m4-line); }
.m4-faq summary { cursor: pointer; font-weight: 600; font-size: 17px; line-height: 1.4; list-style: none; display: flex; justify-content: space-between; gap: 16px; min-height: 44px; align-items: center; }
.m4-faq summary::-webkit-details-marker { display: none; }
.m4-faq summary::after { content: "+"; font-size: 22px; color: var(--m4-muted); flex: none; }
.m4-faq details[open] summary::after { content: "–"; }
.m4-faq summary:focus-visible { outline: 3px solid var(--m4-blue); outline-offset: 4px; border-radius: 2px; }
.m4-faq details p { margin: 10px 0 0; font-size: 16px; line-height: 1.6; max-width: var(--m4-prose); }

/* Inquiry form */
.m4-form { background: var(--m4-paper-2); border: 1px solid var(--m4-line); border-radius: 8px; padding: 26px; max-width: 720px; }
.m4-form fieldset { border: 0; padding: 0; margin: 0 0 18px; min-width: 0; }
.m4-form legend { font-weight: 600; font-size: 16px; margin-bottom: 8px; }
.m4-field { margin-bottom: 18px; }
.m4-field label { display: block; font-weight: 600; font-size: 15px; margin-bottom: 6px; }
.m4-field .m4-help { font-size: 13.5px; color: var(--m4-muted); margin: 0 0 6px; }
.m4-field input, .m4-field select, .m4-field textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; line-height: 1.4; padding: 11px 12px; min-height: 44px; border: 1px solid var(--m4-line-strong); border-radius: 4px; background: #fff; color: var(--m4-ink); }
.m4-field textarea { min-height: 140px; resize: vertical; }
.m4-field input:focus, .m4-field select:focus, .m4-field textarea:focus { outline: 3px solid var(--m4-blue); outline-offset: 1px; border-color: var(--m4-blue); }
.m4-field[data-invalid="true"] input, .m4-field[data-invalid="true"] select, .m4-field[data-invalid="true"] textarea { border-color: var(--m4-red-ink); }
.m4-err { color: var(--m4-red-ink); font-size: 14px; margin: 6px 0 0; font-weight: 600; }
.m4-err:empty { display: none; }
.m4-req { color: var(--m4-red-ink); font-weight: 700; }
.m4-optional-toggle { background: none; border: 0; padding: 0; color: var(--m4-blue-ink); text-decoration: underline; font: inherit; font-size: 15px; cursor: pointer; min-height: 44px; }
.m4-optional[hidden] { display: none; }
.m4-form-status { margin: 16px 0 0; padding: 14px 16px; border-radius: 6px; font-size: 15.5px; line-height: 1.55; border: 1px solid transparent; }
.m4-form-status:empty { display: none; }
.m4-form-status.is-error { background: var(--m4-red-bg); color: var(--m4-red-ink); border-color: #EBC2C2; }
.m4-form-status.is-success { background: var(--m4-green-bg); color: var(--m4-green-ink); border-color: #BFDDBF; }
.m4-form-status.is-pending { background: var(--m4-grey-bg); color: var(--m4-ink-2); }
.m4-form-status a { color: inherit; }
.m4-summary-list { margin: 8px 0 0; padding-left: 18px; }
.m4-notice { font-size: 14.5px; line-height: 1.55; color: var(--m4-ink-2); background: var(--m4-paper-3); padding: 12px 14px; border-radius: 4px; margin: 0 0 18px; }
.m4-turnstile { margin: 6px 0 16px; min-height: 66px; }

/* Numbered/plain lists */
.m4-list { padding-left: 20px; font-size: 16px; line-height: 1.6; }
.m4-list li { margin-bottom: 8px; }
.m4-checklist { list-style: none; padding: 0; margin: 0; }
.m4-checklist li { padding-left: 26px; position: relative; margin-bottom: 8px; font-size: 16px; line-height: 1.55; }
.m4-checklist li::before { content: "•"; position: absolute; left: 8px; color: var(--m4-blue-ink); font-weight: 700; }

/* Relationship table cell sizing */
.m4-table-narrow { min-width: 520px; }

/* People */
.m4-person { display: grid; grid-template-columns: 9rem 1fr; gap: 24px; background: var(--m4-paper-2); border: 1px solid var(--m4-line); border-radius: 8px; padding: 24px; align-items: start; }
@media (max-width: 640px) { .m4-person { grid-template-columns: 1fr; } }
.m4-portrait { width: 9rem; height: 9rem; border-radius: 8px; background: var(--m4-paper-3); border: 1px solid var(--m4-line); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 40px; color: var(--m4-muted); }

/* Footer link tweak */
.r-footer .r-footer-col ul li a { text-decoration: none; }

/* Breadcrumb spacing under sticky header */
.r-breadcrumbs { background: var(--bg); }

/* Reduced motion: nothing here animates; keep transitions minimal */
@media (prefers-reduced-motion: reduce) { .m4-btn, .m4-light a { transition: none; } }

/* Print */
@media print { .site-header, .r-footer, .m4-actions { display: none; } .m4-light { background: #fff; } }

/* ---------- Mobile overflow fixes (2026-09-28 afternoon) ---------- */
.m4-two > *, .m4-two-wide > *, .m4-brief-grid > *, .m4-featured > *, .m4-cards > *, .m4-hero-grid > * { min-width: 0; }
.m4-field select, .m4-field input, .m4-field textarea { min-width: 0; max-width: 100%; }
.m4-form { box-sizing: border-box; width: 100%; }
.m4-steps-10 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 960px) { .m4-steps-10 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .m4-steps-10 { grid-template-columns: 1fr; } }
.m4-status { max-width: 100%; white-space: normal; }
.r-depth-surfaces { display: flex; flex-wrap: wrap; gap: 8px; }
.r-depth-surface { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; max-width: 100%; }
.r-depth-surface-name, .claim-status { white-space: normal; }
@media (max-width: 760px) {
  .m4-table-wrap { overflow: visible; border: 0; background: transparent; }
  table.m4-table { min-width: 0; display: block; }
  .m4-table thead { display: none; }
  .m4-table tbody, .m4-table tr { display: block; }
  .m4-table tr { background: var(--m4-paper-2); border: 1px solid var(--m4-line); border-radius: 8px; padding: 6px 14px; margin-bottom: 12px; }
  .m4-table td { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--m4-line); font-weight: 400; }
  .m4-table td:last-child { border-bottom: 0; }
  .m4-table td::before { content: attr(data-label); font-size: 12px; text-transform: uppercase; letter-spacing: 0.6px; color: var(--m4-muted); padding-top: 3px; }
  .m4-table td:first-child { font-weight: 600; }
  .m4-boundary { margin-left: 0; margin-right: 0; }
}
@media (max-width: 400px) { .m4-table td { grid-template-columns: 1fr; gap: 2px; } }
@media (max-width: 600px) { .m4-form { padding: 18px 14px; } .m4-turnstile { overflow-x: auto; max-width: 100%; } .m4-featured { padding: 18px 16px; } .m4-card { padding: 18px 16px; } }
.m4-turnstile .cf-turnstile, .m4-turnstile iframe { max-width: 100%; }