/* Newspaper strip, option B: full-width broadsheet pages (Coop, 24 Oct 2026). Generated by handoff-build/build.py. */
.hero .mq{margin-top:44px;padding:34px 0 56px}
.mq .clip{width:min(560px,44vw);min-height:400px;padding:30px 36px 40px;margin:calc(var(--dy,0px) * .5) 14px 0;transform:rotate(calc(var(--r,0deg) * .35));border-radius:4px;
  background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 26px 60px rgba(60,50,30,.14)}
.mq .clip .src{font-size:14px;letter-spacing:2px;margin:0 0 30px;padding-bottom:12px;border-bottom:2px solid #1D1D1F;text-align:center;color:#5E5E63}
.mq .clip .hd{font-size:44px;line-height:1.06;letter-spacing:-.6px}
.mq .clip::after{content:"";display:block;margin-top:28px;height:84px;background:repeating-linear-gradient(#E6E2DA 0 2px,transparent 2px 14px)}
.mq-track{animation-duration:140s}
@media (max-width:760px){.mq .clip{width:300px;min-height:0;padding:24px 22px 28px;}
  .mq .clip .src{font-size:12px;margin-bottom:22px;padding-bottom:10px}.mq .clip .hd{font-size:30px}.mq .clip::after{height:56px;margin-top:20px}}
/* Coop 24 Oct 2026 9:53 pm: "NEWSPAPERS SHOULD KEEP CIRCULATING WHEN HOVERED OVER". Cancels site.css's hover pause (site.css untouched).
   WCAG 2.2.2: the strip stops only with the visible Pause headlines button (js/newspaper-b.js) or prefers-reduced-motion (site.css). */
.mq:hover .mq-track,.mq:focus-within .mq-track{animation-play-state:running}
.hero .mq.is-paused .mq-track{animation-play-state:paused}
.mq-ctrl{display:flex;justify-content:center;margin:-30px 0 0;position:relative}
.mq-toggle{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;border:1px solid #86817A;border-radius:999px;background:#fff;color:#3A3A3E;font:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer}
.mq-toggle:hover{border-color:#1D1D1F;color:#1D1D1F}
.mq-toggle:focus-visible{outline:2px solid #1D1D1F;outline-offset:2px}
.mq-toggle svg{flex:none}
@media (max-width:760px){.mq-ctrl{margin-top:-22px}}
@media (prefers-reduced-motion:reduce){.mq-ctrl{display:none}}
/* Hero buttons removed from under the newspapers (Coop 9:55 pm): hidden while the newspapers show; other views unchanged. */
.hero [data-news]:not([hidden]) + .hero-ctas{display:none}
/* Headline highlighter (Coop 10:03 pm; restyled 25 Oct 1:00 am "brighter and more transparent like highlighting"): a translucent
   fluorescent highlighter-pen stroke, yellow #FFF200/#FFE600 to orange #FF9A1F at about 55-62% (ink shows through, multiplied onto the
   paper), covering the lower three quarters of the line with uneven rounded ends; clone so wrapped lines each get a stroke.
   Used in the newspaper strip and the Tomorrow's News paper. Ink stays #1D1D1F: 10:1 or more on the strongest (orange) end (AA). */
.mq .clip .hd .hlm,.tn-hd .hlm{color:#1D1D1F;background:linear-gradient(100deg,rgba(255,242,0,.58) 0,rgba(255,230,0,.56) 45%,rgba(255,154,31,.62) 100%) no-repeat 0 100%/100% 76%;border-radius:.7em .3em .6em .35em/.45em .35em .55em .4em;padding:0 .14em;margin:0 -.05em;-webkit-box-decoration-break:clone;box-decoration-break:clone;mix-blend-mode:multiply}
@media (forced-colors:active){.mq .clip .hd .hlm,.tn-hd .hlm{background:none;mix-blend-mode:normal;text-decoration:underline}}