.elementor-980033 .elementor-element.elementor-element-26e75cc4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-dnrule );--border-color:var( --e-global-color-dnrule );--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-980033 .elementor-element.elementor-element-26e75cc4:not(.elementor-motion-effects-element-type-background), .elementor-980033 .elementor-element.elementor-element-26e75cc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dnsurf );}.elementor-980033 .elementor-element.elementor-element-22676712{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:22px 0px;--row-gap:22px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-980033 .elementor-element.elementor-element-163ca7c9{width:initial;max-width:initial;}.elementor-980033 .elementor-element.elementor-element-49520fb8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:44px;--padding-bottom:44px;--padding-left:0px;--padding-right:0px;}.elementor-980033 .elementor-element.elementor-element-49520fb8:not(.elementor-motion-effects-element-type-background), .elementor-980033 .elementor-element.elementor-element-49520fb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAF6;}.elementor-980033 .elementor-element.elementor-element-6227ace{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-980033 .elementor-element.elementor-element-3c4f281d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:32px 44px;--row-gap:32px;--column-gap:44px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-980033 .elementor-element.elementor-element-56dedafe{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-980033 .elementor-element.elementor-element-5202beff{text-align:start;}.elementor-980033 .elementor-element.elementor-element-5202beff .elementor-heading-title{font-family:"Fraunces", sans-serif;font-size:28px;font-weight:700;text-transform:none;line-height:1.05em;letter-spacing:-0.4px;color:var( --e-global-color-accent );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-980033 .elementor-element.elementor-element-16c4f962{--divider-border-style:solid;--divider-color:var( --e-global-color-dnfoil );--divider-border-width:1px;}.elementor-980033 .elementor-element.elementor-element-16c4f962 .elementor-divider-separator{width:72px;margin:0 auto;margin-left:0;}.elementor-980033 .elementor-element.elementor-element-16c4f962 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-980033 .elementor-element.elementor-element-70e6477f{font-family:"Public Sans", sans-serif;font-size:16px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-1c1e9e84{text-align:start;}.elementor-980033 .elementor-element.elementor-element-1c1e9e84 .elementor-heading-title{font-family:"Fraunces", sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;line-height:1.12em;letter-spacing:-0.2px;color:var( --e-global-color-accent );}.elementor-980033 .elementor-element.elementor-element-45ab39c0{font-family:"Public Sans", sans-serif;font-size:14px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-6ad8f4cb{font-family:"Public Sans", sans-serif;font-size:13.5px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-76862eb3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-980033 .elementor-element.elementor-element-33de8d95{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-980033 .elementor-element.elementor-element-3d359c39{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:22px;--padding-right:22px;}.elementor-980033 .elementor-element.elementor-element-3d359c39:not(.elementor-motion-effects-element-type-background), .elementor-980033 .elementor-element.elementor-element-3d359c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dnhero );}.elementor-980033 .elementor-element.elementor-element-12f8fed{text-align:start;}.elementor-980033 .elementor-element.elementor-element-12f8fed .elementor-heading-title{font-family:"Fraunces", sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;line-height:1.12em;letter-spacing:-0.2px;color:var( --e-global-color-dnwhite );}.elementor-980033 .elementor-element.elementor-element-3555d5a5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-980033 .elementor-element.elementor-element-6d2c1ee2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-980033 .elementor-element.elementor-element-6d2c1ee2:not(.elementor-motion-effects-element-type-background), .elementor-980033 .elementor-element.elementor-element-6d2c1ee2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dnsurf );}.elementor-980033 .elementor-element.elementor-element-2ebbb617{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-980033 .elementor-element.elementor-element-6e842fa5{text-align:start;}.elementor-980033 .elementor-element.elementor-element-6e842fa5 .elementor-heading-title{font-family:"Fraunces", sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;line-height:1.12em;letter-spacing:-0.2px;color:var( --e-global-color-accent );}.elementor-980033 .elementor-element.elementor-element-72631332{font-family:"Public Sans", sans-serif;font-size:13px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-2cdd28c6{font-family:"Public Sans", sans-serif;font-size:13px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-1fa1cbe1{font-family:"Public Sans", sans-serif;font-size:13px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-36e103bf{font-family:"Public Sans", sans-serif;font-size:13px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-6e9cf7d5{font-family:"Public Sans", sans-serif;font-size:13px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-6ff4cd0f{font-family:"Public Sans", sans-serif;font-size:13px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-1b3f57d{text-align:start;}.elementor-980033 .elementor-element.elementor-element-1b3f57d .elementor-heading-title{font-family:"Fraunces", sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;line-height:1.12em;letter-spacing:-0.2px;color:var( --e-global-color-accent );}.elementor-980033 .elementor-element.elementor-element-4ece60ea{font-family:"Public Sans", sans-serif;font-size:13px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-1d4a8b0c{font-family:"Public Sans", sans-serif;font-size:13px;line-height:1.6em;color:var( --e-global-color-text );}.elementor-980033 .elementor-element.elementor-element-46b78550{font-family:"Public Sans", sans-serif;font-size:13px;line-height:1.6em;color:var( --e-global-color-text );}@media(min-width:768px){.elementor-980033 .elementor-element.elementor-element-22676712{--content-width:1200px;}.elementor-980033 .elementor-element.elementor-element-6227ace{--content-width:1200px;}.elementor-980033 .elementor-element.elementor-element-3c4f281d{--width:100%;}.elementor-980033 .elementor-element.elementor-element-56dedafe{--width:48%;}.elementor-980033 .elementor-element.elementor-element-76862eb3{--width:42%;}.elementor-980033 .elementor-element.elementor-element-33de8d95{--width:100%;}.elementor-980033 .elementor-element.elementor-element-3d359c39{--width:100%;}.elementor-980033 .elementor-element.elementor-element-3555d5a5{--width:100%;}.elementor-980033 .elementor-element.elementor-element-2ebbb617{--content-width:1200px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS *//* ============================================================================ bcs-request-form.css — /form-search-digitization-or-purchase-of-birth- certificates-from-all-over-mexico/ (page 22727). Phase 5.1, page 11 of 11. WPCode snippet, "Site Wide Header". EVERY page snippet loads site wide (gotcha 18), so every class here is dn-bcsf-. ⚠ dn-bcsf-, and nothing else. `dn-bcsc-` belongs to page 23222 (bcs-contact-form.css) and `dn-bcs-` to page 22655 (birth-certificate- search.css). All three are the same slug family and the island rule means a shared class would restyle whichever pages the last-loading snippet reaches. audit() refuses the clash. ── THE SHELL ────────────────────────────────────────────────────────────── Inherited whole from bcs-contact-form.css, which took it from birth- certificate-search.css: warm paper ground, guilloche watermark under the copy column, dark Fraunces left, an elevated gold-edged card right, fine print on surface, and below 1024 the columns stack with the CARD FIRST. No green field behind the fold — it forces every string white and flattens the hierarchy. No full-bleed green rail: 22655's rail carried a fork and this page is the END of that fork. The green lives on the card header, where the form's own source-carried heading already sits — a saturated object with no invented copy. The card is a FORM SLOT, not a product embed. No WooCommerce on this page at all, so none of 22655's gotcha-36 chain-extending rules are needed or wanted. Hierarchy comes from FOUR registers, not from black-vs-white: · h1 Fraunces, SENTENCE case, ink, large — the page · lede Public Sans 16px, ink-leaning — the proposition · h2 label Fraunces, UPPERCASE, 15px — a section label · body Public Sans, --dn-body grey — prose The source title already shouts "CONTACT FORM", so the h1 sets `text_transform: none` in the template and must not be re-uppercased here. ── THE EMPTY-SLOT FRAME, AND WHY IT REMOVES ITSELF ──────────────────────── `.dn-bcsf-formslot:not(:has(form))` paints the dashed frame and shows the placeholder; `.dn-bcsf-formslot:has(form)` hides the placeholder. Fluent Forms renders a real
, so the moment the form is dropped into the slot in Elementor the frame and the note both disappear with no second CSS round. ⚠ gotcha 9: `:has()` is not scoped to direct children, so both body.elementor-page-980033s are anchored on a dn- class and never on a bare element. Band padding is restated at (0,2,0) + !important OUTSIDE any @media (gotcha 23). ⚠ GOTCHA 34: the kit owns the link colour — `a` (0,1,1), `a:hover` (0,2,1). The breadcrumb rule repeats its class to clear BOTH, resting AND hover. It is the only anchor this page emits. Tokens (--dn-guilloche, --dn-e1/e2, --dn-gold, --dn-ease …) come from homepage.css, the shared site-wide layer. Fallbacks are given so this file stands alone. Light only. No dark mode, ever. ========================================================================= */ /* ── BAND PADDING · gotcha 23, base level, (0,2,0) + !important ───────────── */ .dn-bcsf-fold.dn-section { position: relative; overflow-x: clip; padding-top: clamp(30px, 1.2rem + 2vw, 52px) !important; padding-bottom: clamp(28px, 1.1rem + 1.9vw, 48px) !important; } .dn-bcsf-fine.dn-section { padding-top: clamp(26px, 1rem + 1.6vw, 40px) !important; padding-bottom: clamp(30px, 1.1rem + 1.9vw, 48px) !important; } /* ── CRUMB RAIL ──────────────────────────────────────────────────────────── */ /* The class is on the top-level band, so it is repeated on the SAME element to reach (0,2,1) / (0,3,1) and clear the kit's `a` (0,1,1) and `a:hover` (0,2,1). */ .dn-bcsf-crumbs.dn-bcsf-crumbs { font-size: 12px; } .dn-bcsf-crumbs.dn-bcsf-crumbs a { color: var(--dn-body, #666666); text-decoration: none; } .dn-bcsf-crumbs.dn-bcsf-crumbs.dn-bcsf-crumbs a:hover { color: var(--dn-green, #0E7A3E); text-decoration: underline; } /* ═══════════════════════════════════════════════════════════════════════════ 1 · THE FOLD ═══════════════════════════════════════════════════════════════════════════ */ /* Guilloche watermark — security printing, drawn not fetched. Left-anchored, because the right half of this band is the card. */ .dn-bcsf-fold::after { content: ""; position: absolute; top: -18%; left: -8%; width: 560px; height: 560px; background-image: var(--dn-guilloche); background-repeat: no-repeat; background-size: contain; opacity: 0.06; pointer-events: none; z-index: 0; } /* homepage.css lifts `.dn-section > *` to z-index 1, so the copy already clears the mark. */ .dn-bcsf-foldrow { width: 100%; } /* The title is 89 characters — 14 shorter than 23222's, because it lacks "(No document)". Same cap and the same tight measure, so the two siblings set as the same object. */ .dn-bcsf-h1 .elementor-heading-title { font-size: clamp(1.45rem, 0.85rem + 1.7vw, 1.95rem) !important; line-height: 1.12 !important; letter-spacing: -0.02em !important; text-wrap: balance; max-width: 22ch; } .dn-bcsf-rule .elementor-divider-separator { border-top-width: 2px !important; } .dn-bcsf-rule { margin: 2px 0 4px; } /* The proposition. Larger and darker than the prose below it, so the eye lands here after the title without a second Fraunces line competing with the h1. */ .dn-bcsf-lede { max-width: 52ch; text-wrap: pretty; } .dn-bcsf-lede p { color: var(--dn-ink, #2C2C2C); } .dn-bcsf-caseshead .elementor-heading-title { font-size: 15px !important; letter-spacing: 0.06em !important; line-height: 1.3 !important; } /* THE LEDGER. Seven entries, each opened by a gold hairline — a vertical ledger rather than a bullet list, which is the direction's own form for this. The marker is drawn, so nothing is added to the words. */ .dn-bcsf-cases ul { margin: 0; padding: 0; list-style: none; } .dn-bcsf-cases li { position: relative; padding: 0 0 7px 26px; margin: 0 0 7px; line-height: 1.5; border-bottom: 1px solid var(--dn-rule, #E4E4E4); max-width: 54ch; } .dn-bcsf-cases li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .dn-bcsf-cases li::before { content: ""; position: absolute; left: 0; top: 0.66em; width: 14px; height: 1px; background: var(--dn-gold, #A8862E); } /* The closing paragraph is the quiet one: it qualifies the offer rather than making it. */ .dn-bcsf-closing { margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--dn-rule, #E4E4E4); max-width: 56ch; text-wrap: pretty; } /* ── THE FORM CARD ─────────────────────────────────────────────────────────── A document card sitting proud of the paper — the same object as /contact/'s enquiry form and 22655's configuration panel, with a green header instead of a gold edge because this card's heading is source-carried and belongs inside it. */ .dn-bcsf-foldright { align-self: flex-start; } .dn-bcsf-card { position: relative; background: #FFFFFF; border: 1px solid var(--dn-rule, #E4E4E4); border-radius: 10px; overflow: hidden; box-shadow: var(--dn-e2, 0 2px 4px rgba(20, 30, 24, 0.07), 0 18px 38px -18px rgba(20, 30, 24, 0.28)); } /* The one saturated object on the page. The gold hairline under it is the credential rule the direction asks for, used once. */ .dn-bcsf-cardhead { position: relative; border-bottom: 3px solid var(--dn-gold, #A8862E); } .dn-bcsf-formhead .elementor-heading-title { font-size: 15px !important; line-height: 1.3 !important; letter-spacing: 0.04em !important; text-wrap: balance; } /* ── THE SLOT ──────────────────────────────────────────────────────────────── Empty today. `:has(form)` / `:not(:has(form))` mean the frame and the note remove themselves the moment a real Fluent Forms form is placed here — no second round. ⚠ gotcha 9: both body.elementor-page-980033s are anchored on a dn- class, never on a bare element. */ .dn-bcsf-formslot { position: relative; } /* ⚠ GOTCHA 37, which page 23222 paid a round for. The template gives the slot `width: 100%`, so a margin here makes the border box 100% + 36px and .dn-bcsf-card's `overflow: hidden` eats the right dashed edge in silence. The card is a column flex with `align-items: flex-start`, so a bare `width: auto` would shrink to the text instead — it takes BOTH, stretch for the cross size and auto so the margins come out of it. Copied from 23222's shipped rule, not re-derived. */ .dn-bcsf-formslot:not(:has(form)) { align-self: stretch !important; width: auto !important; margin: 18px; padding: 20px !important; border: 1px dashed rgba(168, 134, 46, 0.55); border-radius: 7px; background: repeating-linear-gradient( -45deg, rgba(168, 134, 46, 0.05) 0, rgba(168, 134, 46, 0.05) 8px, transparent 8px, transparent 16px ); } .dn-bcsf-formslot:has(form) .dn-bcsf-formnote { display: none; } .dn-bcsf-formnote p { font-size: 12.5px; line-height: 1.62; color: var(--dn-body, #666666); } /* The lead-in is a in the markup, not a ::first-line — where the line happens to break is a function of the column width and must not decide what is emphasised. */ .dn-bcsf-formnote strong { font-weight: 700; letter-spacing: 0.03em; color: var(--dn-ink, #2C2C2C); } /* ═══════════════════════════════════════════════════════════════════════════ 2 · FINE PRINT — subordinate by design. Nine paragraphs of disclosure the source says a buyer is REQUIRED to read, so it gets a real band rather than a footnote. ═══════════════════════════════════════════════════════════════════════════ */ .dn-bcsf-fine { border-top: 1px solid var(--dn-rule, #E4E4E4); } .dn-bcsf-finehead .elementor-heading-title { font-size: 15px !important; letter-spacing: 0.06em !important; line-height: 1.35 !important; color: var(--dn-ink, #2C2C2C) !important; } .dn-bcsf-fine .dn-bcsf-finehead { margin-top: 10px; } .dn-bcsf-fine .dn-bcsf-finehead:first-child { margin-top: 0; } .dn-bcsf-fineprose { max-width: 88ch; text-wrap: pretty; } .dn-bcsf-fineprose strong { color: var(--dn-ink, #2C2C2C); } /* ── RESPONSIVE ────────────────────────────────────────────────────────────── Below 1024 the columns stack and the CARD GOES FIRST: a visitor who followed the "Yes I have it" door from page 22655 arrived to fill a form, not to read a pitch. */ @media (max-width: 1024px) { .dn-bcsf-foldrow { flex-wrap: wrap; } .dn-bcsf-foldleft, .dn-bcsf-foldright { width: 100% !important; } .dn-bcsf-foldright { order: -1; } .dn-bcsf-fold::after { width: 380px; height: 380px; top: -12%; } .dn-bcsf-h1 .elementor-heading-title { max-width: none; } } @media (max-width: 767px) { .dn-bcsf-cases li, .dn-bcsf-closing, .dn-bcsf-lede { max-width: none; } .dn-bcsf-formslot:not(:has(form)) { margin: 14px; padding: 16px !important; } }/* End custom CSS */