/* SELÈ STUDIO — prose pages: services, journal articles, the journal index (SPEC-ADDENDUM A6.4–A6.7). Owner: P8.
   Prefix pr-. Logical properties only (RTL + LTR from one sheet); physical lines end with phys-ok.
   Frames round only through css/base.css; the CTA band's look is chrome.css. No motion here beyond
   data-reveal="media" on figures (motion.css) and two hover transitions. */

/* ------------------------------------------------------------------ head: crumbs, Latin word, H1, meta, hero, intro */
.pr-head{
  padding-block:calc(var(--header-h) + var(--s-6)) 0;
  align-items:start;
}
.pr-head > *{ grid-column:1 / -1 }
.pr-head .crumbs{ margin-block-end:var(--s-5) }
.pr-latin{
  /* the brand-book opener word at page-H1 size (A6.4), capped so the longest word fits at 320px */
  font-size:min(var(--t-d1), 11.5vw);
  line-height:.9;
  color:var(--fg);
}
.pr-latin--long{ font-size:min(var(--t-d1), 8.6vw) }   /* > 10 letters (VISUALIZATION) */
.pr-h1{
  margin-block-start:var(--s-3);
  font-family:var(--f-display); font-weight:300;
  font-size:var(--t-d2); line-height:1.12;
  text-wrap:balance;
  /* = 18ch of FRL 300 ("0" = .559em). Set in em, not ch: ch comes from the Latin subset, which loads after the
     preloaded Hebrew one, so a ch measure changes width mid-load and re-wraps the H1 above the hero (CLS). */
  max-inline-size:10.06em;
}
html[lang="en"] .pr-h1{ font-weight:400; line-height:1.06; max-inline-size:12.39em }   /* = 20ch of Bodoni Moda ("0" = .6195em) */
.pr-meta{ margin-block-start:var(--s-4); color:var(--fg-2) }
.pr-meta time{ white-space:nowrap }
.pr-meta bdi{ letter-spacing:.12em }
/* phones: each date on its own line, so the line count never depends on which font subset has loaded (CLS) */
@media (max-width:767px){ .pr-meta__date{ display:block } .pr-meta__sep{ display:none } }

.pr-hero{ margin-block-start:var(--s-5); width:min(100%, calc(80svh * var(--w) / var(--h)), calc(1.2px * var(--w))) }
.pr-hero .caption{ max-inline-size:44ch }

.pr-intro{ margin-block-start:var(--s-5); max-inline-size:var(--measure) }
.pr-intro > * + *{ margin-block-start:var(--s-4) }

.pr-lead{
  font-family:var(--f-he-display); font-weight:400;
  font-size:var(--t-lead); line-height:1.75;
  color:var(--fg-2);
  max-inline-size:var(--measure);
}
html[lang="en"] .pr-lead{ font-family:var(--f-lat-text); font-weight:300 }

@media (min-width:1100px){
  .pr-head{ grid-template-rows:auto 1fr; row-gap:0 }
  .pr-head__text{ grid-column:1 / 7; grid-row:1 }
  .pr-intro{ grid-column:1 / 7; grid-row:2; margin-block-start:var(--s-6) }
  .pr-hero{ grid-column:7 / 13; grid-row:1 / 3; justify-self:end; margin-block-start:0 }
  .pr-head--index .pr-head__text{ grid-column:1 / 9 }
}

/* ------------------------------------------------------------------ body: reading column + wide blocks */
.pr-body{ padding-block-end:var(--section) }
.pr-flow{ grid-column:1 / -1; min-inline-size:0 }
.pr-flow > *{ margin-block-start:var(--s-4) }
.pr-flow > :first-child{ margin-block-start:0 }
.pr-flow > :is(p, .pr-list, h2, h3, aside, .pr-checklist, .pr-faq, .pr-related){ max-inline-size:var(--measure) }
.pr-flow > .pr-steps{ max-inline-size:calc(var(--measure) + 4.5rem) }

@media (min-width:1100px){
  .pr-flow{ grid-column:1 / 11; display:grid; grid-template-columns:subgrid; align-content:start }
  .pr-flow > *{ grid-column:2 / 10 }
  .pr-flow > :is(.pr-figure--wide, .pr-gallery, .pr-table, .pr-cards, .pr-swatches){ grid-column:1 / -1 }
  .pr-body--toc .pr-flow{ grid-column:1 / 10; grid-row:1 }
  .pr-body--toc .pr-flow > *{ grid-column:2 / -1 }
  .pr-body--toc .pr-flow > :is(.pr-figure--wide, .pr-gallery, .pr-table, .pr-cards, .pr-swatches){ grid-column:1 / -1 }
}

/* running text */
.pr-flow p, .pr-intro p:not(.pr-lead){ text-wrap:pretty }
.pr-flow :is(p, li, td, th) a:not([class]), .pr-intro p a:not([class]){ text-decoration-line:underline; text-decoration-color:color-mix(in srgb, currentColor 45%, transparent) }
.pr-flow strong, .pr-intro strong{ color:var(--fg) }
/* short cross-script runs (auto-wrapped by gen-prose; the longest is 'sintered stone') never split across lines */
:is(.pr-flow, .pr-intro, .pr-faq__a, .pr-card__text) bdi{ white-space:nowrap }

.pr-h2{
  font-family:var(--f-display); font-weight:400;
  font-size:var(--t-d3); line-height:1.25;
  scroll-margin-block-start:calc(var(--header-h) + var(--s-4));
}
@media (min-width:1200px){ .pr-h2{ font-weight:300 } }
html[lang="en"] .pr-h2{ font-weight:400; line-height:1.15 }
.pr-h3{ font-size:var(--t-d4); font-weight:400; line-height:1.35 }
/* Bodoni Moda ships at opsz 96 only: below ~24px its hairlines drop under one device pixel (serifs vanish, 'renov ate').
   No English Bodoni line in the prose is set smaller than this. */
html[lang="en"] :is(.pr-faq__q h3, .pr-steps__title, .pr-card__title, .pr-h3, .pr-checklist__h, .pr-table caption){ font-size:clamp(1.5rem, 1.9vw, 1.75rem) }

/* lists: a 16px hairline dash (ul) or a Latin numeral (ol) at inline-start */
.pr-list > li{ position:relative; padding-inline-start:32px }
.pr-list > li + li{ margin-block-start:var(--s-2) }
ul.pr-list > li::before{ content:""; position:absolute; inset-inline-start:0; inset-block-start:.92em; inline-size:16px; block-size:1px; background:var(--fg-3) }
ol.pr-list{ counter-reset:pr-ol }
ol.pr-list > li{ counter-increment:pr-ol }
ol.pr-list > li::before{
  content:counter(pr-ol) "." / ""; position:absolute; inset-inline-start:0; inset-block-start:0;
  font-family:var(--f-lat-text); font-weight:400; font-size:.9em; color:var(--fg-2); font-variant-numeric:tabular-nums lining-nums;
}

/* note */
.pr-note{
  background:var(--paper-2);
  border-inline-start:2px solid var(--bordeaux);
  padding:var(--s-4) var(--s-4);
}
html.a11y-contrast .pr-note{ border-block:1px solid var(--rule); border-inline-end:1px solid var(--rule) }

/* ------------------------------------------------------------------ figures + gallery */
.pr-figure{
  justify-self:start;
  width:min(100%, calc(85svh * var(--w) / var(--h)), calc(1.2px * var(--w)));
}
.pr-flow > .pr-figure, .pr-flow > .pr-gallery, .pr-flow > .pr-swatches, .pr-flow > .pr-cards, .pr-flow > .pr-table{ margin-block-start:var(--s-6) }
.pr-flow > :is(.pr-figure, .pr-gallery, .pr-swatches, .pr-cards, .pr-table) + *{ margin-block-start:var(--s-6) }
.pr-flow > .pr-h2{ margin-block-start:var(--s-6) }
@media (min-width:768px){ .pr-flow > .pr-h2{ margin-block-start:var(--s-7) } }
.pr-flow > .pr-h3{ margin-block-start:var(--s-5) }
.pr-flow > :is(.pr-h2, .pr-h3) + *{ margin-block-start:var(--s-3) }
.pr-flow > .pr-h2 + :is(.pr-figure, .pr-gallery, .pr-swatches, .pr-cards, .pr-table, .pr-steps){ margin-block-start:var(--s-5) }
.pr-caption-solo .caption__status::after{ content:none }

.pr-gallery__list{ display:grid; grid-template-columns:minmax(0,1fr); gap:var(--s-5) var(--gap) }
@media (min-width:480px){ .pr-gallery__list{ grid-template-columns:repeat(2, minmax(0,1fr)) } }
@media (min-width:1100px){
  .pr-gallery__list{ grid-template-columns:repeat(3, minmax(0,1fr)) }
  /* 2 or 4 tiles: two columns, so no empty third beside them (gen-prose sizes these tiles at 36vw) */
  .pr-gallery__list:has(> :last-child:nth-child(2)), .pr-gallery__list:has(> :last-child:nth-child(4)){ grid-template-columns:repeat(2, minmax(0,1fr)) }
}
.pr-gallery__item{ min-inline-size:0 }
.pr-tile > .frame__clip{ aspect-ratio:4 / 5 }
.pr-tile .caption{ margin-block-start:var(--s-2) }
.pr-gallery__caption{ margin-block-start:var(--s-4) }

/* ------------------------------------------------------------------ table */
.pr-table{ overflow-x:auto; overscroll-behavior-inline:contain; border-block-start:1px solid var(--fg) }
.pr-table:focus-visible{ outline-offset:4px }
.pr-table table{ inline-size:100%; min-inline-size:34rem; border-collapse:collapse; font-size:var(--t-small); line-height:1.6 }
@media (min-width:768px){ .pr-table table{ min-inline-size:0 } }
.pr-table caption{ caption-side:top; text-align:start; padding-block:var(--s-3); font-family:var(--f-display); font-size:var(--t-d4); color:var(--fg) }
.pr-table :is(th, td){ text-align:start; vertical-align:top; padding-block:14px; padding-inline:0 var(--s-4); border-block-end:1px solid var(--line) }
.pr-table :is(th, td):last-child{ padding-inline-end:0 }
.pr-table thead th{ font-family:var(--f-he-text); font-weight:600; font-size:var(--t-label); letter-spacing:.02em; color:var(--fg-2); padding-block:12px }
html[lang="en"] .pr-table thead th{ font-family:var(--f-lat-text); font-weight:400; font-size:var(--t-label-lat); letter-spacing:.3em; text-transform:uppercase }
.pr-table tbody th{ font-weight:600; color:var(--fg); min-inline-size:8rem }
html[lang="en"] .pr-table tbody th{ font-weight:500 }
.pr-table td{ color:var(--fg-2) }
/* the row-header column stays put while the other columns scroll under it (phones) */
.pr-table :is(tbody th, thead th:first-child){ position:sticky; inset-inline-start:0; z-index:1; background:var(--bg) }
@media (max-width:767px){
  .pr-table :is(tbody th, thead th:first-child)::after{ content:""; position:absolute; inset-block:0; inset-inline-end:0; inline-size:1px; background:var(--line) }
  .pr-table tr > :nth-child(2){ padding-inline-start:var(--s-3) }   /* air between the pinned column's rule and the first scrolling column */
  /* scroll shadows on whichever edge still hides columns (RTL and LTR alike): the local covers hide each shadow
     once that edge is reached */
  .pr-table{
    background:
      linear-gradient(to right, var(--bg) 30%, transparent) left / 32px 100% no-repeat local,
      linear-gradient(to left, var(--bg) 30%, transparent) right / 32px 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%, rgba(33,29,25,.14), transparent) left / 12px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%, rgba(33,29,25,.14), transparent) right / 12px 100% no-repeat scroll;   /* phys-ok: scroll shadows sit on both physical edges */
  }
}

/* ------------------------------------------------------------------ steps */
.pr-steps{ counter-reset:pr-step; border-block-end:1px solid var(--line) }
.pr-steps__item{
  counter-increment:pr-step;
  display:grid; grid-template-columns:4rem minmax(0,1fr); column-gap:var(--s-3);
  padding-block:var(--s-4);
  border-block-start:1px solid var(--line);
}
.pr-steps__item::before{
  content:counter(pr-step) / "";
  grid-row:1 / span 2;
  font-family:var(--f-lat-display); font-weight:400; font-size:clamp(3rem, 3.6vw, 3.5rem); line-height:.9;
  color:var(--fg); font-variant-numeric:lining-nums;
}
.pr-steps__title{ font-size:var(--t-d4); font-weight:400; line-height:1.35 }
.pr-steps__text{ margin-block-start:var(--s-2); color:var(--fg-2) }

/* ------------------------------------------------------------------ cards (projects block + journal index) */
.pr-cards{ display:grid; grid-template-columns:minmax(0,1fr); gap:var(--s-5) var(--gap) }
@media (min-width:768px){ .pr-cards{ grid-template-columns:repeat(2, minmax(0,1fr)) } }
.pr-card{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  grid-template-rows:auto auto 1fr;
  column-gap:var(--s-4);
  align-content:start;
}
@media (min-width:1100px){ .pr-card{ grid-template-columns:136px minmax(0,1fr) } }
.pr-card__link{
  grid-column:1 / -1; grid-row:1 / -1;
  display:grid; grid-template-columns:subgrid; grid-template-rows:subgrid;
  color:inherit; text-decoration:none;
}
.pr-card__thumb{ display:block; grid-column:1; grid-row:1 / -1; align-self:start }
.pr-card__thumb > .frame__clip, .pr-swatch__frame > .frame__clip{ display:block }
.pr-card__thumb img{ transition:transform var(--d-ui) var(--ease-paper) }
.pr-card__title{
  grid-column:2; grid-row:1;
  font-size:var(--t-d4); font-weight:400; line-height:1.35;
  text-decoration-line:underline; text-decoration-thickness:1px; text-underline-offset:.22em;
  text-decoration-color:transparent;
  transition:text-decoration-color var(--d-micro) var(--ease-paper);
}
.pr-card__link:hover .pr-card__title, .pr-card__link:focus-visible .pr-card__title{ text-decoration-color:currentColor }
.pr-card__link:hover .pr-card__thumb img{ transform:scale(1.04) }
.pr-card__text{ grid-column:2; grid-row:2; margin-block-start:var(--s-2); font-size:var(--t-small); line-height:1.6; color:var(--fg-2) }
.pr-card__label{ grid-column:2; grid-row:3; margin-block-start:var(--s-2) }
html.a11y-links .pr-card__title{ text-decoration-color:currentColor }

/* ------------------------------------------------------------------ swatches (warm-minimalism palette) */
.pr-swatches{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--s-5) var(--gap); align-items:start }
@media (min-width:768px){ .pr-swatches{ grid-template-columns:repeat(3, minmax(0,1fr)) } }
.pr-swatch{ min-inline-size:0 }
.pr-swatch__frame{ display:block }
/* one even row: every crop at 200px tall, filling its column up to its native width (inline style). 200px keeps the
   shortest crop (travertine, 175px) within the 1.2x upscale rule; object-fit:cover (base.css) trims the rest. */
.pr-swatch__frame > .frame__clip{ aspect-ratio:auto; block-size:200px }
.pr-swatch__name{ margin-block-start:var(--s-3); font-weight:600; color:var(--fg) }
html[lang="en"] .pr-swatch__name{ font-weight:500 }
.pr-swatch__text{ margin-block-start:var(--s-1); font-size:var(--t-small); line-height:1.6; color:var(--fg-2) }

/* ------------------------------------------------------------------ checklist (boxes are CSS, never typed) */
.pr-checklist{
  background:var(--paper-2);
  border:1px solid var(--line);
  border-top-right-radius:var(--arch-ui);   /* phys-ok: the brand's UI-scale corner (slab) */
  padding:var(--s-5) var(--s-5);
}
.pr-flow > .pr-checklist{ margin-block-start:var(--s-6) }
.pr-checklist__h{ font-family:var(--f-display); font-weight:400; font-size:var(--t-d4); line-height:1.35 }
.pr-checklist__list{ margin-block-start:var(--s-4) }
.pr-checklist__item{ display:grid; grid-template-columns:22px minmax(0,1fr); column-gap:var(--s-3); align-items:start }
.pr-checklist__item + .pr-checklist__item{ margin-block-start:var(--s-3) }
.pr-checklist__item::before{
  content:""; inline-size:16px; block-size:16px; margin-block-start:.4em;
  border:1px solid var(--fg-2); background:var(--paper);
}

/* ------------------------------------------------------------------ FAQ (details/summary: works without JS) */
.pr-flow > .pr-faq{ margin-block-start:var(--s-7) }
.pr-faq > h2{ font-size:var(--t-d3); font-weight:400; line-height:1.25; margin-block-end:var(--s-4) }
@media (min-width:1200px){ .pr-faq > h2{ font-weight:300 } }
html[lang="en"] .pr-faq > h2{ font-weight:400 }
.pr-faq__item{ border-block-start:1px solid var(--line) }
.pr-faq__item:last-child{ border-block-end:1px solid var(--line) }
.pr-faq__q{
  display:flex; align-items:center; justify-content:space-between; gap:var(--s-4);
  min-block-size:44px; padding-block:var(--s-3);
  cursor:pointer; list-style:none;
}
.pr-faq__q::-webkit-details-marker{ display:none }
.pr-faq__q::marker{ content:"" }
.pr-faq__q h3{ font-size:var(--t-d4); font-weight:400; line-height:1.4 }
.pr-faq__q::after{
  content:""; flex:none; inline-size:16px; block-size:16px;
  background:
    linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1px 100% no-repeat;
  transition:transform var(--d-ui) var(--ease-paper);
}
.pr-faq__item[open] > .pr-faq__q::after{ transform:rotate(45deg) }
.pr-faq__q:hover h3{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.22em }
.pr-faq__a{ padding-block-end:var(--s-4); color:var(--fg-2); max-inline-size:var(--measure) }

/* ------------------------------------------------------------------ sources, author box, related */
.pr-sources{
  padding-block-start:var(--s-4);
  border-block-start:1px solid var(--line);
  color:var(--fg-2);
}
.pr-sources ul{ font-size:var(--t-small); line-height:1.6 }
.pr-sources h2{ font-family:var(--f-he-text); font-weight:600; font-size:var(--t-label); letter-spacing:.02em; color:var(--fg-2); line-height:1.5 }
html[lang="en"] .pr-sources h2{ font-family:var(--f-lat-text); font-weight:400; font-size:var(--t-label-lat); letter-spacing:.3em; text-transform:uppercase }
.pr-sources ul{ margin-block-start:var(--s-2) }
.pr-sources li + li{ margin-block-start:var(--s-1) }

.pr-author{
  display:flex; align-items:flex-start; gap:var(--s-4);
  padding-block:var(--s-5);
  border-block:1px solid var(--line);
}
.pr-author__seal{ flex:none; inline-size:40px; block-size:auto; aspect-ratio:182 / 210; color:var(--bordeaux) }
.pr-author__text{ margin-block:var(--s-2); max-inline-size:52ch }
.pr-author__text bdi{ letter-spacing:.08em }

.pr-flow > :is(.pr-sources, .pr-author){ margin-block-start:var(--s-6) }
.pr-flow > .pr-related{ margin-block-start:var(--s-7) }
.pr-related__h{ font-size:var(--t-d3); font-weight:400; line-height:1.25 }
@media (min-width:1200px){ .pr-related__h{ font-weight:300 } }
html[lang="en"] .pr-related__h{ font-weight:400 }
.pr-related__list{ display:flex; flex-wrap:wrap; gap:0 var(--s-5); margin-block-start:var(--s-4) }
.pr-related__svc{ margin-block-start:var(--s-4); color:var(--fg-2) }
.pr-related__svc .link{ color:var(--fg) }
.pr-related__all{ margin-block-start:var(--s-4) }
.pr-related .link{ font-size:var(--t-body) }
/* 44px touch targets (SPEC §9). The box grows ~15px around the text, so the hairline (base.css .link: box bottom) is
   pinned back under the text line, the list's row-gap is 0 and the next blocks' margins give back those 15px:
   the visual rhythm stays as before. */
.pr-related .link, .pr-author .link{
  display:inline-flex; align-items:center; min-block-size:44px;
  background-position:0 calc(50% + .7em + 2px);
}
.pr-related .link::after, .pr-author .link::after{ inset-block-end:calc(50% - .7em - 2px) }
.pr-related__list{ margin-block-start:calc(var(--s-4) - 8px) }
.pr-related__list + .pr-related__svc, .pr-related__list + .pr-related__all, .pr-related__svc + .pr-related__all{ margin-block-start:calc(var(--s-4) - 15px) }

/* ------------------------------------------------------------------ table of contents (articles) */
.pr-toc{ grid-column:1 / -1; margin-block:var(--s-6) var(--s-2) }
.pr-toc__static{ display:none }
.pr-toc__details{ border-block:1px solid var(--line) }
.pr-toc__summary{
  display:flex; align-items:center; justify-content:space-between;
  min-block-size:48px; cursor:pointer; list-style:none;
}
.pr-toc__summary::-webkit-details-marker{ display:none }
.pr-toc__summary::marker{ content:"" }
.pr-toc__summary::after{
  content:""; inline-size:12px; block-size:12px;
  background:
    linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1px 100% no-repeat;
  transition:transform var(--d-ui) var(--ease-paper);
}
.pr-toc__details[open] .pr-toc__summary::after{ transform:rotate(45deg) }
.pr-toc__details .pr-toc__list{ padding-block:0 var(--s-3) }
.pr-toc__list li a{
  display:block; padding-block:11px; min-block-size:44px;
  font-size:var(--t-small); line-height:1.45; color:var(--fg-2);
  text-decoration:none;
}
.pr-toc__list li a:hover{ color:var(--fg); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.22em }
@media (min-width:1100px){
  .pr-body--toc .pr-toc{
    grid-column:10 / 13; grid-row:1; align-self:start;
    position:sticky; inset-block-start:calc(var(--header-h) + 4vh);
    margin-block:var(--s-7) 0;
  }
  .pr-toc__details{ display:none }
  .pr-toc__static{ display:block; border-inline-start:1px solid var(--line); padding-inline-start:var(--s-4) }
  .pr-toc__label{ margin-block-end:var(--s-2) }
}

/* ------------------------------------------------------------------ journal index */
.pr-head--index{ padding-block-end:var(--s-5) }
.pr-head--index .pr-lead{ margin-block-start:var(--s-5) }
.pr-index{ padding-block-end:var(--section) }
.pr-index__section{ padding-block-start:var(--s-4); border-block-start:1px solid var(--line) }
.pr-index__section + .pr-index__section{ margin-block-start:var(--s-7) }
.pr-index__h{ font-size:var(--t-d3); font-weight:400; line-height:1.25; margin-block-end:var(--s-5) }
@media (min-width:1200px){ .pr-index__h{ font-weight:300 } }
html[lang="en"] .pr-index__h{ font-weight:400 }
@media (min-width:1100px){
  .pr-index__section{ display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:var(--gap) }
  .pr-index__h{ grid-column:1 / 4 }
  .pr-index__section > .pr-cards{ grid-column:4 / 13 }
  .pr-index .pr-card{ grid-template-columns:160px minmax(0,1fr) }
}

/* ------------------------------------------------------------------ print (articles; every prose page) */
@media print{
  :root{ --paper:#FFFFFF; --paper-2:#FFFFFF; --bg:#FFFFFF }
  body{ background:#FFFFFF !important; color:#000000; font-size:11pt }
  .skip-link, .site-header, .site-menu, .site-footer, .a11y-btn, .a11y-panel, .lang-pill, .cta-band, .pr-toc,
  .cursor-label, .film__toggle{ display:none !important }
  .pr-head{ padding-block:0 1.5rem }
  .pr-head .crumbs{ margin-block-end:.75rem }
  .pr-hero{ width:min(100%, 11cm) }
  .pr-figure{ width:min(100%, 12cm) }
  [data-reveal] > .frame__clip{ clip-path:none !important }
  [data-reveal]{ opacity:1 !important; transform:none !important }
  .pr-flow > *{ break-inside:avoid-page }
  .pr-h2, .pr-h3{ break-after:avoid-page }
  .pr-faq__item::details-content{ content-visibility:visible; display:block }
  .pr-checklist{ background:#FFFFFF; border:1px solid #000000 }
  .pr-checklist__item::before{ border-color:#000000; background:#FFFFFF; print-color-adjust:exact; -webkit-print-color-adjust:exact }
  .pr-flow > .pr-h2, .pr-flow > .pr-faq, .pr-flow > .pr-related{ margin-block-start:2rem }
  .pr-body{ padding-block-end:0 }
}