/* 7.49.51: the Designer's wide-screen layer, copied unchanged from design/brief/live-audit-2026-10-22-wide/wide-fixes.css (proof 52/52: WIDE-FIXES-HANDOFF.md). Linked on every page next to live-fixes-f3.css (footer-build.js addLinks). */
/* Wide-screen fixes for live 7.49.48 (Designer, 22 Oct 2026). Proven by injecting into the live pages and re-measuring (wide-after.json).
   Same specificity pattern as live-fixes-f3.css (the theme has !important rules with id-level selectors). */

/* W1 search, company research, data, daily sweep: the page wrapper has no max-width, so at 2560 the content runs 2,275-2,289 px.
   Cap it at the v7 width (137.5rem = 2200 px, the same cap the shared footer already uses) and centre it. */
html:root body #main-content > .wrap:not(#w1):not(#w1b):not(#w1c):not(#w1d):not(.guide):not(.lw):not(.prose){max-width:137.5rem!important;margin-inline:auto!important}
/*  W1 must outrank the theme's full-width rule "html body .main > .wrap:not(#t2x):not(#t2y):not(#t2z):not(.guide):not(.lw):not(.prose):not(:has(...)){max-width:none!important}"
    (4 id-level parts), and keeps its exclusions: the learn pages (.guide, .lw, .prose) have their own narrower caps (1240 / 1440 px) and must not be widened.
    A first version without the exclusions widened learn: start to 1,628 px and the playbook to 1,644 px in the proof run; corrected here. */

/* W2 pricing: the three .w.s3 sections have no max-width (content 2,220 px, the plan table paragraph 2,250 px at 2560). */
html:root body #main-content > .w.s3:not(#w2){max-width:137.5rem!important;margin-inline:auto!important}

/* W3 learn: start (start.html): the table-of-contents title and the lesson path labels at 11 px, two notes at 11.5 px. */
html:root body .wrap.guide > aside.toc > .tt:not(#w3),
html:root body .path > span > b:not(#w3),
html:root body p.note:not(#w3){font-size:12px!important}

/* W4 learn: playbook (playbook.html): the chapter chips at 11.5 px. */
html:root body article.lw-card > .lw-ch > span.chip:not(#w4){font-size:12px!important}

/* W5 (Lead ruling 22 Oct) centre the left-pinned pages at wide widths: about (.wrap.ov.doc.prose) and the learn pages after-award,
   selling-abroad, playbook (.wrap.ov.doc.lw). The theme pins them with "html body .main > .wrap.ov.doc:not(#t2x){margin-left:0 !important}";
   only the margins change, never the width. */
html:root body #main-content > .wrap.ov.doc:not(#w5):not(#w5b){margin-left:auto!important;margin-right:auto!important}
/* about: its text column is about 910 px inside a 1440 px box, so centring the box alone leaves the text on the left; narrow the box to the text (62rem). */
html:root body #main-content > .wrap.ov.doc.prose:has(.about):not(#w5):not(#w5b){max-width:62rem!important}

/* W6 (Lead ruling 22 Oct) cap prose reading lines at about 75ch on pricing, data and home: paragraphs and plain lists only,
   never tables or result grids (a max-width only shortens lines that are longer; nothing gets wider). */
html:root body:has(#pricing) #main-content p:not(#w6),
html:root body:has(#dasof) #main-content p:not(#w6),
html:root body:has(#pricing) #main-content :is(ul,ol):not([class]) > li:not(#w6),
html:root body:has(#dasof) #main-content :is(ul,ol):not([class]) > li:not(#w6),
html:root body:has(#terminal) main#main p:not(#w6),
html:root body:has(#terminal) main#main :is(ul,ol):not([class]) > li:not(#w6),
html:root body:has(#pricing) #main-content ol.faqsteps > li:not(#w6){max-width:75ch!important}
/* not capped on purpose: the onboarding checklist in the home page's sample dashboard (ol.ob-list > li.ob-step) is interface, not prose. */
/* home: the centred paragraphs keep their centring when capped */
html:root body:has(#terminal) main#main :is(p.bookcall,p.covnote,p.hx-go,p.alt):not(#w6){margin-inline:auto!important}

/* W7 (22 Oct, after the 52/52 proof): the learn pages' text box has 12 px side padding on a phone; the v7 phone gutter is 16 px. Below 801 px only, learn pages only (.lw); about (.prose, no .lw) is untouched. */
@media (max-width:800px){html:root body #main-content > .wrap.ov.doc.lw:not(#w7):not(#w7b){padding-left:16px!important;padding-right:16px!important}}
/* W7b: the Learn index row is flush with both edges on a phone; its own rule (learn-worldwide.css, max 480 px) uses -12 px for the old gutter, so it follows W7's 16 px. */
@media (max-width:480px){html:root body #main-content > .wrap.ov.doc.lw:not(#w7c) .lw-index{margin:0 -16px!important;padding:8px 16px!important;width:calc(100% + 32px)!important}}