/* The site's design of a market report page (backend/includes/market_report_design.php), over the pipeline's
   report styles in market-reports.css. Every rule is scoped to the parts that layer draws. */
.rq-band,.rq-drawn,.rq-figs-drawn,.rq-tip{
  --shadow-halo:0 0 0 1px #53414D0F;
  --accent-gold:#B48A3E;
  --muted-text:#6B7480;
}

/* the photo band: the address and the title on the photo */
.rq-band{min-height:clamp(400px,40vw,540px)}
.rq-band .rx-band-copy{max-width:1040px}
.rq-band .rx-crumbs,.rq-band .rx-crumbs a{color:rgba(251,248,242,.82)}
.rq-band .rx-crumbs span:last-child{color:var(--gold-300)}
.rq-band h1{color:var(--ivory-50);max-width:20ch;margin-inline:auto}
.pg-ed.rq-intro{padding:52px 0 40px}
.pg-ed.rq-intro .pg-ed-lede{margin-top:0}

/* the key statistics: a fine gold line icon above each figure, the figures a size smaller */
.rq-figs-drawn .rq-ic.rq-line-ic{display:block;margin:0 0 16px;color:var(--accent-gold);line-height:0}
.rq-figs-drawn .pg-figs.kpi dd{font-size:clamp(26px,2.3vw,36px);overflow-wrap:normal}
.rq-figs-drawn .pg-figs .cur{font-size:11px;margin-right:6px}

/* the charts: lines over a soft gold area for prices and rents, flat columns for stacked counts */
.rq-drawn .rq-defs{position:absolute;width:0;height:0;overflow:hidden}
/* flat on the page, no card (Leon, 5 Nov 2026: no rounded white cards) */
.rq-drawn .pg-chart{min-height:0;padding:14px 0 6px;border:0;border-radius:0;background:none;box-shadow:none}
.rq-drawn .pg-chart .g{stroke:var(--green-900);stroke-opacity:.07}
.rq-drawn .pg-chart .g:first-of-type{stroke-opacity:.22}
.rq-drawn .pg-chart .yl{font:500 11px var(--ui);fill:var(--muted-text);font-variant-numeric:tabular-nums}
.rq-drawn .pg-chart .xl{font:500 11px var(--ui);fill:var(--muted-text);letter-spacing:.08em;text-transform:uppercase}
.rq-drawn .pg-chart .at{font:500 10px var(--ui);fill:var(--muted-text);letter-spacing:.1em;text-transform:uppercase}
.rq-drawn .pg-chart .bv{font:500 12px var(--ui);fill:var(--muted-text);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.rq-drawn .pg-chart .is-now .bv{font:700 13px var(--ui);fill:var(--green-900)}
.rq-drawn .pg-chart .is-now + .xl{fill:var(--green-900);font-weight:700}
/* a period's details (frontend/src/render/chartTips.js) sit in a card like the site's other popovers, above the
   chart, instead of the pipeline's label drawn over the bars; the period's column is softly lit */
.rq-drawn .pg-chart .rq-v{display:none}
.rq-drawn svg.rq-stack .rq-h.is-tip .rq-hit{fill:rgba(7,33,26,.04)}
.rq-drawn svg.rq-line .is-tip .pt{r:6px}
.rq-drawn svg.rq-line .rq-guide{stroke:var(--green-900);stroke-width:1;stroke-dasharray:2 4;stroke-opacity:0;transition:stroke-opacity .14s ease;pointer-events:none}
.rq-drawn svg.rq-line .rq-guide.is-on{stroke-opacity:.35}
.rq-tip{position:fixed;left:0;top:0;z-index:58;min-width:150px;padding:12px 15px 13px;border:1px solid var(--hairline);border-radius:6px;background:var(--card);box-shadow:0 24px 50px -24px rgba(7,33,26,.55),var(--shadow-halo);color:var(--ink);font:500 12px/1.4 var(--ui);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:left;direction:ltr;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s}
.rq-tip.is-on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .14s ease,transform .14s ease}
.rq-tip.is-below{transform:translate(-50%,-4px)}
.rq-tip.is-below.is-on{transform:translate(-50%,0)}
.rq-tip > span{display:block}
.rq-tip .rq-tip-m{font:600 10px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-600)}
.rq-tip .rq-tip-n{display:flex;align-items:baseline;gap:7px;margin-top:5px}
.rq-tip .rq-tip-n b{font:600 18px/1.15 var(--ui);color:var(--green-900)}
.rq-tip .rq-tip-n small{font:500 11px var(--ui);color:var(--ink-muted)}
.rq-tip .rq-tip-l{display:grid;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(7,33,26,.08);color:var(--ink-muted)}
.rq-tip .rq-tip-m + .rq-tip-l{margin-top:6px;padding-top:0;border-top:0}
.rq-tip .rq-tip-s{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px}
.rq-tip .rq-tip-s i{width:8px;height:8px;border-radius:2px}
.rq-tip .rq-tip-s .k1{background:var(--green-700)}
.rq-tip .rq-tip-s .k2{background:#E4D7BA}
.rq-tip .rq-tip-s em{padding-left:10px;font-style:normal;font-weight:600;color:var(--green-900);text-align:right}
.rq-tip::after{content:"";position:absolute;left:calc(50% + var(--arrow,0px));bottom:-6px;width:10px;height:10px;margin-left:-6px;border:solid var(--hairline);border-width:0 1px 1px 0;background:var(--card);transform:rotate(45deg)}
.rq-tip.is-below::after{top:-6px;bottom:auto;border-width:1px 0 0 1px}
@media (prefers-reduced-motion:reduce){.rq-tip,.rq-tip.is-on,.rq-drawn svg.rq-line .rq-guide{transition:none}}
.rq-drawn svg.rq-line .ar{fill:url(#rq-area) rgba(201,164,91,.14)}
.rq-drawn svg.rq-line .ln{stroke:var(--green-900);stroke-width:2.2;fill:none}
.rq-drawn svg.rq-line .pt{fill:#fff;stroke:var(--green-900);stroke-width:2;transition:r .15s}
.rq-drawn svg.rq-line .pt.thin{stroke-opacity:.45}
.rq-drawn svg.rq-line .pt.last{fill:var(--gold-500);stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 0 5px rgba(201,164,91,.65))}
.rq-drawn svg.rq-stack .br{fill:var(--green-700);opacity:1}
.rq-drawn svg.rq-stack .br.thin{opacity:.45}
.rq-drawn svg.rq-stack .br2{fill:#E4D7BA;opacity:1}
.rq-drawn svg.rq-stack .is-now .br{fill:var(--green-900)}
.rq-drawn svg.rq-stack .is-now .br2{fill:var(--gold-300)}
.rq-drawn svg.rq-stack .pv{font:600 10.5px var(--ui);fill:#fff}
.rq-drawn svg.rq-stack .pv2{font:600 10.5px var(--ui);fill:var(--green-900)}
.rq-drawn .rq-key{margin-top:14px}
.rq-drawn .rq-key .k1{background:var(--green-700);opacity:1}
.rq-drawn .rq-key .k2{background:#E4D7BA;opacity:1}
/* a thin row's warning mark sits in its own gutter before the label: the site's phone tables drop the first
   column's left padding, which put the mark on the text */
.pg-table tbody th[scope="row"]{padding-left:24px}
@media (max-width:640px){
  .pg-table tbody th[scope="row"]{padding-left:20px}
  .pg-table .rq-g{left:0;top:11px}
}
/* on a phone a chart keeps its sizes and slides sideways, opening on its latest months */
@media (max-width:760px){
  .rq-band{min-height:360px}
  .pg-ed.rq-intro{padding:34px 0 28px}
  .rq-drawn .pg-chart{padding:16px 0 6px;overflow-x:auto;direction:rtl;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .rq-drawn .pg-chart::-webkit-scrollbar{display:none}
  .rq-drawn .pg-chart svg{direction:ltr;width:760px;min-width:760px;max-width:none}
}
/* the analysis's parts sit in a box of their own beside their list (market_report_design.php): the last keeps the
   fine rule under it, and the space after it is the box's own (a PDF dropped a margin running out of the box) */
.rq-an-body{padding-bottom:26px}
.rq-an .rq-an-parts > .rq-part:last-child{margin-bottom:0;border-bottom:1px solid rgba(7,33,26,.12)}

/* the report on the screen, finished over Leon's flat layout (5 Nov 2026): no cards or shaded boxes, only fine
   rules, gold marks and lighter display type. The printed report keeps its own rules, below. */
@media screen{
  main[data-page="market-report"]{
    --soft-rule:rgba(7,33,26,.12);
    --accent-rule:var(--gold-500);
    --micro-label:600 11px/1.2 var(--ui);
  }
  main[data-page="market-report"] :is(.rq-hl h3,.rq-an h3,.rq-drawn .pj-h,.rq-mini figcaption,.rq-fold .t){text-wrap:balance}
  main[data-page="market-report"] :is(.rq-stand,.rq-hl li,.rq-mean p,.rq-an p,.rq-note){text-wrap:pretty}
  /* the lede and byline on the sections' left edge, the currency of a key statistic in its icon's gold */
  .pg-ed.rq-intro .pg-ed-in{max-width:1440px}
  .rq-figs-drawn .pg-figs .cur{color:var(--gold-600)}
  .rq-figs-drawn .pg-figs dt{text-wrap:balance}
  /* a table without a thin row's warning mark starts at the column's edge */
  main[data-page="market-report"] .pg-table:not(:has(.rq-g)) :is(thead th:first-child,tbody th[scope="row"]){padding-left:0}

  /* In brief: the standfirst in lighter type; each headline's figures under a gold mark, what they mean beside a gold
     rule, then its chart with slimmer columns */
  .rq-brief .rq-stand{margin-bottom:46px;font:400 clamp(20px,1.75vw,25px)/1.5 var(--ui);letter-spacing:-.006em}
  .rq-hl > div{padding:46px 0 40px}
  .rq-hl h3{margin-bottom:24px;font:500 clamp(21px,1.85vw,27px)/1.28 var(--ui);letter-spacing:-.012em}
  .rq-hl ul{gap:0 36px;margin-bottom:36px}
  .rq-hl li{position:relative;padding-top:16px;font-size:15px;line-height:1.6;color:var(--ink)}
  .rq-hl li::before{content:"";position:absolute;left:0;top:-1px;width:32px;height:1px;background:var(--accent-rule)}
  .rq-hl .rq-mean > p{padding:3px 0 3px 26px;border-left:2px solid var(--accent-rule);font:400 clamp(18px,1.5vw,21px)/1.6 var(--ui)}
  .rq-hl .rq-mean > p strong{margin-right:5px;font:var(--micro-label);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-600)}
  .rq-mini{margin:40px 0 8px}
  .rq-mini figcaption{margin-bottom:8px;font:500 12.5px/1.45 var(--ui);color:rgba(7,33,26,.78)}
  .rq-mc .mb{transform-box:fill-box;transform-origin:50% 50%;transform:scaleX(.58)}
  .rq-brief .rq-mc .bv{stroke:var(--ivory-75)}
  .rq-hl > div > a,.rq-an .rq-back{display:inline-block;margin-top:8px;padding-bottom:6px;border-bottom:1px solid var(--accent-rule);font:var(--micro-label);letter-spacing:.16em;text-transform:uppercase;color:var(--green-900);transition:color .2s ease}
  .rq-hl > div > a:hover,.rq-an .rq-back:hover{color:var(--gold-600)}
  .rq-brief .rq-note{margin-top:24px;font-size:13px;line-height:1.65}

  /* the analysis: each part's number and name in gold above its title, its summary in display type; beside the
     parts on a wide screen, their list */
  .rq-an-body{padding-bottom:0}
  .rq-an .rq-an-parts > .rq-part,.rq-an .rq-an-parts > .rq-part:last-child{padding-bottom:42px;margin-bottom:46px}
  .rq-an .rq-part{scroll-margin-top:calc(var(--rx-top) + 32px)}
  .rq-an .rq-num{margin:0 0 14px;font:var(--micro-label);letter-spacing:.16em;color:var(--gold-600)}
  .rq-an h3{margin-bottom:14px;font:500 clamp(22px,2vw,29px)/1.25 var(--ui);letter-spacing:-.012em}
  .rq-an .rq-sub{margin-bottom:26px;font:400 clamp(17px,1.4vw,19.5px)/1.55 var(--ui);color:rgba(7,33,26,.74)}
  .rq-an .rq-part > p:not([class]){margin-bottom:16px;font-size:16.5px;line-height:1.75}
  .rq-an .rq-back{margin-top:12px}
  .rq-an-nav ol{margin:0;padding:0;list-style:none;border-left:1px solid var(--soft-rule)}
  .rq-an-nav a{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:baseline;margin-left:-1px;padding:9px 0 9px 20px;font:500 13.5px/1.4 var(--ui);color:var(--ink-muted);transition:color .2s ease,box-shadow .2s ease}
  .rq-an-nav a span{font:600 11px/1.4 var(--ui);letter-spacing:.06em;color:var(--gold-600);font-variant-numeric:tabular-nums}
  .rq-an-nav a:hover{color:var(--green-900)}
  .rq-an-nav a[aria-current="true"]{color:var(--green-900);box-shadow:inset 2px 0 0 var(--accent-rule)}
  /* what the figures mean for each reader */
  .rq-an .pg-table thead th{font:600 10.5px/1.3 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-600)}
  .rq-an .pg-table tbody :is(th,td){padding-top:18px;padding-bottom:18px;vertical-align:top}
  .rq-an .pg-table tbody th[scope="row"]{font:500 15.5px/1.45 var(--ui)}
  .rq-an .pg-table td.rq-txt{font-size:14.5px;line-height:1.6;color:var(--ink)}

  /* the monthly charts: each under a fine rule, its title a size below the sections'; right after the key
     statistics, or the analysis running on into month by month on the same ground */
  .rq-drawn > .rx-wrap > .rq-defs + .pg-sec-head{margin-top:0}
  .rq-figs + .rq-charts.rq-drawn{padding-top:40px}
  .rq-an + .rq-charts.rq-drawn{padding-top:0;background:var(--card)}
  .rq-an + .rq-charts.rq-drawn > .rx-wrap > .rq-defs + .pg-sec-head{padding-top:80px;border-top:1px solid var(--soft-rule)}
  .rq-charts.rq-drawn:not(:has(.rq-fold)) > .rx-wrap > .pg-sec-head{margin:72px 0 6px;padding-top:30px;border-top:1px solid var(--soft-rule)}
  .rq-charts.rq-drawn:not(:has(.rq-fold)) > .rx-wrap > .rq-defs + .pg-sec-head{margin-top:0}
  .rq-charts.rq-drawn:not(:has(.rq-fold)) .pg-sec-head .pj-h{font-size:clamp(22px,1.9vw,28px)}
  /* month by month: a chart in each fold, opened by a round button */
  .rq-fold summary{position:relative;padding:22px 52px 22px 0}
  .rq-fold .t{font-weight:500;transition:color .2s ease}
  .rq-fold summary:hover .t{color:var(--gold-600)}
  .rq-fold .v{font-size:13.5px}
  .rq-fold summary::after,.rq-fold[open] summary::after{content:"";position:absolute;right:0;top:50%;width:30px;height:30px;margin-top:-15px;border:1px solid var(--soft-rule);border-radius:50%;background:linear-gradient(var(--green-900),var(--green-900)) center/11px 1.5px no-repeat;transition:border-color .2s ease}
  .rq-fold:not([open]) summary::after{background:linear-gradient(var(--green-900),var(--green-900)) center/11px 1.5px no-repeat,linear-gradient(var(--green-900),var(--green-900)) center/1.5px 11px no-repeat}
  .rq-fold summary:hover::after{border-color:var(--accent-rule)}
  .rq-fold-in{padding-bottom:34px}
}
/* the key statistics' four columns from the sections' edge, so the rule between their rows starts there too */
@media screen and (min-width:901px){
  .rq-figs .pg-figs{margin-left:0}
  .rq-figs .pg-figs > div:nth-child(4n+1){padding-left:0}
}
@media screen and (min-width:1180px){
  .rq-an-body{display:grid;grid-template-columns:minmax(0,860px) minmax(220px,280px);justify-content:space-between;column-gap:64px;align-items:start}
  .rq-an-nav{position:sticky;top:calc(var(--rx-top) + 40px);grid-column:2;grid-row:1}
  .rq-an-parts{grid-column:1;grid-row:1;min-width:0}
}
@media screen and (max-width:1179px){
  .rq-an-nav{display:none}
}
/* the other reports centred under their title when they don't fill the row */
@media screen and (min-width:1101px){
  .rq-more .pg-reps:has(> .pg-rep:only-child){grid-template-columns:minmax(0,300px);justify-content:center}
  .rq-more .pg-reps:has(> .pg-rep:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,300px));justify-content:center}
  .rq-more .pg-reps:has(> .pg-rep:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,300px));justify-content:center}
}
/* narrower screens draw the charts smaller, so their labels are set larger to read at the same size */
@media screen and (max-width:1100px){
  .rq-drawn .pg-chart .xl{font-size:14px}
  .rq-drawn .pg-chart .yl{font-size:13px}
  .rq-drawn .pg-chart .bv{font-size:15px}
  .rq-drawn .pg-chart .is-now .bv{font-size:16px}
  .rq-drawn svg.rq-stack .pv,.rq-drawn svg.rq-stack .pv2{font-size:13px}
  .rq-hl .rq-mc.rq-drawn .pg-chart .xl{font-size:15px}
  .rq-hl .rq-mc.rq-drawn .pg-chart .bv{font-size:18px}
  .rq-hl .rq-mc.rq-drawn .pg-chart .now .bv{font-size:19px}
}
@media screen and (max-width:760px){
  .rq-drawn .pg-chart .xl{font-size:16px}
  .rq-drawn .pg-chart .yl{font-size:14px}
  .rq-drawn .pg-chart .at{font-size:12.5px}
  .rq-drawn .pg-chart .bv{font-size:17px}
  .rq-drawn .pg-chart .is-now .bv{font-size:18px}
  .rq-drawn svg.rq-stack .pv,.rq-drawn svg.rq-stack .pv2{font-size:14px}
  .rq-hl .rq-mean > p{padding-left:18px}
  /* In brief's charts fit the phone's width */
  .rq-hl .rq-mc.rq-drawn .pg-chart{padding:12px 0 18px}
  .rq-hl .rq-mc.rq-drawn .pg-chart svg{overflow:visible}
  .rq-hl .rq-mc.rq-drawn .pg-chart .xl{font-size:20px}
  .rq-hl .rq-mc.rq-drawn .pg-chart .bv{font-size:24px}
  .rq-hl .rq-mc.rq-drawn .pg-chart .now .bv{font-size:25px}
  /* a chart of a few columns: their long labels in sentence case and below the chart, a value written under its
     column (a fall) set lower to clear it */
  .rq-hl .rq-mc.rq-drawn .pg-chart svg:not(:has(> g:nth-of-type(5))) .xl{font-size:24px;letter-spacing:0;text-transform:none;transform:translateY(30px)}
  .rq-hl .rq-mc.rq-drawn .pg-chart svg:not(:has(> g:nth-of-type(5))) :is(.bv,.now .bv){font-size:28px}
  .rq-hl .rq-mc.rq-drawn .pg-chart svg:not(:has(> g:nth-of-type(5))) .lo .bv{transform:translateY(18px)}
}
@media screen and (max-width:640px){
  /* a table of sentences: one reader under another, each cell under its column's name */
  main[data-page="market-report"] .pg-table:has(td.rq-txt){overflow:visible}
  main[data-page="market-report"] .pg-table table:has(td.rq-txt),main[data-page="market-report"] .pg-table table:has(td.rq-txt) :is(caption,tbody,tr,th,td){display:block}
  main[data-page="market-report"] .pg-table table:has(td.rq-txt) thead{display:none}
  main[data-page="market-report"] .pg-table table:has(td.rq-txt) tbody{border-top:1px solid var(--hairline)}
  main[data-page="market-report"] .pg-table table:has(td.rq-txt) tr{padding:20px 0 18px;border-bottom:1px solid var(--hairline)}
  main[data-page="market-report"] .pg-table table:has(td.rq-txt) :is(th,td){padding:0;border:0;white-space:normal}
  main[data-page="market-report"] .pg-table table:has(td.rq-txt) th[scope="row"]{margin-bottom:12px;font:500 17px/1.35 var(--ui)}
  main[data-page="market-report"] .pg-table table:has(td.rq-txt) td + td{margin-top:12px}
  main[data-page="market-report"] .pg-table table:has(td.rq-txt) td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;font:var(--micro-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-600)}
}
@media screen and (max-width:480px){
  .rq-hl .rq-mc.rq-drawn .pg-chart .xl{font-size:28px;letter-spacing:.04em;transform:translateY(10px)}
  .rq-hl .rq-mc.rq-drawn .pg-chart .bv{font-size:34px}
  .rq-hl .rq-mc.rq-drawn .pg-chart .now .bv{font-size:36px}
  .rq-hl .rq-mc.rq-drawn .pg-chart svg:not(:has(> g:nth-of-type(5))) .xl{font-size:30px;letter-spacing:0;transform:translateY(36px)}
  .rq-hl .rq-mc.rq-drawn .pg-chart svg:not(:has(> g:nth-of-type(5))) :is(.bv,.now .bv){font-size:36px}
  .rq-hl .rq-mc.rq-drawn .pg-chart svg:not(:has(> g:nth-of-type(5))) .lo .bv{transform:translateY(22px)}
}
/* the printed report (Download PDF): a cover with its title, then the report alone on A4 pages, the firm's name and
   the report's title above each page, the page number below, the firm's mark faint in the middle of every page */
.rq-cover,.rq-mark{display:none}
@media print{
  .rq-tip{display:none!important}
  @page rq-cover{size:A4;margin:0}
  @page rq-page{size:A4;margin:21mm 17mm 19mm;
    @top-left{content:"Richmond Properties";font:600 6.5pt "Montserrat",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8A6A2F;vertical-align:bottom;padding-bottom:6mm}
    @top-right{font:500 7pt "Montserrat",sans-serif;color:#5A6371;vertical-align:bottom;padding-bottom:6mm}
    @bottom-right{content:counter(page) " / " counter(pages);font:500 7pt "Montserrat",sans-serif;color:#5A6371;vertical-align:top;padding-top:6mm}
  }
  html,body{background:#fff!important}
  main[data-page="market-report"]{display:block;margin:0!important;padding:0!important;background:#fff!important}
  main[data-page="market-report"] > *{page:rq-page}
  .rx-head,.rx-foot,.rx-mbar,.rx-wa,.rx-drawer,.rx-search,.rx-dialog,.rq-band,.pg-btns,.pg-band-cta,.rq-more,#ar-homes,.rq-an-nav,.rq-drawn .rq-guide{display:none!important}
  main[data-page="market-report"] .rx-sec:not(:has(h2,h3,p,table,svg,dl,ul,details,blockquote)){display:none!important}

  main[data-page="market-report"] > .rq-cover{page:rq-cover;display:block;position:relative;z-index:3;height:297mm;overflow:hidden;break-after:page;background:var(--green-900);color:var(--ivory-50);-webkit-print-color-adjust:exact;print-color-adjust:exact}
  /* the report page's photo with the cover's dark veil already in it (assets/market-report-cover.jpg): a PDF viewer
     that draws see-through gradients wrongly showed the veil pink */
  .rq-cover .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .rq-cover .logo,.rq-cover-t,.rq-cover .m{position:absolute;z-index:1;left:20mm;right:20mm;margin:0}
  .rq-cover .logo{top:19mm;right:auto;width:56mm;height:auto}
  .rq-cover-t{bottom:46mm}
  .rq-cover .t{margin:0;max-width:150mm;font:300 33pt/1.1 var(--ui);letter-spacing:-.005em;color:var(--ivory-50)}
  .rq-cover .p{margin:0;font:500 14pt/1.3 var(--ui);letter-spacing:.05em;color:var(--gold-300)}
  .rq-cover .p::before{content:"";display:block;width:22mm;height:.45mm;margin:8mm 0 6mm;background:var(--gold-500)}
  .rq-cover .m{bottom:19mm;display:flex;flex-wrap:wrap;gap:2mm 0;font:500 7.5pt var(--ui);letter-spacing:.08em;text-transform:uppercase;color:rgba(251,248,242,.74)}
  .rq-cover .m span + span::before{content:"";display:inline-block;width:1mm;height:1mm;margin:0 3mm .35mm;border-radius:50%;background:var(--gold-500);vertical-align:middle}
  /* Chrome sets a fixed box in the first page's box (the whole sheet: the cover has no margins) from the corner of
     each later page's margins, so the middle of the sheet is that corner's distance nearer */
  .rq-mark{display:block;position:fixed;left:calc(105mm - 17mm);top:calc(148.5mm - 21mm);z-index:2;width:96mm;height:auto;transform:translate(-50%,-50%);opacity:.055!important;pointer-events:none}
  .rq-cover img{opacity:1!important}

  main[data-page="market-report"] .rx-wrap{max-width:none;padding:0}
  main[data-page="market-report"] .rx-sec{padding:0 0 8mm!important;background:transparent!important}
  main[data-page="market-report"] p,main[data-page="market-report"] li{orphans:3;widows:3}
  .pg-ed.rq-intro{padding:0 0 7mm!important;background:transparent!important}
  .rq-intro .pg-ed-lede{max-width:none;margin:0;font:400 12pt/1.6 var(--sans);color:var(--ink)}
  .rq-intro .pg-ed-meta{margin-top:5mm;padding-top:3.5mm;font-size:7.5pt;letter-spacing:.04em}
  .rq-figs h2.pj-h::after,.rq-brief h2.pj-h::after{height:300px;margin-bottom:-300px}
  .rq-figs .pg-figs{grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0;overflow:visible;break-inside:auto}
  .rq-figs .pg-figs > div,.rq-figs .pg-figs > div:first-child{padding:4.5mm 3.5mm 4mm;break-inside:avoid}
  .rq-figs .pg-figs > div:nth-child(4n+1){border-left:0;padding-left:0}
  .rq-figs-drawn .rq-ic.rq-line-ic{margin-bottom:3mm}
  .rq-figs-drawn .rq-ic.rq-line-ic svg{width:22px;height:22px}
  .rq-figs-drawn .pg-figs.kpi dd{font-size:15pt}
  main[data-page="market-report"] .rq-hl > div{break-inside:auto}
  .rq-hl h3{break-after:avoid}
  .rq-hl ul,.rq-hl .rq-mean,.rq-mini{break-inside:avoid}
  .rq-key{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rq-drawn .pg-chart{padding:2mm 0 1mm;overflow:visible;direction:ltr;break-inside:avoid}
  .rq-drawn .pg-chart svg{width:100%;min-width:0}
  .rq-drawn .pg-chart .xl{font-size:16px}
  .rq-drawn .pg-chart .yl{font-size:13px}
  .rq-drawn .pg-chart .at{font-size:12px}
  .rq-drawn .pg-chart .bv{font-size:17px}
  .rq-drawn .pg-chart .is-now .bv{font-size:18px}
  .rq-drawn svg.rq-stack .pv,.rq-drawn svg.rq-stack .pv2{font-size:14px}
  /* no see-through gradients, glows or blends on paper, so every PDF viewer draws the charts alike */
  .rq-drawn svg.rq-line .ar{fill:rgba(201,164,91,.13)}
  .rq-drawn svg.rq-line .pt.last{filter:none}
  .rq-hl .rq-mc.rq-drawn .pg-chart .xl{font-size:16px}
  .rq-hl .rq-mc.rq-drawn .pg-chart .bv,.rq-hl .rq-mc.rq-drawn .pg-chart .now .bv{font-size:18px}
  main[data-page="market-report"] .pg-table{overflow:visible;break-inside:auto;margin:2mm 0 5mm}
  main[data-page="market-report"] .pg-table table{font-size:8.5pt}
  main[data-page="market-report"] .pg-table th,main[data-page="market-report"] .pg-table td{padding:2.1mm 2.2mm;font-size:8.5pt;white-space:normal!important}
  main[data-page="market-report"] .pg-table tbody th[scope="row"]{padding-left:5mm}
  main[data-page="market-report"] .pg-table .rq-g{left:0;top:2mm}
  main[data-page="market-report"] .pg-table a{border-bottom:0}
  /* a table of many columns a size smaller, so its figures stay on one line */
  main[data-page="market-report"] .pg-table table:has(thead th:nth-child(7)) :is(th,td){padding:1.7mm 1.3mm;font-size:7pt}
  main[data-page="market-report"] .pg-table table:has(thead th:nth-child(7)) tbody th[scope="row"]{padding-left:4mm}
  main[data-page="market-report"] .pg-table thead{display:table-header-group}
  /* the title under its table: Chrome sends the rows of a table titled above them to the next page, away from it */
  main[data-page="market-report"] .pg-table caption{caption-side:bottom;padding:2.5mm 0 0;font-size:7.5pt;break-before:avoid}
  main[data-page="market-report"] .pg-table tbody tr:last-child{break-after:avoid}
  main[data-page="market-report"] .pg-table tr{break-inside:avoid}
  main[data-page="market-report"] .mg-faq{max-width:none}
  main[data-page="market-report"] #faq h2{text-align:left}
  main[data-page="market-report"] .mg-faq summary{padding:4mm 0 2.5mm;break-after:avoid}
  main[data-page="market-report"] .mg-faq summary::after{content:none}
  /* the citation and the notes on the data close the report together, so its last page is never a few lines */
  main[data-page="market-report"] #cite{break-inside:avoid}
  main[data-page="market-report"] .mg-faq .pg-method{break-before:avoid;break-inside:avoid;margin-top:5mm!important;padding-top:3mm;border-top:1px solid rgba(7,33,26,.14);font:400 7pt/1.55 var(--sans)!important}
}