/* BERI.ru — the journal (#34, visual master of the journal by GPT, 22.10.2026; integration 23.10.2026).
   Ported from PROTOTYPE/journal.css and PROTOTYPE/article-71.css of the master package: the same values, every rule
   scoped to the journal — .jr (the journal's pages: /blog, its rubrics, the archive of the digest, articles), .jr-home
   (the journal block of the home page) and .jr-service (its links on /invest and /sell) — so nothing of the corporate
   site changes. The corporate header, footer, form
   and fonts stay those of v2.css (Montserrat, Cormorant Garamond); the reading face is Georgia, as in the package.
   Loaded after v2.css by the chunk v2_head (param journal). */

.jr, .jr-home, .jr-service {
  --paper-2: #eae4da; --muted: #5b5c5a; --accent-text: #a5420d; --line: #cbc5bb;
  --reading: Georgia, "Times New Roman", serif;
}
.jr { padding-bottom: 8px; }
.jr img, .jr-home img { max-width: 100%; display: block; }
.jr [hidden], .jr-home [hidden] { display: none !important; }
.jr h1, .jr h2, .jr h3, .jr h4, .jr-home h2, .jr-home h3 { font-family: var(--display); font-weight: 600; line-height: 1; letter-spacing: -.025em; margin-top: 0; }
.jr p, .jr-home p { margin-top: 0; }
.jr a, .jr-home a { color: inherit; text-underline-offset: 4px; }
.jr a:hover, .jr-home a:hover { color: var(--accent-text); }
.jr :where(a, button, input, summary, [tabindex]):focus-visible, .jr-home a:focus-visible { outline: 2px solid var(--accent-text); outline-offset: 5px; }
.jr :where(button, input, summary) { font: inherit; }

/* labels, meta, arrows */
.jr-label { font: 600 10px/1.6 var(--ui); text-transform: uppercase; letter-spacing: 1.7px; color: var(--accent-text); }
.jr-meta { font: 400 10px/1.6 var(--ui); letter-spacing: .2px; color: var(--muted); }
.jr-arrow { font: 400 27px/1 var(--ui); color: var(--accent-text); }
.jr-credit { font-size: 9px; line-height: 1.5; color: var(--muted); margin: 8px 0 0; }
.jr-count { font-size: 12px; color: var(--muted); margin-bottom: 25px; }
.jr-search-status:empty { display: none; }

/* masthead and the bar of rubrics */
.jr-masthead { padding: 38px 0 25px; display: flex; align-items: flex-end; justify-content: space-between; gap: 34px; }
/* .jr: the title is the h1 of /blog, and «.jr h1» above would otherwise set its letter-spacing and line-height (GPT V1, 23.10.2026) */
.jr .jr-masthead__title { font-family: var(--display); font-weight: 600; font-size: clamp(65px, 8.4vw, 120px); margin: 0; line-height: .95; letter-spacing: -5px; white-space: nowrap; }
.jr-masthead__title span { color: var(--accent-text); }
.jr-masthead p.jr-masthead__note { font: 400 17px/1.5 var(--reading); max-width: 335px; margin: 0 0 6px; }
.jr-rule { display: flex; justify-content: space-between; border-top: 2px solid var(--ink); padding: 10px 0; font-size: 10px; text-transform: uppercase; letter-spacing: 1.4px; color: var(--muted); }
.jr-browse { display: flex; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); padding: 13px 0 18px; margin-bottom: 32px; }
.jr-filters { display: flex; flex-wrap: wrap; gap: 4px 22px; }
/* a rubric link keeps the class v2-chip for the analytics (event journal_category_filter); its look is the journal's */
.jr .jr-filters .jr-filter { display: flex; align-items: center; min-height: 40px; padding: 0; border-radius: 0; box-shadow: none; background: none; font: 400 12px/1.6 var(--ui); letter-spacing: 0; text-decoration: none; white-space: nowrap; color: var(--ink); border-bottom: 2px solid transparent; transition: none; }
.jr .jr-filters .jr-filter:hover { color: var(--accent-text); box-shadow: none; }
.jr .jr-filters .jr-filter[aria-current] { background: none; box-shadow: none; border-color: var(--accent); color: var(--accent-text); font-weight: 600; }
.jr-search { margin-left: auto; display: flex; align-items: center; border-bottom: 1px solid var(--line); max-width: 190px; }
.jr-search input { width: 100%; min-width: 0; border: 0; border-radius: 0; background: none; padding: 8px 0 8px 8px; font-size: 12px; color: var(--ink); -webkit-appearance: none; appearance: none; }
.jr-search input::placeholder { color: var(--muted); opacity: 1; }
.jr-search input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.jr-search button { border: 0; background: none; padding: 10px; color: var(--ink); cursor: pointer; }

/* the lead material */
.jr-feature { display: grid; grid-template-columns: .85fr 1.15fr; min-height: 450px; border: 1px solid var(--line); text-decoration: none; margin-bottom: 18px; background: #f8f4ed; color: var(--ink); }
.jr-feature:hover { color: var(--ink); }
.jr-feature:hover h2 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.jr-feature__copy { padding: 42px 32px; display: flex; flex-direction: column; align-items: flex-start; }
.jr-feature h2 { font-size: clamp(38px, 3.65vw, 54px); line-height: 1.01; margin: 15px 0 20px; }
.jr-feature p { font: 400 19px/1.5 var(--reading); max-width: 390px; margin: 0 0 24px; }
.jr-feature .jr-meta { margin-bottom: 20px; }
.jr-feature__img { width: 100%; height: 100%; min-height: 450px; object-fit: cover; }
.jr-readlink { font: 600 11px/1.5 var(--ui); text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; justify-content: space-between; gap: 25px; width: 100%; margin-top: auto; border-top: 1px solid var(--line); padding-top: 16px; }

/* sections and cards */
.jr-top { border-top: 1px solid var(--ink); display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-top: 16px; margin: 62px 0 26px; }
.jr-top h2 { font-size: 40px; margin: 0; }
.jr-top a { font-size: 12px; }
.jr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 28px; }
.jr-card { min-width: 0; display: flex; flex-direction: column; border-bottom: 1px solid var(--line); padding-bottom: 18px; }
.jr-card__link { display: block; text-decoration: none; }
.jr-card__link:hover h2, .jr-card__link:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.jr-card img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; margin-bottom: 18px; }
.jr-card h2, .jr-card h3 { font-size: 34px; line-height: 1.04; margin: 8px 0 12px; text-wrap: balance; }
.jr-card p { font: 400 16px/1.55 var(--reading); margin: 0 0 18px; color: #3e403f; }
.jr-card .jr-meta { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
/* the first card of the practical materials (the check of a flat): across two columns, picture beside the text */
.jr-grid--lead .jr-card:first-child { grid-column: span 2; display: flex; }
.jr-grid--lead .jr-card:first-child .jr-card__link { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; flex: 1; }
.jr-grid--lead .jr-card:first-child img { min-height: 260px; height: 100%; margin: 0; }
.jr-grid--lead .jr-card:first-child .jr-card__body { align-self: center; }
.jr-grid--lead .jr-card:first-child .jr-meta { padding-left: calc(50% + 12px); margin-top: 18px; }

/* the weekly digest: whole front pages 4:5 */
.jr-digest { margin: 68px 0; background: #e8e1d6; padding: 36px 30px 30px; border-top: 2px solid var(--ink); }
.jr-digest .jr-top { border: 0; margin: 0 0 25px; padding: 0; }
.jr-digest__intro { max-width: 680px; font: 400 18px/1.5 var(--reading); margin-bottom: 30px; }
.jr-digest__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 23px; }
.jr-dcard { min-width: 0; }
.jr-dcard a { text-decoration: none; }
.jr-dcard img { width: 100%; height: auto; aspect-ratio: 4/5; object-fit: contain; background: var(--paper); box-shadow: 0 4px 13px #181a1817; }
.jr-dcard .jr-meta { margin: 17px 0 8px; font-size: 9px; }
.jr-dcard h3 { font-size: 26px; line-height: 1.06; margin: 0 0 12px; }
.jr-dcard a:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; }
.jr-dcard .jr-readlink { font-size: 9px; }

/* the reading route «перед сделкой» */
.jr-route { display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; padding: 0 0 65px; }
.jr-route h2 { font-size: 52px; max-width: 410px; margin: 12px 0 20px; }
.jr-route p { font: 400 19px/1.55 var(--reading); max-width: 410px; }
.jr-route__list { list-style: none; margin: 0; padding: 0; }
.jr-route__list li { border-top: 1px solid var(--line); }
.jr-route__list a { display: grid; grid-template-columns: 35px 1fr 20px; gap: 15px; padding: 21px 0; align-items: center; text-decoration: none; }
.jr-route__list b { font: 600 27px/1.1 var(--display); }
.jr-route__num { font: 400 13px/1 var(--ui); color: var(--accent-text); }

/* a rubric, the archive, an old section */
.jr-filter-title { font-size: 60px; margin: 28px 0 15px; }
.jr-list-end { height: 55px; }

/* the article */
.jr-crumbs { display: flex; gap: 8px; flex-wrap: wrap; font-size: 10px; color: var(--muted); padding-top: 24px; margin-bottom: 26px; }
.jr-crumbs a { text-decoration: none; }
.jr-heading { max-width: 940px; margin: 0 auto 32px; text-align: center; }
.jr-heading h1 { font-size: clamp(40px, 4.6vw, 68px); line-height: 1.02; margin: 15px 0 22px; text-wrap: balance; }
.jr-heading .jr-meta { margin: 20px 0 0; }
/* the line of the date keeps the class v2-article__meta for the analytics (event journal_article_open); its look is the journal's */
.jr .jr-heading .v2-article__meta { display: block; margin: 20px 0 0; font: 400 10px/1.6 var(--ui); letter-spacing: .2px; text-transform: none; color: var(--muted); }
.jr-heading .jr-lead { font: 400 21px/1.5 var(--reading); max-width: 760px; margin: 0 auto; }
.jr-heading--documents h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(38px, 4.05vw, 58px); font-weight: 700; letter-spacing: -.03em; }
.jr-hero { margin: 0 auto; width: min(100%, 1120px); }
.jr-hero img { width: 100%; height: auto; aspect-ratio: 16/8; object-fit: cover; }
.jr-hero figcaption { margin: 10px 0; font-size: 10px; color: var(--muted); }
.jr-hero--digest { max-width: 570px; }
.jr-hero--digest img { aspect-ratio: 4/5; object-fit: contain; }
.jr-reading { display: grid; grid-template-columns: 210px minmax(0, 800px); gap: 58px; max-width: 1080px; margin: 50px auto 70px; align-items: start; }
.jr-reading--documents { display: block; max-width: 900px; }
.jr-reading__main { min-width: 0; }
.jr-toc { position: sticky; top: calc(var(--header) + 22px); font-size: 11px; border-top: 1px solid var(--ink); padding-top: 14px; }
/* room for the two-digit numbers of the list: the scrolling list clips what stands left of its padding */
.jr-toc ol { padding: 0 0 0 24px; max-height: calc(100vh - var(--header) - 100px); overflow: auto; margin: 15px 0; }
.jr-toc li { padding: 6px 5px 6px 0; line-height: 1.5; }
.jr-toc a { text-decoration: none; }
.jr-toc summary { cursor: pointer; font-weight: 600; list-style: none; display: flex; justify-content: space-between; align-items: center; min-height: 28px; }
.jr-toc summary::-webkit-details-marker { display: none; }
.jr-toc summary::after { content: "−"; color: var(--accent-text); font-size: 20px; }
.jr-toc:not([open]) summary::after { content: "+"; }

.jr-body { font: 400 19px/1.74 var(--reading); min-width: 0; max-width: 800px; }
.jr-body p { margin: 0 0 23px; }
.jr-body h2 { font: 600 39px/1.07 var(--display); margin: 55px 0 24px; border-top: 1px solid var(--line); padding-top: 26px; text-wrap: balance; }
.jr-body h3 { font: 600 29px/1.15 var(--display); margin: 32px 0 18px; text-wrap: balance; }
.jr-body h4 { font: 600 15px/1.4 var(--ui); margin: 28px 0 14px; }
.jr-body a { color: var(--accent-text); text-decoration-thickness: 1px; overflow-wrap: anywhere; }
.jr-body ul, .jr-body ol { padding-left: 25px; margin: 20px 0 28px; }
.jr-body li { margin: 10px 0; }
.jr-body strong { font-weight: 700; }
.jr-body blockquote { margin: 32px 0; padding: 24px 30px; background: var(--paper-2); border-left: 3px solid var(--accent); font: 400 23px/1.5 var(--reading); }
.jr-body blockquote p:last-child { margin: 0; }
.jr-body small { font-size: 13px; }
.jr-body details { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 36px 0; padding: 20px 0; font: 400 14px/1.7 var(--ui); }
.jr-body details summary { font: 600 25px/1.15 var(--display); cursor: pointer; min-height: 35px; padding: 4px 0; }
.jr-body details[open] summary { margin-bottom: 24px; }
.jr-body details a { overflow-wrap: anywhere; }
.jr-body table { width: 100%; border-collapse: collapse; table-layout: fixed; font: 400 13px/1.55 var(--ui); }
.jr-body th, .jr-body td { vertical-align: top; text-align: left; padding: 15px 13px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.jr-body th { background: var(--paper-2); font-size: 11px; font-weight: 600; }
.jr-body tr:nth-child(even) td { background: #ece6dd66; }
.jr-body .table-scroll { margin: 30px 0 36px; outline-offset: 3px; }
.jr-body .kp-brief { padding: 24px; border-top: 2px solid var(--accent); background: var(--paper-2); margin: 28px 0; }
.jr-body .kp-brief p:last-child { margin: 0; }
.jr-body .beri-digest__short { background: var(--paper-2); padding: 25px; border-top: 2px solid var(--accent); font-size: 17px; }
.jr-body .beri-digest__lede { font-size: 22px; line-height: 1.5; }
.jr-body .beri-digest__means { padding: 20px 24px; border-left: 2px solid var(--accent); background: #eae4da66; margin: 26px 0; }
.jr-body .beri-digest__src, .jr-body .beri-digest__note { font: 400 12px/1.65 var(--ui); color: var(--muted); }
.jr-body .beri-digest__src a { overflow-wrap: anywhere; }
.jr-body .beri-digest__pull { font: 600 30px/1.3 var(--display); border-block: 1px solid var(--line); padding: 22px 0; margin: 28px 0; }
.jr-body .beri-digest__nums { display: flex; gap: 25px; border-block: 1px solid var(--line); padding: 20px 0; }
.jr-body .beri-digest__nums > div { flex: 1; }
.jr-body .beri-digest__nums b { display: block; font: 600 42px/1 var(--display); color: var(--accent-text); }
.jr-body .n { display: block; font: 600 10px/1.6 var(--ui); text-transform: uppercase; letter-spacing: 1px; color: var(--accent-text); margin-bottom: 12px; }
.jr-body .beri-digest__end { padding-top: 30px; border-top: 1px solid var(--line); margin-top: 45px; }
.jr-body .beri-digest__sign { font: 400 12px/1.6 var(--ui); }
.jr-body [id] { scroll-margin-top: 35px; }
.jr-body .b71-chapter h2 { border: 0; padding: 0; }
.jr-body .article-sources summary h2 { margin: 0; padding: 0; border: 0; font-size: 27px; display: inline; }
.jr-body .article-sources summary { padding: 3px 0; }
.jr-body .article-sources p, .jr-body .article-sources li { font: 400 13px/1.7 var(--ui); }
.jr-body--documents { max-width: 900px; --display: Georgia, "Times New Roman", serif; }

.jr-cta { margin: 45px 0 0; padding: 26px 0; border-top: 1px solid var(--ink); font: 400 15px/1.6 var(--ui); }
.jr-cta h2 { font: 600 32px/1.1 var(--display); margin: 0 0 12px; border: 0; padding: 0; }
.jr-cta a { display: inline-block; margin-top: 12px; font: 600 12px/1.5 var(--ui); }
.jr-back { font-size: 11px; display: inline-block; margin-top: 25px; }
.jr-related { margin: 70px auto; }

/* №71 (PROTOTYPE/article-71.css of the package): its own components inside the text, Georgia as the face of the text */
.beri71-body-v3 { font: 400 20px/1.65 var(--display); }
.beri71-body-v3 :where(h2, h3, h4, p, ul, ol, nav, aside, details) { box-sizing: border-box; }
.beri71-body-v3 p { margin: 0 0 20px; }
.beri71-body-v3 a { color: var(--accent-text); text-underline-offset: 4px; text-decoration-thickness: 1px; overflow-wrap: break-word; }
.beri71-body-v3 :where([id]) { scroll-margin-top: 24px; }
.beri71-body-v3 h2 { font: 700 39px/1.12 var(--display); letter-spacing: -1.15px; margin: 0 0 28px; text-wrap: balance; }
.beri71-body-v3 h3 { font: 700 28px/1.18 var(--display); letter-spacing: -.5px; margin: 36px 0 16px; text-wrap: balance; }
.beri71-body-v3 h4 { font: 600 11px/1.5 var(--ui); letter-spacing: .7px; color: var(--accent-text); margin: 0 0 9px; text-transform: uppercase; }
.beri71-body-v3 ul, .beri71-body-v3 ol { padding-left: 1.2em; }
.beri71-body-v3 li { margin: 0 0 9px; }
.beri71-body-v3 :where(a, summary, button):focus-visible { outline: 2px solid var(--accent-text); outline-offset: 5px; }
.beri71-body-v3 .b71-eyebrow { font: 600 10px/1.5 var(--ui); letter-spacing: 1.4px; text-transform: uppercase; color: var(--accent-text); margin: 0 0 14px; }
.b71-chapter { margin: 64px 0 0; padding-top: 28px; border-top: 1px solid var(--line); }
.b71-chapter > p:not(.b71-eyebrow), .b71-chapter > ul:not(.b71-costs), .b71-chapter > h3 { max-width: 730px; margin-left: auto; margin-right: auto; }
.b71-chapter > h2 { max-width: 780px; }
.b71-chapter > .b71-eyebrow { margin-left: 0; }
.b71-contents { border-top: 2px solid var(--accent); border-bottom: 1px solid var(--line); padding: 22px 0 18px; margin-bottom: 36px; }
.b71-contents ol { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 28px; margin: 0 !important; padding-left: 20px !important; font: 400 14px/1.6 var(--ui); }
.b71-contents li::marker { color: var(--accent-text); font-size: 11px; }
.b71-contents a { text-decoration: none; }
.b71-contents a:hover { text-decoration: underline; }
.v2-guide-who { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0 0 25px; border: 1px solid var(--line); }
.v2-guide-who > .v2-guide-who__title { grid-column: 1/-1; padding: 18px 22px; margin: 0; background: var(--paper-2); font: 600 12px/1.5 var(--ui); letter-spacing: .3px; }
.v2-guide-who > div { padding: 22px; border-top: 1px solid var(--line); }
.v2-guide-who > div:nth-of-type(odd) { border-right: 1px solid var(--line); }
.v2-guide-who > div > p { font: 700 23px/1.15 var(--display); margin: 0 0 14px; }
.v2-guide-who > div > ul { font: 400 15px/1.55 var(--ui); margin: 0; padding-left: 17px; }
.v2-guide-who > div > ul > li { margin: 0 0 7px; }
.b71-intro > p { font: 400 14px/1.6 var(--ui); max-width: 730px; margin: 0 auto; color: var(--muted); }
.b71-note { margin: 28px auto; max-width: 730px; border-left: 3px solid var(--accent); padding: 20px 24px; background: var(--paper-2); font: 400 17px/1.65 var(--display); }
.b71-note > strong { display: block; font: 700 23px/1.2 var(--display); margin-bottom: 12px; }
.b71-note p:last-child { margin: 0; }
.b71-document, .b71-case { padding: 30px 0; border-bottom: 1px solid var(--line); }
.b71-row-head { display: flex; align-items: baseline; gap: 18px; margin-bottom: 20px; }
.beri71-body-v3 .b71-row-head h3 { font: 700 29px/1.15 var(--display); margin: 0; letter-spacing: -.6px; max-width: 770px; overflow-wrap: normal; word-break: normal; text-wrap: balance; }
.b71-number { flex: 0 0 28px; color: var(--accent-text); font: 600 12px/1.5 var(--ui); font-variant-numeric: tabular-nums; }
.b71-row-body { display: grid; grid-template-columns: 1.1fr 1fr; gap: 32px; margin-left: 46px; }
.b71-row-col:last-child:not(:first-child) { border-left: 1px solid var(--line); padding-left: 24px; }
.b71-row-col p { font: 400 18px/1.6 var(--display); margin: 0; overflow-wrap: normal; word-break: normal; }
.b71-row-col p + p { margin-top: 16px; }
.b71-case-nav { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 8px; font: 400 12px/1.4 var(--ui); }
.b71-case-nav a { border: 1px solid var(--line); padding: 10px 13px; text-decoration: none; color: var(--ink); }
.b71-case-nav a:hover { border-color: var(--accent-text); color: var(--accent-text); }
.b71-case-back { display: inline-block; margin: 18px 0 0 46px; font: 400 11px/1.5 var(--ui); text-decoration: none; }
.beri71-body-v3 .b71-case-subtitle { font: 400 16px/1.5 var(--ui); max-width: 730px; margin: 0 0 22px 46px; color: var(--muted); }
.b71-legalref { font: 400 .76em/1.6 var(--ui); color: var(--muted); }
.b71-costs { margin: 28px auto !important; padding: 25px 28px 15px 45px !important; background: var(--paper-2); max-width: 730px; font: 400 19px/1.65 var(--display); border-top: 2px solid var(--accent); }
.b71-costs li { padding-left: 4px; margin-bottom: 18px; }
.b71-step { display: grid; grid-template-columns: 245px 1fr; gap: 24px; padding: 28px 0; border-top: 1px solid var(--line); }
.b71-step .b71-row-head { margin: 0; gap: 14px; }
.beri71-body-v3 .b71-step h3 { font-size: 24px; }
.b71-step .b71-row-body { display: block; margin: 0; }
.b71-step .b71-number { flex-basis: 24px; }
.beri71-body-v3 .b71-offer { max-width: 730px; margin: 34px auto 0; padding: 24px; border-top: 1px solid var(--accent); background: var(--paper-2); font: 400 17px/1.6 var(--display); }
.b71-offer a { display: inline-block; margin-top: 10px; font: 600 12px/1.5 var(--ui); }
.b71-sources { margin-top: 56px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 22px 0; font: 400 14px/1.65 var(--ui); }
.b71-sources summary { cursor: pointer; font: 700 25px/1.3 var(--display); list-style-position: outside; margin-left: 22px; }
.b71-sources[open] summary { margin-bottom: 26px; }
.b71-sources ol { padding-left: 22px; }
.b71-sources li { margin-bottom: 15px; }
.b71-sources a { overflow-wrap: anywhere; }
.b71-sources > p { font-size: 13px; color: var(--muted); }
.b71-direct-sources { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; padding-left: 18px !important; margin-bottom: 30px; }
.b71-direct-sources li { margin-bottom: 0; }
.b71-dialog { max-width: 480px; width: calc(100% - 36px); padding: 28px; border: 1px solid var(--line); background: var(--paper); color: var(--ink); }
.b71-dialog::backdrop { background: #15161088; }
.b71-dialog h2 { font: 700 27px/1.1 var(--display); }
.b71-dialog p { font: 400 16px/1.6 var(--ui); }
.b71-dialog button { border: 0; background: var(--ink); color: var(--paper); padding: 12px 18px; font: 600 13px/1.5 var(--ui); cursor: pointer; }

/* the journal block of the home page */
.jr-home .jr-top { margin-top: 0; }
.jr-home__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 28px; }
.jr-home .jr-card h3 { font-size: 32px; }
.jr-home .jr-card:first-child h3 { font-size: 41px; }
.jr-home .jr-top h2 { margin: 6px 0 0; }

/* the journal on a commercial page (§6 of INTEGRATION-SPEC, PROTOTYPE/integration.html; acceptance of GPT 23.10.2026, V2):
   a compact block of two links — /invest after the FAQ, in the column of the answers; /sell after the catalog */
.jr-service { max-width: 760px; margin: clamp(48px, 5vw, 80px) 0 0; padding: 26px; border: 1px solid var(--line); }
.jr-service h2 { font-family: var(--display); font-weight: 600; font-size: 36px; line-height: 1; letter-spacing: -.025em; margin: 0 0 .83em; text-wrap: balance; }
.jr-service a { display: block; padding: 14px 0; border-top: 1px solid var(--line); font: 400 14px/1.6 var(--ui); color: inherit; text-underline-offset: 4px; }
.jr-service a:hover { color: var(--accent-text); }
.jr-service a:focus-visible { outline-offset: 5px; }
.v2-inv-faq > .jr-service { grid-column: -2 / -1; margin-top: 0; }

@media (max-width: 1050px) {
  .jr-feature__copy { padding: 28px 25px; }
  .jr-feature h2 { font-size: 43px; }
  .jr-feature p { font-size: 18px; }
  .jr-feature__img { min-height: 425px; }
  .jr-masthead p.jr-masthead__note { max-width: 260px; font-size: 15px; }
  .jr .jr-masthead__title { font-size: 85px; letter-spacing: -3px; }
  .jr-digest__grid { gap: 15px; }
  .jr-digest { padding: 28px 22px; }
  .jr-dcard h3 { font-size: 23px; }
  .jr-reading { grid-template-columns: 165px minmax(0, 1fr); gap: 30px; }
  .jr-grid { gap: 28px 22px; }
  .jr-card h2, .jr-card h3 { font-size: 30px; }
  .jr-home__grid { gap: 20px; }
  .jr-home .jr-card:first-child h3 { font-size: 34px; }
  .b71-row-body { gap: 24px; margin-left: 0; }
}
@media (max-width: 900px) {
  .b71-step { grid-template-columns: 210px 1fr; }
  .b71-case-back { margin-left: 0; }
}
@media (max-width: 760px) {
  .jr-masthead { display: block; padding: 28px 0 15px; }
  .jr .jr-masthead__title { font-size: clamp(52px, 13vw, 86px); letter-spacing: -2.3px; }
  .jr-masthead p.jr-masthead__note { font-size: 16px; max-width: 350px; margin-top: 15px; }
  .jr-rule { display: none; }
  .jr-browse { display: block; padding: 7px 0 14px; margin-bottom: 22px; }
  .jr-filters { gap: 0 18px; }
  .jr .jr-filters .jr-filter { font-size: 11px; min-height: 43px; }
  .jr-search { max-width: none; margin-top: 10px; }
  .jr-search input { min-height: 35px; }
  .jr-feature { grid-template-columns: 1fr; min-height: 0; }
  .jr-feature__copy { padding: 25px 23px 23px; grid-row: 2; }
  .jr-feature h2 { font-size: 42px; line-height: 1.02; margin: 14px 0 18px; }
  .jr-feature p { font-size: 18px; margin-bottom: 22px; }
  .jr-feature__img { min-height: 0; height: auto; aspect-ratio: 3/2; grid-row: 1; }
  .jr-feature .jr-meta { margin-bottom: 16px; }
  .jr-feature .jr-readlink { padding-top: 12px; }
  .jr-top { margin-top: 43px; gap: 15px; }
  .jr-top h2 { font-size: 35px; }
  .jr-top a { font-size: 10px; text-align: right; }
  .jr-grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
  .jr-grid--lead .jr-card:first-child { grid-column: span 2; }
  .jr-grid--lead .jr-card:first-child .jr-card__link { display: block; }
  .jr-grid--lead .jr-card:first-child img { height: auto; min-height: 0; margin-bottom: 18px; }
  .jr-grid--lead .jr-card:first-child .jr-meta { padding-left: 0; margin-top: auto; }
  .jr-grid--lead .jr-card:first-child h3 { font-size: 37px; }
  .jr-card h2, .jr-card h3 { font-size: 28px; }
  .jr-card p { font-size: 15px; }
  .jr-card .jr-label { font-size: 9px; letter-spacing: 1px; }
  .jr-digest { margin: 45px calc(var(--gutter) * -1); padding: 30px var(--gutter); }
  .jr-digest__grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
  .jr-digest__intro { font-size: 17px; }
  .jr-dcard h3 { font-size: 25px; }
  .jr-dcard .jr-meta { font-size: 8px; }
  .jr-dcard .jr-readlink { font-size: 8px; letter-spacing: .6px; }
  .jr-route { grid-template-columns: 1fr; gap: 15px; padding-bottom: 40px; }
  .jr-route h2 { font-size: 42px; }
  .jr-route p { font-size: 18px; }
  .jr-route__list b { font-size: 26px; }
  .jr-filter-title { font-size: 45px; }
  .jr-crumbs { font-size: 9px; padding-top: 20px; margin-bottom: 25px; }
  .jr-heading { text-align: left; margin-bottom: 28px; }
  .jr-heading h1 { font-size: 42px; line-height: 1.06; margin: 14px 0 18px; letter-spacing: -.025em; }
  .jr-heading .jr-lead { font-size: 19px; }
  .jr-heading .jr-meta, .jr .jr-heading .v2-article__meta { font-size: 9px; }
  .jr-heading--documents h1 { font-size: 37px; line-height: 1.1; letter-spacing: -.035em; }
  .jr-hero { width: calc(100% + 2 * var(--gutter)); margin-left: calc(var(--gutter) * -1); }
  .jr-hero img { aspect-ratio: 3/2; }
  .jr-hero figcaption { padding: 0 var(--gutter); font-size: 9px; }
  .jr-hero--digest { max-width: none; }
  .jr-hero--digest img { aspect-ratio: 4/5; }
  .jr-reading { display: block; margin: 30px auto 45px; }
  .jr-toc { position: static; margin: 0 0 32px; border-bottom: 1px solid var(--line); padding: 15px 0; }
  .jr-toc summary { font-size: 13px; }
  .jr-toc ol { max-height: none; margin: 16px 0 10px; font-size: 12px; }
  .jr-toc li { padding-block: 8px; }
  .jr-body { font-size: 18px; line-height: 1.72; }
  .jr-body h2 { font-size: 33px; margin-top: 42px; padding-top: 22px; line-height: 1.1; }
  .jr-body h3 { font-size: 27px; line-height: 1.17; }
  .jr-body p { margin-bottom: 22px; }
  .jr-body blockquote { padding: 20px; font-size: 20px; }
  .jr-body .beri-digest__short { padding: 20px; font-size: 17px; }
  .jr-body .beri-digest__lede { font-size: 20px; }
  .jr-body .beri-digest__nums { gap: 16px; flex-wrap: wrap; }
  .jr-body .beri-digest__nums b { font-size: 36px; }
  /* a table on a phone: every row a card of signed values (data-label), the table stays a table */
  .jr-body table, .jr-body tbody, .jr-body tr { display: block; }
  .jr-body thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
  .jr-body tr { margin: 0 0 20px; border: 1px solid var(--line); padding: 5px 16px; background: transparent; }
  /* a header row inside the body of a table (no thead): read by screen readers, not shown as an empty card */
  .jr-body tr:has(> th):not(:has(> td)) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); margin: 0; padding: 0; border: 0; }
  .jr-body td { display: block; width: 100%; padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 14px; overflow-wrap: normal; }
  .jr-body td:last-child { border: 0; }
  .jr-body td::before { content: attr(data-label); display: block; font: 600 9px/1.5 var(--ui); letter-spacing: .5px; text-transform: uppercase; color: var(--accent-text); margin-bottom: 7px; }
  .jr-body tr:nth-child(even) td { background: none; }
  .jr-body .table-scroll { margin: 25px 0; }
  .jr-body .article-sources summary h2 { font-size: 25px; }
  .jr-related { margin: 45px 0; }
  .jr-related .jr-grid { grid-template-columns: 1fr; }
  .jr-related .jr-card__link { display: grid; grid-template-columns: 110px 1fr; gap: 18px; }
  .jr-related .jr-card img { aspect-ratio: 1/1; margin: 0; }
  .jr-related .jr-card h3 { font-size: 25px; margin-bottom: 10px; }
  .jr-related .jr-card p { display: none; }
  .jr-related .jr-card .jr-meta { padding-left: 128px; font-size: 9px; }
  .jr-related .jr-card { padding-bottom: 20px; }
  .jr-home__grid { grid-template-columns: 1fr; gap: 30px; }
  .jr-home .jr-card h3, .jr-home .jr-card:first-child h3 { font-size: 34px; }
  .jr-home .jr-top { align-items: center; }
}
@media (max-width: 600px) {
  .beri71-body-v3 { font-size: 18px; line-height: 1.65; }
  .b71-contents ol { grid-template-columns: 1fr; gap: 5px; }
  .b71-chapter { margin-top: 42px; padding-top: 22px; }
  .beri71-body-v3 h2 { font-size: 31px; letter-spacing: -.8px; margin-bottom: 24px; }
  .beri71-body-v3 h3 { font-size: 25px; }
  .v2-guide-who { grid-template-columns: 1fr; }
  .v2-guide-who > div { padding: 18px; }
  .v2-guide-who > div:nth-of-type(odd) { border-right: 0; }
  .v2-guide-who > div > p { font-size: 22px; }
  .v2-guide-who > .v2-guide-who__title { padding: 15px 18px; }
  .b71-note { padding: 18px; }
  .b71-note > strong { font-size: 22px; }
  .b71-row-head { gap: 12px; margin-bottom: 18px; }
  .b71-number { flex-basis: 22px; font-size: 11px; }
  .beri71-body-v3 .b71-row-head h3 { font-size: 25px; line-height: 1.2; }
  .b71-row-body { grid-template-columns: 1fr; gap: 20px; }
  .b71-row-col:last-child:not(:first-child) { padding: 0; border: 0; }
  .b71-row-col p { font-size: 18px; line-height: 1.6; }
  .b71-document, .b71-case { padding: 25px 0; }
  .b71-case-nav { gap: 7px; }
  .b71-case-nav a { padding: 10px; font-size: 11px; }
  .b71-case-back { margin-top: 16px; }
  .b71-step { display: block; padding: 24px 0; }
  .b71-step .b71-row-head { margin-bottom: 14px; }
  .b71-step .b71-row-body { margin-left: 36px; }
  .beri71-body-v3 .b71-step h3 { font-size: 23px; }
  .b71-costs { padding: 22px 18px 12px 35px !important; font-size: 18px; }
  .b71-legalref { font-size: .78em; }
  .b71-direct-sources { grid-template-columns: 1fr; }
  .b71-sources summary { font-size: 23px; }
  .beri71-body-v3 .b71-offer { padding: 18px; }
  .beri71-body-v3 .b71-case-subtitle { margin-left: 0; font-size: 14px; }
}
@media (max-width: 430px) {
  .jr-grid { grid-template-columns: 1fr; }
  .jr-grid--lead .jr-card:first-child { grid-column: auto; }
  .jr-card h2, .jr-card h3, .jr-grid--lead .jr-card:first-child h3 { font-size: 34px; }
  .jr-card p { font-size: 17px; }
  .jr-digest__grid { gap: 28px 16px; }
  .jr-dcard h3 { font-size: 24px; }
  .jr-dcard .jr-meta { font-size: 8px; line-height: 1.8; }
  .jr-feature__copy { padding: 24px 21px; }
  .jr-feature h2 { font-size: 39px; }
  .jr-filter-title { font-size: 40px; }
  .jr-heading h1 { font-size: 39px; }
  .jr-heading--documents h1 { font-size: 34px; }
  .jr-top h2 { font-size: 33px; }
}
@media (max-width: 350px) {
  .jr .jr-masthead__title { font-size: 50px; letter-spacing: -2px; }
  .jr-feature h2 { font-size: 34px; }
  .jr-feature__copy { padding: 22px 17px; }
  .jr-heading h1 { font-size: 35px; }
  .jr-heading--documents h1 { font-size: 30px; }
  .jr-digest__grid { grid-template-columns: 1fr; }
  .jr-dcard img { max-width: 250px; margin: 0 auto; }
  .jr-dcard h3 { font-size: 29px; }
  .jr-dcard .jr-meta { font-size: 9px; }
  .jr-dcard .jr-readlink { font-size: 10px; }
  .jr-card h2, .jr-card h3, .jr-grid--lead .jr-card:first-child h3 { font-size: 32px; }
  .jr-related .jr-card__link { grid-template-columns: 85px 1fr; gap: 14px; }
  .jr-related .jr-card .jr-meta { padding-left: 99px; }
  .jr-related .jr-card h3 { font-size: 23px; }
  .jr-route__list a { grid-template-columns: 25px 1fr 15px; gap: 10px; }
  .b71-row-head { display: block; }
  .b71-number { display: block; margin-bottom: 9px; }
  .b71-step .b71-row-body { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .beri71-body-v3 * { scroll-behavior: auto; }
}
@media print {
  .jr-browse, .jr-toc, .jr-related, .jr-search, .jr-back { display: none; }
  .jr-reading { display: block; max-width: 800px; }
  .jr-hero { max-width: 600px; }
  .jr-body { font-size: 12pt; }
  .jr-body details { display: block; }
  .jr-body details:not([open]) > * { display: block; }
  .jr-body h2 { page-break-after: avoid; }
}
