/* ============================================================================
   hyi-glp-onestock.css — High-Yield Investing LEAD-CAPTURE SQUEEZE
   ----------------------------------------------------------------------------
   Same design system as olp-hyi-last-yields and the two OTO pages: navy gutters
   carrying a laid-paper grid, plain white sheet, black body type, red as the
   only accent, steel-engraving plate. A visitor who opts in here and later lands
   on the sales page should see one continuous product.

   Squeeze pages are short by definition — one screen on desktop. No nav, no
   footer links, no second ask. The only action is the email field.

   Contrast measured with tools/contrast.mjs against the 55+ AAA bar (7:1):
       --ink #111318 on white 18.58:1 · --ink-soft 8.62:1 · --red 7.57:1
   ========================================================================== */

@font-face { font-family:"Geist Local";
  src:url("https://www2.investingdaily.com/app/uploads/fonts/geist-latin-variable.woff2") format("woff2");
  font-weight:100 900; font-display:swap; }
@font-face { font-family:"Source Serif 4";
  src:url("https://www2.investingdaily.com/app/uploads/fonts/sourceserif4_v14_vEFI2_tTDB4M7-auWDN0ahZJW1gb8te1Xb7G.woff2") format("woff2");
  font-weight:200 900; font-display:swap; }

body:has(#hyi-glp-onestock) { margin:0; background:#0f1c33; }

#hyi-glp-onestock {
  --paper:#ffffff; --ink:#111318; --ink-deep:#000000; --ink-soft:#474c56;
  --red:#a8102a; --red-deep:#7d0c1f; --blue:#1b4f8a; --rule:#ded9d2; --gutter:#0f1c33;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Geist Local",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:100% 5px, 7px 100%;
  background-color:var(--gutter);
  color:var(--ink); font-family:var(--sans); font-size:18px; line-height:1.6;
  -webkit-font-smoothing:antialiased; min-height:100vh;
}
#hyi-glp-onestock *,
#hyi-glp-onestock *::before,
#hyi-glp-onestock *::after { box-sizing:border-box; }
#hyi-glp-onestock::before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:50;
  opacity:.22; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");
}
#hyi-glp-onestock p { margin:0 0 1.1em; } #hyi-glp-onestock p:last-child { margin-bottom:0; }
#hyi-glp-onestock strong { font-weight:650; color:var(--ink-deep); }

#hyi-glp-onestock .sheet { max-width:62rem; margin:0 auto; background:#fff;
  box-shadow:0 0 0 1px rgba(15,28,51,.18), 0 18px 40px -24px rgba(15,28,51,.55);
  padding:2.4rem 2.5rem 2.75rem; }

/* Layout (Brett, 2026-10-05): the opt-in box is the centrepiece, directly under the
   description; the report cover holds the right column from the top; "Inside the report"
   runs full width beneath. Mobile: headline, description, form, cover, bullets. */
#hyi-glp-onestock .grid {
  display:grid;
  grid-template-columns:1fr 17.5rem;
  grid-template-areas:
    "intro   cover"
    "capture cover"
    "bullets bullets"
    "byline  byline";
  column-gap:3rem; row-gap:1.6rem;
  align-items:start;
}
#hyi-glp-onestock .intro { grid-area:intro; } #hyi-glp-onestock .capture { grid-area:capture; } #hyi-glp-onestock .cover-wrap { grid-area:cover; }
/* Desktop: the cover sits vertically centred against the headline-plus-form column (Jared, 10/05). */
#hyi-glp-onestock .cover-wrap { align-self:center; }
#hyi-glp-onestock .bullets { grid-area:bullets; } #hyi-glp-onestock .byline { grid-area:byline; }

#hyi-glp-onestock .kicker { font-family:var(--sans); font-size:.8rem; letter-spacing:.13em;
  text-transform:uppercase; font-weight:700; color:var(--red-deep); margin:0 0 .9rem; }
#hyi-glp-onestock h1 { font-family:var(--serif); font-size:clamp(1.95rem,3.9vw,2.85rem); line-height:1.13;
  font-weight:600; color:var(--ink-deep); margin:0 0 1rem; text-wrap:balance; }
#hyi-glp-onestock h1 em { font-style:italic; color:var(--red); }
#hyi-glp-onestock .sub { font-family:var(--serif); font-size:1.22rem; line-height:1.5; color:var(--ink);
  margin:0; }

/* Stat contrast — carries the whole argument in two numbers, above the fold. */
#hyi-glp-onestock .compare { display:grid; grid-template-columns:1fr 1fr; gap:0; margin:1.7rem 0 0;
  border-top:2px solid var(--ink-deep); border-bottom:1px solid var(--rule); }
#hyi-glp-onestock .c-cell { padding:.95rem 1rem .9rem 0; }
#hyi-glp-onestock .c-cell + .c-cell { padding-left:1.4rem; border-left:1px solid var(--rule); }
#hyi-glp-onestock .c-num { display:block; font-family:var(--serif); font-size:2.35rem; line-height:1;
  font-weight:600; color:var(--red); font-variant-numeric:tabular-nums; }
#hyi-glp-onestock .c-num.c-dim { color:var(--ink-soft); }
#hyi-glp-onestock .c-lab { display:block; margin-top:.4rem; font-size:.84rem; line-height:1.35; color:var(--ink-soft); }

#hyi-glp-onestock .b-head { font-family:var(--sans); font-size:.76rem; letter-spacing:.14em;
  text-transform:uppercase; font-weight:700; color:var(--red-deep); margin:0 0 .5rem; }

#hyi-glp-onestock .bullets { border-top:2px solid var(--ink-deep); padding-top:1.2rem; margin-top:.6rem; }
#hyi-glp-onestock .inside { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; column-gap:2.6rem; }
#hyi-glp-onestock .inside li { position:relative; padding:.55rem 0 .55rem 1.6rem;
  border-bottom:1px solid var(--rule); font-size:1rem; }
#hyi-glp-onestock .inside li:nth-last-child(-n+2) { border-bottom:none; }
#hyi-glp-onestock .inside li::before { content:"\2713"; position:absolute; left:0; top:.55rem;
  color:var(--red); font-weight:700; }

#hyi-glp-onestock .cover { width:100%; height:auto; display:block; border:1px solid var(--rule);
  box-shadow:0 10px 26px -14px rgba(15,28,51,.5); }
#hyi-glp-onestock .cover-cap { font-family:var(--sans); font-size:.72rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-soft); text-align:center; margin:.7rem 0 0; }

/* Visually hidden but available to screen readers. NOT `left:-9999px` — that
   pushes the element out of the document bounds and verify.mjs correctly counts
   it as horizontal overflow (it reported 9999px). This keeps it in place at 1px. */
#hyi-glp-onestock .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

#hyi-glp-onestock .capture { border:2px solid var(--ink-deep); border-top:6px solid var(--red); border-radius:3px;
  padding:1.5rem 1.6rem 1.35rem; background:#fff; margin:0; box-shadow:6px 7px 0 rgba(17,19,24,.1); }
#hyi-glp-onestock .capture .ask { font-family:var(--serif); font-size:1.45rem; line-height:1.25; font-weight:600;
  color:var(--ink-deep); margin:0 0 1rem; }
#hyi-glp-onestock .field { width:100%; font-family:var(--sans); font-size:1.05rem; padding:.85rem .9rem;
  border:1px solid var(--ink-soft); border-radius:3px; margin:0 0 .75rem; color:var(--ink);
  background:#fff; }
#hyi-glp-onestock .field:focus-visible { outline:3px solid var(--blue); outline-offset:2px; border-color:var(--blue); }
#hyi-glp-onestock .btn { display:block; width:100%; text-align:center; background:var(--red); color:#fff;
  font-family:var(--sans); font-size:1.05rem; font-weight:650; padding:1rem 1.2rem;
  border:2px solid var(--red); border-radius:3px; text-decoration:none; cursor:pointer; }
#hyi-glp-onestock .btn:hover,
#hyi-glp-onestock .btn:focus { background:var(--red-deep); border-color:var(--red-deep); }
#hyi-glp-onestock .btn:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
#hyi-glp-onestock .reassure { font-size:.9rem; color:var(--ink-soft); margin:.85rem 0 0; text-align:center; }
#hyi-glp-onestock .reassure a,
#hyi-glp-onestock .legal a { color:var(--blue); text-decoration:underline; }

#hyi-glp-onestock .byline { border-top:1px solid var(--rule); margin-top:.6rem; padding-top:1.1rem;
  font-size:.95rem; color:var(--ink-soft); }
#hyi-glp-onestock .byline strong { color:var(--ink-deep); }
#hyi-glp-onestock .legal { font-size:.85rem; line-height:1.5; color:var(--ink-soft); margin-top:1rem; }

@media (max-width:900px) {

  #hyi-glp-onestock .grid {
    grid-template-columns:1fr;
    grid-template-areas:"intro" "capture" "cover" "bullets" "byline";
    row-gap:1.6rem;
  }
  #hyi-glp-onestock .cover-wrap { max-width:15rem; margin:0 auto; }
  #hyi-glp-onestock .inside { grid-template-columns:1fr; }
  #hyi-glp-onestock .inside li:nth-last-child(-n+2) { border-bottom:1px solid var(--rule); }
  #hyi-glp-onestock .inside li:last-child { border-bottom:none; }

}
@media (max-width:640px) {

  #hyi-glp-onestock { font-size:17px; }
  #hyi-glp-onestock .sheet { padding:1.8rem 1.25rem 2.2rem; }

}