/* India-ink backdrop: original generated ornament, with opaque reading surfaces. */
:root { background:#11110f; }
body { background:#11110f url('/static/ink-cultures-v3.jpg') center top / 100% 100vh fixed no-repeat; }
.workspace { color:#f2eee4; background:transparent; min-height:100vh; }
.sidebar { background:rgba(16,19,16,.22); color:#eeeade; border-color:#3c4235; }
.brand { color:#f2eee4; }
.brand-caption, .sidebar nav a { color:#bfc7b4; }
.sidebar nav a:hover { background:#293627; color:#fffdf4; }
.sidebar nav a.active { background:#d5ee75; color:#152719; }
.sidebar-bottom { color:#e5dfce; }
.sidebar-bottom a, .sidebar-bottom .eyebrow { color:#c7cfba; }
.topbar { background:rgba(15,18,15,.3); border-color:#383e32; }
.breadcrumb, .pilot { color:#c4cbb8; }
.topbar .button { color:#e9eadb; border-color:#647058; }
.section-meta>.eyebrow { color:#e3d9c5; }
.page-heading h1 em { color:#c6dd8f; }
.page-heading p, .intro-row p, .language-picker, .lexicon-heading p { color:#c3c8bb; }
.language-picker select { background:#252c23; color:#f1f0e3; border-color:#66725a; }
.catalogue-invite, .translation-legend, main>.hint { color:#d5d8c8; }
.hero { background:transparent; border:0; border-radius:0; box-shadow:none; }
.hero-art img { display:none; }
.hero .art-label { color:#d5ccb5; }
.hero .hero-description { color:#d2d4c6; }
.hero h1 em { color:#d5ee75; }
.hero .hero-corner { color:#d5d8c8; border-color:#5e6552; }
.panel, .catalogue, .language-portrait, .language-card, .entry-card, .collection-banner,
.empty-state, .lesson-step, dialog { color:var(--ink); }
.panel, .entry-card, .catalogue { box-shadow:0 12px 35px #0002; }
.toolbar>.button-outline { color:#e8e8d7; border-color:#7a856a; }
.chips .chip { color:#dadfcf; border-color:#737d65; background:#1c241bd9; }
.chips .chip.active { color:#172719; background:#d5ee75; border-color:#d5ee75; }
.subtabs { border-color:#656f59; }
.subtabs button { color:#bfc9ae; }
.subtabs button.active { color:#e6efc7; border-color:#d5ee75; }
footer { border-color:#3c4235; background:#11170fd9; color:#c0c6b5; }
.footer-brand { color:#e8eddd; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline-color:#bd914f; }
.hero-copy { background:transparent; }
@media(max-width:580px) {
  body { background-size:100% 100vh; background-attachment:fixed; }
  .sidebar { background:rgba(16,19,16,.22); }
  .workspace { background:transparent; }
  .hero-copy { background:rgba(12,14,12,.18); }
}
@media print {
  :root,body,.workspace,.sidebar,.topbar,footer { background:white!important; color:black!important; }
  .page-heading h1 em, .page-heading p, .translation-legend { color:black; }
  .panel,.entry-card,.catalogue { box-shadow:none; }
}
/* Text directly on the dark canvas, outside reading panels. */
#dialogue-content>.hint { color:#c4cbb8; }
.sidebar nav a.active svg { stroke:#173d31; }
.sidebar-location { color:#b8c2a9; }


/* Shared discovery and contribution cards. */
.language-card .mini-art svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.4; }


/* Original ochre brush ornament: a flowing ribbon, shared by both separators. */
.sidebar { border-right:0; }
.sidebar::after { content:""; position:absolute; top:170px; left:calc(100% + 27px); width:calc(100vh - 170px); height:54px; background:url('/static/ink-divider-ochre-v1.png') left center / 540px 180px repeat-x; transform:rotate(90deg); transform-origin:top left; opacity:.62; filter:saturate(.55) brightness(.8); pointer-events:none; }
.topbar { position:relative; border-bottom:0; }
.topbar::after { content:""; position:absolute; bottom:-27px; left:80px; right:0; height:54px; background:url('/static/ink-divider-ochre-v1.png') left center / 540px 180px repeat-x; opacity:.62; filter:saturate(.55) brightness(.8); pointer-events:none; z-index:1; }
/* The quarter-circle joins the two ribbons with a generous, tangent curve. */
.topbar::before { content:""; position:absolute; left:-27px; top:63px; width:134px; height:134px; background:url('/static/ink-divider-arch.svg') center / contain no-repeat; opacity:.62; filter:saturate(.55) brightness(.8); pointer-events:none; z-index:21; }
@media(max-width:580px) {
  .topbar::before { display:none; }
  .topbar::after { left:0; }
  .sidebar { border-bottom:0; }
  .sidebar::after { top:auto; bottom:-27px; left:0; right:0; width:auto; height:54px; transform:none; }
}
@media print { .sidebar::after,.topbar::after,.topbar::before { display:none; } }