/* Khorasia Aambo - Masthead, tab bar, page shell and panels. */

/* ---------- Header ---------- */
.masthead{
  border-bottom:1px solid var(--rule);
  background:linear-gradient(180deg,rgba(248,242,226,.92),rgba(239,230,210,.6));
  backdrop-filter:blur(8px);
  position:sticky;top:0;z-index:60;
}
.mast-in{max-width:1500px;margin:0 auto;padding:10px var(--pad) 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:12px;min-width:0}
.brand .glyph{
  font-family:var(--serif);font-weight:600;font-size:clamp(28px,4.6vw,40px);
  line-height:.95;color:var(--sindoor);letter-spacing:-.01em;
}
.brand .rom{
  font-family:var(--serif);font-size:clamp(15px,2vw,19px);font-weight:500;
  letter-spacing:.30em;text-transform:uppercase;color:var(--ink);
}
.brand .tag{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);
  border-left:1px solid var(--rule);padding-left:12px;
}
.mast-tools{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.search-wrap{position:relative;flex:1 1 200px;min-width:170px;max-width:340px}
.search-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--ink-3);pointer-events:none}
#q{
  width:100%;padding:9px 12px 9px 33px;border:1px solid var(--rule);border-radius:2px;
  background:var(--paper-2);font-family:var(--serif);font-size:15px;color:var(--ink);
}
#q::placeholder{color:var(--ink-3);font-family:var(--sans);font-size:13px}
#q:focus{outline:none;border-color:var(--sindoor);box-shadow:0 0 0 3px var(--sindoor-soft)}
.langset{display:flex;border:1px solid var(--rule);border-radius:2px;overflow:hidden;background:var(--paper-2)}
.langset button{
  padding:8px 12px;font-size:12px;letter-spacing:.08em;color:var(--ink-2);
  border-right:1px solid var(--rule-2);white-space:nowrap;
}
.langset button:last-child{border-right:0}
.langset button[aria-pressed="true"]{background:var(--sindoor);color:#FBF6EA}
.langset button.gu{font-family:var(--serif);font-size:15px;letter-spacing:0;padding:5px 12px}

.tabs{max-width:1500px;margin:0 auto;padding:0 var(--pad);display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{
  padding:11px 15px 9px;font-size:12.5px;letter-spacing:.10em;text-transform:uppercase;
  color:var(--ink-3);border-bottom:2px solid transparent;white-space:nowrap;
  display:flex;align-items:baseline;gap:7px;
}
.tab .gu{font-family:var(--serif);font-size:15px;letter-spacing:0;text-transform:none}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{color:var(--sindoor);border-bottom-color:var(--sindoor)}

/* ---------- Layout ---------- */
.shell{max-width:1500px;margin:0 auto;padding:var(--pad);display:grid;gap:var(--pad);grid-template-columns:minmax(0,1fr) 372px;align-items:start}
@media(max-width:1080px){.shell{grid-template-columns:minmax(0,1fr)}}
.panel{background:var(--paper-2);border:1px solid var(--rule);border-radius:3px;box-shadow:var(--shadow)}
.panel-hd{
  padding:13px 16px;border-bottom:1px solid var(--rule-2);display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.panel-hd h2{
  margin:0;font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:.01em;
}
.panel-hd .sub{
  font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);
  flex:1 1 140px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.spacer{margin-left:auto}
.view{display:none}
.view.on{display:block}