/* Khorasia Aambo - The two looks: Grove (default, from the logo) and Ledger. */

/* ================= Theme: Grove (default) — drawn from the Khorasia mark ================= */
body.t-grove{
  --paper:#FAF9F5;
  --paper-2:#FFFFFF;
  --paper-3:#EFEEE5;
  --ink:#25271E;
  --ink-2:#4E5142;
  --ink-3:#8B8C7D;
  --sindoor:#5C6142;      /* brand olive — the accent */
  --sindoor-soft:#E9EBE0;
  --turmeric:#9F7766;     /* rust, as in the rule under the wordmark */
  --leaf:#6B7A55;
  --rule:#E3E1D6;
  --rule-2:#EEECE3;
  --line:#B7B6A3;
  --shadow:0 1px 2px rgba(37,39,30,.03), 0 12px 34px -24px rgba(37,39,30,.35);
  background-image:none;
  background:var(--paper);
}
body.t-vahi{--line:#A9986F}
body.t-grove .panel{border-radius:5px}
body.t-grove .masthead{background:rgba(250,249,245,.88);border-bottom:1px solid var(--rule)}
body.t-grove .brand .rom{letter-spacing:.34em;font-weight:400}
body.t-grove .hero{padding:clamp(18px,3vw,32px) clamp(20px,4vw,52px)}
body.t-grove .stat b{font-weight:500;letter-spacing:-.01em}
body.t-grove .d-name-gu{font-weight:500}
body.t-grove .row.sel,body.t-grove .res.sel,body.t-grove .kid.sel{background:var(--sindoor);border-color:var(--sindoor)}
body.t-grove .row.sel .nm-gu,body.t-grove .res.sel .nm-gu,body.t-grove .kid.sel .nm-gu{color:#DCE0C9}



body.t-grove .langset button[aria-pressed="true"],body.t-grove .gen-strip button.on{background:var(--sindoor);border-color:var(--sindoor)}
body.t-grove .chip[aria-pressed="true"],body.t-grove .chip.on{background:var(--sindoor);border-color:var(--sindoor)}
body.t-grove .btn-primary{background:var(--sindoor)}
body.t-grove .btn-primary:hover{background:#474B33}
body.t-grove .adm-btn.on{background:var(--turmeric);border-color:var(--turmeric)}

/* ---------- brand lockup ---------- */
.brand{gap:11px}
.brand .lockup{height:clamp(34px,4.6vw,46px);width:auto;max-width:min(52vw,300px);object-fit:contain;display:block}
@media(max-width:520px){.brand .lockup{height:32px;max-width:56vw}}
.brand .name{display:flex;flex-direction:column;gap:1px;min-width:0}
.brand .rom{
  font-family:var(--serif);font-size:clamp(17px,2.4vw,22px);font-weight:500;line-height:1;
  letter-spacing:.30em;text-transform:uppercase;color:var(--sindoor);white-space:nowrap;
}
.brand .name .rom.gu{letter-spacing:0;text-transform:none;font-weight:500;font-size:clamp(21px,2.8vw,26px)}
.brand .tag{
  border:0;padding:0;font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);
  white-space:nowrap;
}
.brand .name .tag.gu{font-family:var(--serif);font-size:12.5px;letter-spacing:.02em;text-transform:none}
@media(max-width:600px){.brand .tag{display:none}}

/* ---------- logo hero + colophon ---------- */
.hero-logo{display:block;width:min(340px,72%);height:auto;margin:0 0 6px}
body.t-grove .hero h1{display:none}
.colophon{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-2);border-top:1px solid var(--rule-2);
}
@media(max-width:980px){.colophon{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.colophon{grid-template-columns:1fr}}
.colo{background:var(--paper-2);padding:26px 22px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.colo h4{margin:0;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.colo .who{font-family:var(--serif);font-size:23px;font-weight:600;color:var(--sindoor);line-height:1.22}
.colo .who small{display:block;font-size:12.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:6px;line-height:1.4}
.colo p{margin:0;font-family:var(--serif);font-size:14.5px;line-height:1.65;color:var(--ink-3)}
.bb-logo{width:170px;height:auto;display:block}
.colo .rule{width:46px;height:1px;background:var(--turmeric);margin:2px 0}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.print-head{display:none;padding:0 18px 4px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7A7460}