/* Be Rwanda Wise and Be Vietnam Wise guides, FAQ, embassy, useful-links and contact pages: Design.md look (v140, 7 November 2026). Loaded last, after /bw-design.css. APPEARANCE ONLY. */

:root{
  --brown:var(--d-panel); --brown-soft:var(--d-hover); --parchment:var(--d-canvas); --parchment-deep:var(--d-hover);
  --ink:var(--d-text); --red:var(--d-accent); --red-deep:var(--d-accent); --green:var(--d-text-2); --green-soft:var(--d-hover);
  --gold:var(--d-accent); --copper:var(--d-accent); --slate:var(--d-text-2);
}
html body header.top{ background:var(--d-panel) !important; background-image:none !important; border-bottom:1px solid var(--d-line) !important; box-shadow:none !important; color:var(--d-text) !important; }
html body header.top :is(a, b, span, strong){ color:var(--d-text) !important; }
html body header.top div > :is(b, span){ background:transparent !important; }
html body .topnav a.cta, html body .btn{ background:var(--d-accent) !important; color:var(--d-on-accent) !important; border-color:var(--d-accent) !important; }
html body :is(.answer-box, .toc, article.qa, .card, .entry, .log, .dbv-glance, .dbv-summary, .dbv-onpage, .dbv-table, .dbv-box-fl, .dbv-example, .dbv-flow,
  .dbv-box-horizon, .dbv-section-card, .dbv-chapter-card, .dbv-rel, .dbv-kp, .dbv-tool, .dbv-checklist, .dbv-qa){
  background:var(--d-panel) !important; background-image:none !important; color:var(--d-text) !important; border:1px solid var(--d-line) !important; border-radius:8px !important; box-shadow:none !important;
}
html body .answer-box{ border-left:1px solid var(--d-accent) !important; }
html body :is(.answer-box, .toc, article.qa, .card, .entry, .log, [class^="dbv-"]) :is(h2, h3, h4, strong, b, dt){ color:var(--d-text) !important; }
html body :is(.answer-box, .toc, article.qa, .card, .entry, .log, [class^="dbv-"]) :is(p, li, dd, address, span, small){ color:var(--d-text-2) !important; }
html body :is(.answer-box, .toc, article.qa, .card, .entry, .log, [class^="dbv-"]) a{ color:var(--d-text) !important; }
html body :is(.badge, .updated){ background:var(--d-hover) !important; color:var(--d-text) !important; border:1px solid var(--d-line-input) !important; border-radius:4px !important; }
html body :is(.cta-box, .dbv-next){ background:var(--d-panel) !important; background-image:none !important; color:var(--d-text) !important; border:1px solid var(--d-accent) !important; border-radius:8px !important; }
html body :is(.cta-box, .dbv-next) :is(h2, h3, p, strong, a:not(.btn)){ color:var(--d-text) !important; }
html body .findbar{ background:var(--d-canvas) !important; border-color:var(--d-line) !important; }
html body .jump a{ background:transparent !important; color:var(--d-text) !important; border:1px solid var(--d-line-input) !important; border-radius:6px !important; }
html body .jump a:hover{ background:var(--d-hover) !important; }
html body .entry h3 .acr, html body .entry .tag, html body .entry .tag.muted{ background:var(--d-hover) !important; color:var(--d-text) !important; border-radius:4px !important; }
html body .entry .tag.warn{ background:var(--d-red-tint) !important; color:var(--d-red) !important; border:1px solid var(--d-red-edge) !important; }
html body .entry p.note, html body p.note{ background:var(--d-accent-tint) !important; color:var(--d-text) !important; border-color:var(--d-accent-edge) !important; border-radius:6px; }
html body .contacts a.c{ background:var(--d-canvas) !important; color:var(--d-text) !important; border:1px solid var(--d-line-input) !important; border-radius:6px !important; }
html body .contacts a.c :is(span, small){ color:inherit !important; }
html body .contacts a.c.web{ background:var(--d-accent) !important; color:var(--d-on-accent) !important; border-color:var(--d-accent) !important; }
html body .contacts a.c.web :is(span, small){ color:var(--d-on-accent) !important; }
html body .dbv-summary li.dbv-updated, html body .dbv-box-watch{ background:var(--d-accent-tint) !important; border-color:var(--d-accent-edge) !important; color:var(--d-text) !important; }
html body .dbv-steps li::before{ background:var(--d-accent) !important; color:var(--d-on-accent) !important; font-family:var(--d-mono); }
html body .dbv-table thead th{ background:var(--d-panel) !important; color:var(--d-text-2) !important; }
html body .dbv-table tbody th{ background:var(--d-panel) !important; color:var(--d-text) !important; }
html body .dbv-checklist li::before{ background:var(--d-canvas) !important; border:1px solid var(--d-line-input) !important; }
html body .dbv-yes{ background:var(--d-green-tint) !important; color:var(--d-green) !important; }
html body .dbv-no{ background:var(--d-red-tint) !important; color:var(--d-red) !important; }
html body .dbv-chapter-card .dbv-chapter-dl{ background:var(--d-accent) !important; color:var(--d-on-accent) !important; border-radius:6px !important; }
html body .dbv-chapter-card .dbv-chapter-dl .dbv-dl-tag{ background:rgba(9,13,22,0.15) !important; color:var(--d-on-accent) !important; }
html body footer{ background:var(--d-panel) !important; }
/* "doing business" pathway finder (dbv-pathways.js) */
html body .dbp{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-top:1px solid var(--d-accent) !important; border-radius:8px !important; }
html body .dbp .dbp-k{ color:var(--d-accent) !important; }
html body .dbp :is(h2, h3, label){ color:var(--d-text) !important; }
html body .dbp > p, html body .dbp-prog{ color:var(--d-text-2) !important; }
html body .dbp .dbp-go{ background:var(--d-accent) !important; color:var(--d-on-accent) !important; border-color:var(--d-accent) !important; }
html body .dbp .dbp-alt{ background:transparent !important; color:var(--d-text) !important; border-color:var(--d-line-input) !important; }
html body .dbp .dbp-alt:hover{ background:var(--d-hover) !important; }
html body .dbp-route, html body .dbp li{ border-color:var(--d-line) !important; }
html body .dbp-bar{ background:var(--d-hover) !important; border-radius:999px !important; }
html body .dbp-bar span{ background:var(--d-accent) !important; }
html body .dbp li::before{ background:var(--d-hover) !important; color:var(--d-text) !important; border:1px solid var(--d-line-input); font-family:var(--d-mono); }
html body .dbp li.done::before{ background:var(--d-green-tint) !important; color:var(--d-green) !important; border-color:var(--d-green-edge) !important; }
html body .dbv-chapter-card a.dbv-chapter-dl :is(span, .dbv-dl-label, .dbv-dl-tag){ color:var(--d-on-accent) !important; }
html body .dbv-chapter-card a.dbv-chapter-dl{ box-shadow:none !important; }
html body :is(nav.toc h2, .dbv-aside h2){ font-family:var(--d-display) !important; }
/* "Ask Lawbot" box on the investor FAQ pages */
html body form.lawbot-ask{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-left:1px solid var(--d-accent) !important; border-radius:8px !important; }
html body form.lawbot-ask :is(label, label strong){ color:var(--d-text) !important; }
html body form.lawbot-ask button{ color:var(--d-on-accent) !important; }

/* v144: a table cell the guide leaves empty (for example a stage with no statutory period) shows a muted dash
   instead of a blank hole; no wording is added */
html body table.dbv-table td:empty::before, html body .g-table td:empty::before{ content:"\2014"; color:var(--d-text-3); }

/* v171 (Jason, 10 November 2026): the English app home page's photographs on the translated editions' guide hub pages
   (French, Vietnamese, Spanish), written by the guide build from config HUB_PHOTOS. A wide picture under the page
   heading (3:2, as the photographs' own shape), with the credit on a small dark backing; Rwanda also has the Kigali Convention Centre beside the chapter list
   (below the heading on phones). No shadows, gradients or glows. */
html body figure.dbv-hub-photo{ margin:18px 0 26px; }
html body .dbv-hub-photo-frame{ position:relative; }
html body figure.dbv-hub-photo img{ display:block; width:100%; height:auto; border-radius:8px; border:1px solid var(--d-line); background:#000; object-fit:cover; }
html body figure.dbv-hub-photo-hero img{ aspect-ratio:3/2; }
html body figure.dbv-hub-photo-zebra img{ object-position:50% 30%; }
html body figure.dbv-hub-photo-tigers img{ object-position:50% 50%; }
html body figure.dbv-hub-photo .dbv-hub-credit{ position:absolute; right:8px; bottom:8px; margin:0; max-width:calc(100% - 16px); padding:2px 7px; border-radius:4px;
  background:rgba(9,13,22,0.72); color:rgba(241,245,249,0.85) !important; font-size:11px; line-height:1.35; text-align:right; }
html body figure.dbv-hub-photo figcaption{ margin:9px 2px 0; font-size:14px; line-height:1.45; color:var(--d-text-2); }
html body figure.dbv-hub-photo .dbv-hub-credit-below{ display:block; margin-top:3px; font-size:11px; color:var(--d-text-2) !important; }
html body .dbv-hub-intro{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px 30px; align-items:center; margin:0 0 6px; }
html body .dbv-hub-intro-copy > :first-child{ margin-top:0; }
html body .dbv-hub-intro-copy > :last-child{ margin-bottom:0; }
html body .dbv-hub-intro figure.dbv-hub-photo{ margin:0; }
html body figure.dbv-hub-photo-side img{ aspect-ratio:3/2; }
html body figure.dbv-hub-photo-side figcaption{ font-size:12.5px; line-height:1.4; }
@media (max-width:720px){
  html body .dbv-hub-intro{ grid-template-columns:1fr; }
  html body .dbv-hub-intro figure.dbv-hub-photo{ margin:4px 0 8px; }
}

/* v176 (Jason, 11 November 2026): the yellow chatbot button now sits second on the menu, straight after the first
   link, in every language edition; it is bold and keeps an even gap on both sides. */
html body .topnav a.cta{ font-weight:600 !important; margin:0 6px !important; }
@media (max-width:560px){ html body .topnav a.cta{ margin:4px 4px 6px !important; } }