/* Showcase pages: structure only. Colours come from the opportunity's theme stylesheet
   (/showcase/<path>/theme.css, custom properties --sc-*), which defaults to a holding brand. */
body.showcase { background: #F7F4EC; color: var(--sc-ink); min-height: 100vh; display: flex; flex-direction: column; }
.sc-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 32px; background: var(--sc-primary); color: #fff; flex-wrap: wrap; }
.sc-brand { display: inline-flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; font-weight: 600; font-size: 17px; letter-spacing: 0.02em; }
.sc-mark { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 8px; border: 2px solid var(--sc-accent); border-radius: 6px; font-weight: 700; letter-spacing: 0.06em; color: #fff; }
.sc-mark-large { min-width: 72px; height: 72px; font-size: 24px; color: var(--sc-primary); border-color: var(--sc-primary); }
.sc-top-right { display: flex; align-items: center; gap: 16px; font-size: 13px; flex-wrap: wrap; }
.sc-top-right form { margin: 0; }
.sc-link, .sc-top-right .sc-who { color: #fff; opacity: 0.9; }
.sc-button-quiet { background: transparent; border: 1px solid rgba(255, 255, 255, 0.6); color: #fff; border-radius: 6px; padding: 5px 12px; font: inherit; cursor: pointer; }
.sc-preview { background: var(--sc-accent); color: var(--sc-ink); padding: 8px 32px; font-size: 13px; font-weight: 500; }
.sc-preview a { color: inherit; }
.sc-main { flex: 1; width: 100%; max-width: 1120px; margin: 0 auto; padding: 48px 32px 64px; box-sizing: border-box; }
.sc-foot { padding: 20px 32px; font-size: 12px; opacity: 0.75; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sc-hero h1 { font-size: clamp(32px, 5vw, 56px); line-height: 1.05; margin: 0 0 16px; color: var(--sc-primary); letter-spacing: -0.01em; }
.sc-eyebrow { text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px; font-weight: 600; margin: 0 0 8px; opacity: 0.8; }
.sc-lead { font-size: 19px; line-height: 1.55; max-width: 760px; white-space: pre-line; margin: 0; }
.sc-text { font-size: 16px; line-height: 1.65; max-width: 760px; white-space: pre-line; }
.sc-body { margin-top: 32px; }
.sc-next a { color: var(--sc-primary); font-weight: 600; }
.sc-crumbs { font-size: 13px; margin-bottom: 24px; opacity: 0.8; }
.sc-crumbs a { color: inherit; }
.sc-schemes { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin-top: 40px; }
.sc-scheme-card { display: flex; flex-direction: column; gap: 6px; padding: 24px; background: #fff; border-radius: 10px; border-top: 4px solid var(--sc-primary); color: var(--sc-ink); text-decoration: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); transition: box-shadow 150ms, transform 150ms; }
.sc-scheme-card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); transform: translateY(-2px); }
.sc-scheme-name { font-size: 20px; font-weight: 600; color: var(--sc-primary); }
.sc-scheme-location { font-size: 13px; opacity: 0.75; }
.sc-scheme-intro { font-size: 15px; line-height: 1.5; }
.sc-more { margin-top: auto; padding-top: 10px; font-size: 13px; font-weight: 600; color: var(--sc-primary); }
.sc-tag { align-self: flex-start; font-size: 11px; padding: 2px 8px; border-radius: 999px; background: var(--sc-accent); }
.sc-empty { opacity: 0.75; }
.sc-signin { display: flex; justify-content: center; padding-top: 6vh; }
.sc-signin-card { max-width: 440px; text-align: center; background: #fff; border-radius: 12px; padding: 40px 32px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); }
.sc-signin-card h1 { color: var(--sc-primary); margin: 18px 0 10px; font-size: 28px; }
.sc-button { display: inline-block; margin-top: 16px; padding: 12px 28px; background: var(--sc-primary); color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; }
@media (max-width: 640px) { .sc-top, .sc-main, .sc-preview, .sc-foot { padding-left: 16px; padding-right: 16px; } }
.sc-account p { line-height: 1.5; }
.sc-form { display: flex; flex-direction: column; gap: 6px; text-align: left; margin-top: 20px; }
.sc-form label { font-size: 13px; font-weight: 600; margin-top: 8px; }
.sc-form input { font: inherit; font-size: 16px; padding: 10px 12px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 8px; background: #fff; color: var(--sc-ink); }
.sc-form input:focus { outline: 2px solid var(--sc-accent); outline-offset: 1px; border-color: var(--sc-primary); }
.sc-form .sc-button { border: 0; font: inherit; font-weight: 600; cursor: pointer; align-self: stretch; }
.sc-code { letter-spacing: 0.4em; font-size: 22px; text-align: center; font-family: ui-monospace, Menlo, Consolas, monospace; }
.sc-hint { font-size: 12px; opacity: 0.75; }
.sc-error { background: #fbeaea; color: #8a1c1c; border-radius: 8px; padding: 10px 12px; font-size: 14px; text-align: left; }
.sc-note { background: #eef5ee; color: #1f5130; border-radius: 8px; padding: 10px 12px; font-size: 14px; text-align: left; }
.sc-small { font-size: 13px; margin-top: 18px; }
.sc-small a, .sc-text-button { color: var(--sc-primary); }
.sc-or { opacity: 0.85; }
.sc-form-inline { margin-top: 10px; }
.sc-text-button { background: none; border: 0; padding: 0; font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; }
.sc-top-light { background: #fff; color: var(--sc-ink); border-bottom: 4px solid var(--sc-primary); }
.sc-top-light .sc-brand, .sc-top-light .sc-link, .sc-top-light .sc-top-right .sc-who { color: var(--sc-ink); }
.sc-top-light .sc-button-quiet { color: var(--sc-ink); border-color: rgba(0, 0, 0, 0.25); }
.sc-logo { display: block; width: auto; height: 60px; }
.sc-logo-large { display: block; margin: 0 auto; width: auto; height: 140px; max-width: 100%; }

/* ---- The landing page, after Simon's design (Rocket's Blackheath handover) ---- */
@font-face { font-family: "SCDisplay"; src: url("/static/fonts/roboto-flex-display.12cecf83d9.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "SCBody"; src: url("/static/fonts/dejavu-sans-body.ae7b7855e1.ttf") format("truetype"); font-display: swap; }
body.showcase { font-family: "SCBody", Arial, sans-serif; font-size: 15px; line-height: 1.7; }
.sc-main-full { max-width: none; padding: 0 0 64px; }
.rd-hero { display: grid; grid-template-columns: 1fr 1fr; min-height: min(860px, calc(100vh - 80px)); }
.rd-hero-no-picture { grid-template-columns: 1fr; }
.rd-hero-copy { position: relative; display: flex; flex-direction: column; background: var(--sc-accent); color: var(--sc-ink); padding: 40px 9% 38px; }
.rd-label { margin: 0; align-self: flex-end; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; }
.rd-intro { margin: auto 0; padding: 56px 0 40px; }
.rd-eyebrow { margin: 0 0 18px; font-size: 12px; letter-spacing: 0.13em; font-weight: 700; text-transform: uppercase; }
.rd-title, .rd-tagline { font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; line-height: 0.96; letter-spacing: -0.015em; text-transform: uppercase; white-space: pre-line; margin: 0; }
.rd-title { font-size: clamp(46px, 5.7vw, 86px); color: #F7F4EC; margin-bottom: 28px; }
.rd-tagline { font-size: clamp(29px, 3.5vw, 51px); margin-bottom: 8px; }
.rd-text { margin: 40px 0 0; max-width: 460px; font-size: 17px; line-height: 1.65; white-space: pre-line; }
.rd-text-beside { max-width: calc(100% - 145px); }
.rd-hero-cup { position: absolute; right: 7%; bottom: 90px; width: 120px; height: auto; }
.rd-explore { display: flex; justify-content: space-between; align-items: center; max-width: 460px; color: var(--sc-ink); font-size: 13px; text-decoration: none; }
.rd-explore span { font-size: 25px; }
.rd-hero-image { position: relative; margin: 0; min-width: 0; overflow: hidden; background: #b9c6bf; }
.rd-hero-image > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 20% 50%; }
.rd-hero-image > figcaption { position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 35px 28px 20px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); color: #fff; font-size: 12px; }
/* Full content width, lined up with the panel's left padding (9% of half the page) */
.rd-schemes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; padding: 64px 4.5% 0; box-sizing: border-box; }
@media (min-width: 1400px) { .rd-schemes:has(> :nth-child(3)) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rd-scheme-card { display: flex; flex-direction: column; background: #fff; color: var(--sc-ink); text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.08); transition: box-shadow 150ms, transform 150ms; }
.rd-scheme-card:hover { box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1); transform: translateY(-2px); }
/* Only "View scheme" looks like a link; the whole card stays clickable */
.rd-scheme-card, .rd-scheme-card:hover, .rd-scheme-card:focus, .rd-scheme-card:visited { text-decoration: none; color: var(--sc-ink); }
.rd-scheme-card .rd-card-name, .rd-scheme-card .rd-card-intro, .rd-scheme-card .rd-card-eyebrow { text-decoration: none; }
.rd-scheme-card:hover .rd-card-more { text-decoration-thickness: 2px; }
.rd-card-picture { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.rd-card-blank { background: var(--sc-accent); }
.rd-card-body { display: flex; flex-direction: column; gap: 8px; padding: 22px 24px 24px; flex: 1; }
.rd-card-eyebrow { font-size: 11px; letter-spacing: 0.13em; font-weight: 700; text-transform: uppercase; opacity: 0.75; }
.rd-card-name { font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; font-size: 32px; line-height: 1; text-transform: uppercase; color: var(--sc-primary); }
.rd-card-intro { font-size: 15px; line-height: 1.5; }
.rd-card-more { margin-top: auto; padding-top: 10px; font-size: 14px; font-weight: 600; color: var(--sc-primary); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 900px) {
  .rd-hero { grid-template-columns: 1fr; min-height: 0; }
  .rd-hero-copy { padding: 28px 7%; }
  .rd-intro { padding: 40px 0 36px; }
  .rd-hero-image { height: 65vw; min-height: 300px; }
  /* The illustration goes under the introduction, which then has the full width */
  .rd-hero-cup { position: static; display: block; width: 110px; margin: 0 0 28px auto; }
  .rd-text-beside { max-width: none; }
  .rd-schemes { grid-template-columns: 1fr; gap: 24px; padding: 40px 16px 0; }
}
@media (max-width: 600px) {
  .sc-top { padding: 12px 16px; }
  .sc-top-right .sc-who { display: none; }
}

/* ---- A scheme's page, after Simon's overview section ---- */
.rd-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 7%; padding: 100px 7% 50px; }
.rd-overview h2, .rd-context h2 { font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; line-height: 0.96; letter-spacing: -0.015em; text-transform: uppercase; white-space: pre-line; margin: 0; }
.rd-chapter-title { display: flex; align-items: flex-start; gap: 16px; max-width: 550px; }
.rd-chapter-title h2 { flex: 1; font-size: clamp(30px, 3.4vw, 49px); }
.rd-large-intro { margin: 0 0 16px; font-size: 19px; line-height: 1.7; white-space: pre-line; }
.rd-basis { font-size: 11px; line-height: 1.65; color: #555; white-space: pre-line; }
.rd-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; padding: 0 7% 70px; }
.rd-facts strong { display: block; color: var(--sc-accent); font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; font-size: 58px; line-height: 1.2; }
.rd-facts span, .rd-facts small { display: block; font-size: 12px; }
.rd-facts small { font-size: 10px; opacity: 0.75; }
.rd-scheme-images { display: grid; grid-template-columns: 1fr 1fr; gap: 5%; padding: 20px 7% 50px; background: #fff; }
.rd-scheme-images figure, .rd-map-pair figure { margin: 0; }
.rd-scheme-images img, .rd-map-pair img { display: block; width: 100%; height: auto; }
.rd-scheme-images figcaption, .rd-map-pair figcaption { font-size: 10px; margin-top: 10px; }
.rd-context { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "wide finance" "close note"; column-gap: 7%; row-gap: 30px; padding: 50px 7%; }
.rd-context-wide { grid-area: wide; }
.rd-context-finance { grid-area: finance; }
.rd-context-close { grid-area: close; }
.rd-context-note { grid-area: note; align-self: center; }
.rd-context-note .rd-gallery-link { margin-top: 8px; }
.rd-context figure { margin: 0; }
.rd-context figure img { display: block; width: 100%; height: auto; }
.rd-context figcaption { font-size: 10px; margin-top: 10px; }
.rd-context .rd-eyebrow { margin-bottom: 12px; }
.rd-context h2 { font-size: 38px; }
.rd-map-pair { display: grid; gap: 20px; margin-top: 12px; }
.rd-mini-finance { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; }
.rd-mini-finance strong { display: block; font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; font-size: 38px; line-height: 1.2; color: var(--sc-primary); }
.rd-mini-finance span { display: block; font-size: 11px; }
.rd-link { display: inline-block; padding: 10px 0; font-size: 13px; color: var(--sc-primary); text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 800px) {
  .rd-overview { grid-template-columns: 1fr; padding: 50px 7%; gap: 30px; }
  .rd-facts { grid-template-columns: 1fr 1fr; gap: 30px; padding-bottom: 50px; }
  .rd-facts strong { font-size: 48px; }
  .rd-scheme-images { grid-template-columns: 1fr; }
  .rd-context { grid-template-columns: 1fr; grid-template-areas: "wide" "close" "note" "finance"; }
  .rd-scheme-images figure { margin-bottom: 25px; }
  .rd-context > div + div { margin-top: 25px; }
  .rd-large-intro { font-size: 17px; }
}

/* ---- The gallery, after Simon's (the main picture's arrow, the strip, the dialog) ---- */
.rd-hero-copy > .rd-gallery-link { align-self: flex-start; margin: 0 0 20px; }
.rd-gallery-link { display: inline-block; padding: 10px 0; font-size: 13px; color: var(--sc-primary); text-decoration: underline; text-underline-offset: 5px; }
.rd-hero-image > figcaption { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.rd-gallery-controls { display: flex; align-items: center; gap: 18px; }
.rd-gallery-controls[hidden] { display: none; }
.rd-gallery-controls button { font: 35px Arial, sans-serif; line-height: 1; background: none; color: #fff; border: 0; padding: 0 8px; cursor: pointer; }
.rd-gallery-dialog { width: min(1100px, 95vw); max-height: 94vh; margin: auto; border: 0; padding: 24px; box-sizing: border-box; background: #f7f4ec; color: #111; }
.rd-gallery-dialog::backdrop { background: rgba(16, 37, 33, 0.87); }
html:has(.rd-gallery-dialog[open]) { overflow: hidden; }
.rd-gallery-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.rd-gallery-head h2 { font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; font-size: 25px; text-transform: uppercase; margin: 0; }
.rd-gallery-head button { border: 0; background: none; font: 13px "SCBody", Arial, sans-serif; cursor: pointer; }
.rd-gallery-stage { display: grid; grid-template-columns: 35px 1fr 35px; align-items: center; gap: 10px; margin-top: 20px; }
.rd-gallery-stage > img { width: 100%; height: 55vh; object-fit: contain; background: #eeeae0; }
.rd-gallery-stage > button { border: 0; background: none; font: 40px Arial, sans-serif; cursor: pointer; color: #173f35; }
.rd-gallery-caption { font-size: 12px; margin: 15px 45px; min-height: 1.5em; }
.rd-gallery-thumbnails { display: flex; gap: 10px; overflow-x: auto; padding: 5px 45px 12px; }
.rd-gallery-thumbnails button { flex: 0 0 80px; padding: 2px; background: none; border: 1px solid transparent; cursor: pointer; }
.rd-gallery-thumbnails button[aria-pressed="true"] { border-color: #173f35; }
.rd-gallery-thumbnails img { display: block; width: 74px; height: 48px; object-fit: cover; }
.rd-gallery-page-title { font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 40px; margin: 0 0 24px; }
.rd-gallery-page { display: grid; grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 28px; }
.rd-gallery-page figure { margin: 0; }
.rd-gallery-page img { display: block; width: 100%; height: auto; }
.rd-gallery-page figcaption { font-size: 12px; margin-top: 8px; }
@media (max-width: 800px) {
  .rd-gallery-stage { grid-template-columns: 25px 1fr 25px; gap: 0; }
  .rd-gallery-head h2 { font-size: 20px; }
  .rd-gallery-dialog { padding: 16px; }
  .rd-gallery-thumbnails { padding-left: 0; padding-right: 0; }
  .rd-gallery-caption { margin: 15px 0; }
  .rd-gallery-stage > img { height: 48vh; }
  .rd-gallery-page { grid-template-columns: 1fr; }
}

/* ---- Kept from phase 6: the opening panel's link, folder rows, screen-reader text ---- */
.rd-financial-jump { display: inline-block; margin: 18px 0 0; padding-bottom: 3px; font-size: 19px; font-weight: 700; line-height: 1.4; color: var(--sc-primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.rd-folder-row a, .rd-doc-row a { color: var(--sc-primary); text-underline-offset: 3px; }
.rd-doc-row { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; font-size: 12px; }
.rd-doc-row a { flex: 1; }
.rd-doc-row a > span::after { content: " ↗"; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; }

/* ---- Phase 7: the data room in Simon's look (deals with a showcase), after his B03 index ---- */
.sc-main.rd-room-main { max-width: 1440px; padding: 56px 7% 72px; }
.rd-room-head { display: flex; justify-content: space-between; align-items: start; gap: 30px; margin-bottom: 36px; }
.rd-room-eyebrow { margin: 0 0 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; }
.rd-room-eyebrow a { color: inherit; text-underline-offset: 3px; }
.rd-room-title, .rd-reader-title { font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; text-transform: uppercase; margin: 0; }
.rd-room-title { font-size: clamp(40px, 5vw, 64px); line-height: 0.96; letter-spacing: -0.01em; }
.rd-room-title-no { color: var(--sc-accent); }
.rd-reader-title { font-size: clamp(26px, 3.2vw, 40px); line-height: 1; }
.rd-room-note { margin: 14px 0 0; font-size: 12px; letter-spacing: 0.03em; }
.rd-room-links { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; font-size: 12px; white-space: nowrap; }
.rd-room-links a { color: var(--sc-primary); text-underline-offset: 3px; }
.rd-room-alert { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 24px; padding: 16px 20px; background: #edf2f0; font-size: 13px; }
.rd-room-alert .lock-icon { display: inline-block; width: 14px; height: 14px; vertical-align: -2px; }
.rd-room-button { display: inline-block; margin-left: auto; padding: 9px 18px; background: var(--sc-primary); color: #fff; font-weight: 700; text-decoration: none; }
.rd-room-button:hover, .rd-room-button:visited { color: #fff; }
.rd-room-empty { font-size: 13px; color: #555; }
.rd-folder-docs { background: #fff; padding: 18px 24px 14px; }
.rd-folder-doc { font-size: 14px; border-top: 1px solid rgba(0, 0, 0, 0.07); }
.rd-doc-meta { font-size: 12px; color: #555; white-space: nowrap; }
/* The reader, thumbnails, NDA and Q&A pages keep their markup (and scripts), in the deal's look */
body.room .card, body.room .nda-pages, body.room .nda-accept { border-radius: 0; box-shadow: none; }
body.room .card { border: 0; }
body.room .reader-main { background: #fff; }
body.room .canvas { background: #e9e6dd; border-top: 0; border-radius: 0; }
body.room .btn { border-radius: 0; font-family: inherit; }
body.room .btn-outline { background: transparent; border-color: var(--sc-primary); color: var(--sc-primary); }
body.room .btn-outline:hover { background: var(--sc-primary); color: #fff; }
body.room .btn-primary { background: var(--sc-primary); border-color: var(--sc-primary); color: #fff; }
body.room .btn-ghost { color: var(--sc-primary); }
body.room .form-control, body.room .alert { border-radius: 0; }
body.room .page-pretitle { font-size: 12px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--sc-ink); }
body.room .page-title { font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: clamp(26px, 3.2vw, 40px); line-height: 1; color: var(--sc-ink); }
body.room .breadcrumbs a, body.room a.cell-strong { color: var(--sc-primary); }
@media (max-width: 800px) {
  .sc-main.rd-room-main { padding: 36px 16px 56px; }
  .rd-room-head { display: block; }
  .rd-room-links { align-items: flex-start; margin-top: 18px; }
  .rd-room-button { margin-left: 0; }
  .rd-folder-doc { flex-wrap: wrap; }
  .rd-doc-meta { width: 100%; padding-left: 28px; }
}

/* ---- Simon's B03 (chat entries (24), (26)): a scheme's financial page and the data room's
   document index. Ivory page, white cards, his padlocks (open: you can open it; closed: locked). ---- */
.sc-main.b03-main { max-width: 1440px; padding: 34px 6% 64px; }
.b03-head { display: flex; justify-content: space-between; align-items: start; gap: 30px; }
.b03-eyebrow { margin: 0; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; }
.b03-back { font-size: 12px; white-space: nowrap; }
.b03-back, .b03-index a, .b03-scheme-link a { color: #173F35; text-decoration: underline; text-decoration-color: #1765C1; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.b03-title, .b03-index-head h2, .b03-scheme-name, .b03-name, .b03-no, .b03-metrics strong { font-family: "SCDisplay", "Arial Narrow", Arial, sans-serif; font-weight: 700; }
.b03-title { font-size: clamp(36px, 4.2vw, 54px); line-height: 1; letter-spacing: -0.015em; text-transform: uppercase; margin: 22px 0 26px; }
.b03-reference { font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; margin: 0 0 22px; }
.b03-intro { font-size: 15px; color: #444; margin: 0 0 54px; max-width: 1100px; white-space: pre-line; }
.b03-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin-bottom: 30px; }
.b03-metrics strong { display: block; font-size: 52px; line-height: 1.1; color: var(--sc-accent); }
.b03-metrics span { font-size: 14px; }
.b03-costs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; background: #DFE7E6; padding: 18px 24px; font-size: 15px; margin: 0 0 34px; }
.b03-index-head { display: flex; justify-content: space-between; align-items: start; gap: 30px; margin: 10px 0 40px; }
.b03-index-head h2, .b03-scheme-name { font-size: 30px; line-height: 1.1; text-transform: uppercase; margin: 0; }
.b03-index-line { font-size: 12px; margin: 8px 0 0; }
.b03-legend { display: flex; flex-direction: column; gap: 6px; font-size: 12px; padding-top: 6px; }
.b03-keys { display: flex; gap: 46px; }
.b03-keys span { display: flex; align-items: center; gap: 12px; }
.b03-legend small { font-size: 10px; color: #555; max-width: 420px; }
.b03-lock { width: 16px; height: 16px; flex: none; }
.b03-lock-open { color: #1765C1; }
.b03-lock-closed { color: #6A7775; }
.b03-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 46px; }
.b03-card { background: #fff; padding: 16px 22px 18px; align-self: start; min-width: 0; }
.b03-card-head { display: flex; align-items: baseline; gap: 22px; margin-bottom: 10px; }
.b03-no { font-size: 29px; line-height: 1; color: var(--sc-accent); }
.b03-name { flex: 1 1 auto; min-width: 0; font-size: 20px; line-height: 1.1; margin: 0; }
.b03-tag { font-family: "SCBody", Arial, sans-serif; font-weight: 400; font-size: 10px; letter-spacing: 0.04em; border: 1px solid var(--sc-accent); padding: 1px 7px; margin-left: 6px; vertical-align: 3px; white-space: nowrap; }
.b03-folder { margin-left: auto; font-size: 10px; white-space: nowrap; }
.b03-row { display: flex; align-items: center; gap: 12px; font-size: 12px; padding: 4px 0 5px 1px; }
.b03-row a { min-width: 0; overflow-wrap: anywhere; }
.b03-footnote { font-size: 12px; margin: 28px 0 0; }
.b03-source { font-size: 10px; color: #444; margin: 22px 0 0; }
.b03-empty { font-size: 13px; color: #555; }
.b03-room-top { margin: 0 0 34px; }
.b03-jump { display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 13px; margin: -16px 0 28px; }
.b03-jump b { font-weight: 400; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #555; }
.b03-scheme { margin-top: 56px; scroll-margin-top: 16px; }
.b03-scheme .b03-scheme-name { font-size: 38px; margin-bottom: 24px; }
.b03-scheme-link { font-size: 12px; margin: -16px 0 26px; }
@media (max-width: 800px) {
  .sc-main.b03-main { padding: 28px 16px 56px; }
  .b03-metrics { grid-template-columns: 1fr 1fr; }
  .b03-metrics strong { font-size: 42px; }
  .b03-index-head { display: block; }
  .b03-legend { margin-top: 16px; }
  .b03-keys { gap: 24px; }
  .b03-grid { grid-template-columns: 1fr; }
  .b03-scheme .b03-scheme-name { font-size: 30px; }
}
/* The investor statement in the deal's own look (Ben, 2026-10-23) */
body.room .register > p.muted { margin-bottom: 18px; }