/* Article 18 long-read: built by briefs/ul-work/make_css_st18.py from the approved preview CSS.
   Scoped to the long-read body only. */
body.page-blog .lr-body { --ink: #1b293c !important;--muted: #516175 !important;--blue: #154a95 !important;--line: #d7e0e9 !important;--pale: #f0f5fb !important;--cream: #fff7ec !important;--warn: #8b531c !important;color: var(--ink) !important;font-size: 17px !important;line-height: 1.76 !important }
body.page-blog .lr-body a { color: var(--blue) !important;text-underline-offset: 3px !important }
body.page-blog .lr-body h1, body.page-blog .lr-body h2, body.page-blog .lr-body h3, body.page-blog .lr-body table, body.page-blog .lr-body .reader-note, body.page-blog .lr-body .toc, body.page-blog .lr-body .flow, body.page-blog .lr-body .decision, body.page-blog .lr-body .eyebrow { font-family: Arial, 'DejaVu Sans', sans-serif !important }
body.page-blog .lr-body h1 { font-size: 36px !important;line-height: 1.13 !important;letter-spacing: -.035em !important;margin: 0 0 24px !important;max-width: 790px !important }
body.page-blog .lr-body h2 { font-size: 27px !important;line-height: 1.25 !important;letter-spacing: -.015em !important;margin: 0 0 21px !important }
body.page-blog .lr-body h3 { font-size: 22px !important;line-height: 1.35 !important;margin: 26px 0 13px !important }
body.page-blog .lr-body p { margin: 0 0 19px !important }
body.page-blog .lr-body strong { font-weight: 700 !important }
body.page-blog .lr-body p.lead { font-size: 20px !important;line-height: 1.5 !important;color: var(--muted) !important;font-family: Arial, sans-serif !important;margin-bottom: 27px !important }
body.page-blog .lr-body .chapter { margin-top: 32px !important;padding-top: 26px !important;border-top: 1px solid var(--line) !important }
body.page-blog .lr-body .eyebrow { font-size: 11px !important;letter-spacing: .12em !important;color: var(--blue) !important;font-weight: bold !important;margin-bottom: 16px !important }
body.page-blog .lr-body .reader-note { font-size: 13px !important;line-height: 1.6 !important;color: var(--muted) !important;border-inline-start: 3px solid var(--line) !important;padding-inline-start: 15px !important;margin: 24px 0 !important }
body.page-blog .lr-body .evidence { font: 10px/1 Arial, sans-serif !important;white-space: nowrap !important;margin-inline-start: 3px !important }
body.page-blog .lr-body .evidence a { text-decoration: none !important }
body.page-blog .lr-body .toc { margin: 30px 0 !important;padding: 18px !important;background: #f6f8fb !important;border: 1px solid var(--line) !important }
body.page-blog .lr-body .toc h2 { font-size: 20px !important;margin-bottom: 12px !important }
body.page-blog .lr-body .toc a { display: block !important;padding: 8px 0 !important;min-height: 38px !important;font-size: 14px !important;line-height: 1.45 !important;text-decoration: none !important }
body.page-blog .lr-body blockquote { margin: 25px 0 !important;background: var(--pale) !important;border-inline-start: 4px solid var(--blue) !important;padding: 15px 18px !important;font-size: 18px !important;line-height: 1.6 !important }
body.page-blog .lr-body blockquote p { margin: 0 !important }
body.page-blog .lr-body .table-wrap { overflow-x: auto !important;margin: 23px 0 !important }
body.page-blog .lr-body table { border-collapse: collapse !important;width: 100% !important;font-size: 14px !important;line-height: 1.5 !important }
body.page-blog .lr-body th, body.page-blog .lr-body td { padding: 12px 11px !important;vertical-align: top !important;text-align: start !important;border-bottom: 1px solid var(--line) !important }
body.page-blog .lr-body th { background: var(--ink) !important;color: #fff !important;font-size: 12px !important;line-height: 1.45 !important }
body.page-blog .lr-body tbody tr:nth-child(even) { background: #f4f7fa !important }
body.page-blog .lr-body .flow { display: grid !important;grid-template-columns: 1fr !important;gap: 9px !important;margin: 26px 0 !important }
body.page-blog .lr-body .flow > div { background: var(--pale) !important;border-top: 4px solid var(--blue) !important;padding: 16px !important;font-size: 14px !important;line-height: 1.5 !important }
body.page-blog .lr-body .flow b { display: block !important;font-size: 17px !important;margin-bottom: 8px !important }
body.page-blog .lr-body .flow span { display: block !important }
body.page-blog .lr-body .decision { padding: 16px 18px !important;margin: 16px 0 !important;background: var(--pale) !important;border-inline-start: 4px solid var(--blue) !important }
body.page-blog .lr-body .decision h3 { margin: 0 0 9px !important;font-size: 20px !important }
body.page-blog .lr-body .decision p { font-size: 16px !important;line-height: 1.6 !important;margin: 0 !important }
body.page-blog .lr-body .caution { background: var(--cream) !important;border-color: var(--warn) !important }
body.page-blog .lr-body [id] { scroll-margin-top: 24px !important }
body.page-blog .lr-body a:focus-visible, body.page-blog .lr-body summary:focus-visible { outline: 3px solid #a26a28 !important;outline-offset: 4px !important }
body.page-blog .lr-body .note-entry { border-top: 1px solid var(--line) !important;margin-top: 24px !important;padding-top: 18px !important;font-family: Arial, sans-serif !important }
body.page-blog .lr-body .note-entry h3 { font-size: 19px !important;margin: 0 0 10px !important }
body.page-blog .lr-body .note-entry p { font-size: 14px !important;line-height: 1.55 !important;overflow-wrap: anywhere !important;margin: 0 0 10px !important }
body.page-blog .lr-body .note-entry .status { color: var(--muted) !important;font-size: 12px !important }
body.page-blog .lr-body .embedded-notes { margin-top: 35px !important;font-family: Arial, sans-serif !important;border-top: 2px solid var(--line) !important;padding-top: 22px !important }
body.page-blog .lr-body .embedded-notes > summary { cursor: pointer !important;font-weight: bold !important;font-size: 18px !important;min-height: 44px !important }
body.page-blog .lr-body .notes-intro { font-family: Arial, sans-serif !important;font-size: 15px !important;line-height: 1.6 !important }
body.page-blog .lr-body .guide p { font-family: Arial, sans-serif !important;font-size: 15px !important;line-height: 1.6 !important }
body.page-blog .lr-body .guide h1 { font-size: 30px !important }
body.page-blog .lr-body .guide-page { border-top: 1px solid var(--line) !important;padding-top: 25px !important;margin-top: 25px !important }
body.page-blog .lr-body .guide-page:first-of-type { border: 0 !important;margin-top: 0 !important;padding-top: 0 !important }
body.page-blog .lr-body .guide table { font-size: 13px !important }
body.page-blog .lr-body .guide .compact { font-size: 13px !important }
body.page-blog .lr-body .date { font-family: Arial, sans-serif !important;font-size: 13px !important;color: var(--muted) !important }
@media (min-width: 721px) {
  body.page-blog .lr-body { font-size: 18px !important;line-height: 1.78 !important }
  body.page-blog .lr-body h1 { font-size: 49px !important;line-height: 1.1 !important }
  body.page-blog .lr-body h2 { font-size: 30px !important }
  body.page-blog .lr-body p.lead { font-size: 23px !important }
  body.page-blog .lr-body .chapter { margin-top: 40px !important;padding-top: 32px !important }
  body.page-blog .lr-body .reader-note { font-size: 14px !important }
  body.page-blog .lr-body .toc { padding: 23px 26px !important }
  body.page-blog .lr-body .toc a { padding: 6px 0 !important;min-height: auto !important }
  body.page-blog .lr-body blockquote { padding: 18px 22px !important;font-size: 19px !important }
  body.page-blog .lr-body .flow { grid-template-columns: repeat(3, 1fr) !important;gap: 13px !important }
  body.page-blog .lr-body .decision { padding: 18px 21px !important }
  body.page-blog .lr-body .guide h1 { font-size: 36px !important }
}
@media print {
  body.page-blog .lr-body { background: white !important;font-size: 11pt !important;line-height: 1.48 !important }
  body.page-blog .lr-body h1 { font-size: 30pt !important;line-height: 1.12 !important;max-width: 160mm !important;margin-bottom: 5mm !important }
  body.page-blog .lr-body h2 { font-size: 18.5pt !important;line-height: 1.22 !important;margin-bottom: 4.3mm !important;break-after: avoid !important }
  body.page-blog .lr-body h3 { font-size: 12.8pt !important;line-height: 1.3 !important;margin: 4.7mm 0 2.5mm !important;break-after: avoid !important }
  body.page-blog .lr-body p { margin: 0 0 3.2mm !important;orphans: 3 !important;widows: 3 !important }
  body.page-blog .lr-body p.lead { font-size: 14pt !important;line-height: 1.45 !important;margin-bottom: 5mm !important }
  body.page-blog .lr-body .eyebrow { font-size: 8pt !important;margin-bottom: 3mm !important }
  body.page-blog .lr-body .chapter { margin-top: 5mm !important;padding-top: 4.5mm !important }
  body.page-blog .lr-body .toc { padding: 3.5mm 4.5mm !important;margin: 6mm 0 !important;break-inside: avoid !important }
  body.page-blog .lr-body .toc h2 { font-size: 13pt !important;margin-bottom: 2mm !important }
  body.page-blog .lr-body .toc a { font-size: 9pt !important;line-height: 1.35 !important;padding: 1.25mm 0 !important }
  body.page-blog .lr-body .toc a:after { content: leader('.') target-counter(attr(href), page) !important }
  body.page-blog .lr-body .reader-note { font-size: 8.8pt !important;line-height: 1.45 !important;padding-inline-start: 3mm !important;margin: 4mm 0 !important }
  body.page-blog .lr-body blockquote { padding: 3mm 4mm !important;margin: 4mm 0 !important;font-size: 11pt !important;line-height: 1.45 !important;break-inside: avoid !important }
  body.page-blog .lr-body .table-wrap { overflow: visible !important;margin: 4mm 0 !important }
  body.page-blog .lr-body table { display: table !important;font-size: 9pt !important;line-height: 1.38 !important;table-layout: fixed !important }
  body.page-blog .lr-body thead { display: table-header-group !important;position: static !important;width: auto !important;height: auto !important;clip-path: none !important }
  body.page-blog .lr-body tbody { display: table-row-group !important }
  body.page-blog .lr-body tr { display: table-row !important;break-inside: avoid !important }
  body.page-blog .lr-body th, body.page-blog .lr-body td { display: table-cell !important;padding: 2.4mm 2.2mm !important;overflow-wrap: break-word !important }
  body.page-blog .lr-body th { font-size: 8.1pt !important }
  body.page-blog .lr-body td:first-child { font-size: 9pt !important;font-weight: 400 !important }
  body.page-blog .lr-body td:before { display: none !important }
  body.page-blog .lr-body td p { margin: 0 !important }
  body.page-blog .lr-body .flow { gap: 3mm !important;margin: 5mm 0 !important;break-inside: avoid !important }
  body.page-blog .lr-body .flow > div { padding: 3mm !important;font-size: 9pt !important }
  body.page-blog .lr-body .flow b { font-size: 10pt !important;margin-bottom: 2mm !important }
  body.page-blog .lr-body .decision { padding: 3.6mm 4mm !important;margin: 3.7mm 0 !important;break-inside: avoid !important }
  body.page-blog .lr-body .decision h3 { font-size: 12pt !important;margin-bottom: 2mm !important }
  body.page-blog .lr-body .decision p { font-size: 10pt !important;line-height: 1.45 !important }
  body.page-blog .lr-body .evidence { font-size: 7pt !important }
  body.page-blog .lr-body .screen-only, body.page-blog .lr-body .embedded-notes { display: none !important }
  body.page-blog .lr-body a { color: inherit !important;text-decoration: none !important }
  body.page-blog .lr-body .note-entry { margin-top: 4mm !important;padding-top: 3mm !important;break-inside: avoid !important }
  body.page-blog .lr-body .note-entry h3 { font-size: 11.3pt !important;line-height: 1.3 !important;margin-bottom: 2mm !important }
  body.page-blog .lr-body .note-entry p { font-size: 9.1pt !important;line-height: 1.42 !important;margin-bottom: 2mm !important }
  body.page-blog .lr-body .note-entry .status { font-size: 8.1pt !important }
  body.page-blog .lr-body .notes-intro { font-size: 10pt !important;line-height: 1.45 !important }
  body.page-blog .lr-body .cards-start { break-before: page !important;margin: 0 !important;padding: 0 !important;border: 0 !important }
  body.page-blog .lr-body #upper table, body.page-blog .lr-body #lower table, body.page-blog .lr-body #failure table, body.page-blog .lr-body #progress table { break-inside: avoid !important }
  body.page-blog .lr-body .guide { font: 10pt/1.4 Arial, sans-serif !important }
  body.page-blog .lr-body .guide h1 { font-size: 24pt !important }
  body.page-blog .lr-body .guide h2 { font-size: 16pt !important }
  body.page-blog .lr-body .guide h3 { font-size: 11.5pt !important;margin: 3mm 0 2mm !important }
  body.page-blog .lr-body .guide p { font-size: 9.5pt !important;line-height: 1.38 !important;margin-bottom: 2.5mm !important }
  body.page-blog .lr-body .guide .guide-page { break-before: page !important;margin: 0 !important;padding: 0 !important;border: 0 !important }
  body.page-blog .lr-body .guide .guide-page:first-of-type { break-before: auto !important }
  body.page-blog .lr-body .guide table, body.page-blog .lr-body .guide td:first-child { font-size: 8.7pt !important }
  body.page-blog .lr-body .guide th { font-size: 8pt !important }
  body.page-blog .lr-body .guide th, body.page-blog .lr-body .guide td { padding: 2mm !important }
  body.page-blog .lr-body .guide .compact { font-size: 8.5pt !important }
  body.page-blog .lr-body #guide-upper table th:first-child { width: 43% !important }
  body.page-blog .lr-body #guide-upper table th:nth-child(2) { width: 20% !important }
  body.page-blog .lr-body #guide-upper table th:nth-child(3) { width: 13% !important }
  body.page-blog .lr-body #guide-upper table th:nth-child(4) { width: 24% !important }
  body.page-blog .lr-body .guide .table-wrap { margin: 3mm 0 !important }
  body.page-blog .lr-body #guide-upper h2 { margin: 3mm 0 !important }
  body.page-blog .lr-body #guide-upper h1 { margin-bottom: 3mm !important }
  body.page-blog .lr-body .guide .reader-note { font-size: 8.4pt !important }
  body.page-blog .lr-body .date { font-size: 8.5pt !important }
}

/* house resets inside the long-read */
body.page-blog .lr-body { font-family:Georgia,'DejaVu Serif',serif !important }
body.page-blog .lr-body h1 { color:var(--ink) !important;text-align:start !important;font-weight:700 !important }
body.page-blog .lr-body h2 { display:block !important;background:none !important;color:var(--ink) !important;border-radius:0 !important;padding:0 !important;text-transform:none !important;font-weight:700 !important }
body.page-blog .lr-body h3 { color:var(--ink) !important;font-weight:700 !important }
body.page-blog .lr-body p { color:inherit !important;font-size:inherit !important;line-height:inherit !important;text-align:start !important;opacity:1 !important;text-shadow:none !important }
body.page-blog .lr-body ul, body.page-blog .lr-body ol { margin:0 0 19px !important;padding-inline-start:1.6em !important;padding-right:0 !important;color:inherit !important;font-size:inherit !important;line-height:inherit !important }
body.page-blog .lr-body li { font-size:inherit !important;line-height:inherit !important;text-align:start !important }
body.page-blog .lr-body strong { font-size:inherit !important;line-height:inherit !important;margin-bottom:0 !important }

/* v10 phone block (tables become cards), scoped */
@media (max-width: 720px) {
  body.page-blog .lr-body h1 { font-size:36px !important;line-height:1.13 !important }
  body.page-blog .lr-body h2 { font-size:27px !important }
  body.page-blog .lr-body h3 { font-size:22px !important }
  body.page-blog .lr-body p.lead { font-size:20px !important }
  body.page-blog .lr-body .chapter { margin-top:32px !important;padding-top:26px !important }
  body.page-blog .lr-body .flow { grid-template-columns:1fr !important;gap:9px !important }
  body.page-blog .lr-body .reader-note { font-size:13px !important }
  body.page-blog .lr-body .toc { padding:18px !important }
  body.page-blog .lr-body .toc a { padding:8px 0 !important;min-height:38px !important }
  body.page-blog .lr-body blockquote { padding:15px 18px !important;font-size:18px !important }
  body.page-blog .lr-body .table-wrap { overflow:visible !important }
  body.page-blog .lr-body table, body.page-blog .lr-body tbody, body.page-blog .lr-body tr, body.page-blog .lr-body td { display:block !important;width:100% !important }
  body.page-blog .lr-body thead { position:absolute !important;width:1px !important;height:1px !important;clip-path:inset(50%) !important;overflow:hidden !important }
  body.page-blog .lr-body tbody tr { border:1px solid var(--line) !important;padding:14px !important;margin-bottom:12px !important;border-radius:3px !important }
  body.page-blog .lr-body td { display:grid !important;grid-template-columns:44% 1fr !important;gap:12px !important;padding:6px 0 !important;border:0 !important;font-size:14px !important;overflow-wrap:anywhere !important }
  body.page-blog .lr-body td:before { content:attr(data-label) !important;font-size:12px !important;color:var(--muted) !important;font-weight:400 !important }
  body.page-blog .lr-body td:first-child { display:block !important;font-size:17px !important;font-weight:bold !important;padding:0 0 9px !important }
  body.page-blog .lr-body td:first-child:before { display:none !important }
  body.page-blog .lr-body .decision { padding:16px 18px !important }
  body.page-blog .lr-body .decision h3 { font-size:20px !important }
  body.page-blog .lr-body .note-entry h3 { font-size:19px !important }
  body.page-blog .lr-body .guide h1 { font-size:30px !important }
}

/* text images: one centred block, readable width */
body.page-blog .lr-body .lr-figs { display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:14px !important;margin:22px 0 !important }
body.page-blog .lr-body .lr-fig { margin:0 !important }
body.page-blog .lr-body .lr-fig__link { display:block !important;line-height:0 !important;max-width:100% !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important }
body.page-blog .lr-body .lr-fig__img { display:block !important;max-width:100% !important;height:auto !important;border-radius:8px !important;box-shadow:0 1px 8px #0002 !important }
body.page-blog .lr-body .lr-w190 { width:190px !important }
body.page-blog .lr-body .lr-w280 { width:280px !important }
body.page-blog .lr-body .lr-wfull { width:100% !important }
body.page-blog .lr-body .lr-figs--g3 { flex-direction:column !important;align-items:stretch !important }
body.page-blog .lr-body .lr-figs--g1 .lr-fig { width:100% !important }
body.page-blog .lr-body .lr-figs--g3 .lr-fig { width:100% !important }
@media (max-width: 720px) {
  body.page-blog .lr-body .lr-figs--g2 .lr-fig { max-width:calc(50% - 7px) !important }
}

/* boxes that never sit beside a floated photo (owner ruling 01.10); same breakpoint as the float */
@media (min-width: 780px) {
  body.page-blog .lr-body :is(.chapter, .table-wrap, table, .decision, .toc, .embedded-notes, .lr-figs, .flow, h2, h3) { clear:both !important }
  body.page-blog .lr-body .article-visual--inline { clear:both !important }
  body.page-blog .lr-body :is(ul, ol, blockquote, .reader-note) { display:flow-root !important }
}
body.page-blog .lr-body .article-visual--inline a { display:block !important;line-height:0 !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important }

/* print: the program keeps each table row on one page */
@media print {
  body.page-blog .lr-body #program tr { break-inside:avoid !important;page-break-inside:avoid !important }
}

/* print: no site-wide print stamp on this article (DV 05.10) */
@media print {
  body.page-blog::before { content:none !important;display:none !important }
}