/* Highgarden deck V2.0 — Seat C: research story panels (stops 12–17).
   Palette + type scale lifted from quest_log.css / style.css (warm ivory, olive, brass amber).
   Violet appears exactly once, as a signal accent on the closing kicker. */

.rs-panel{
  --rs-green:#10272a;--rs-green-2:#142b29;--rs-ink:#f3efe4;--rs-mut:#b9cbc2;
  --rs-brass:#dfc38d;--rs-line:rgba(223,195,141,.30);--rs-line-soft:rgba(223,195,141,.14);
  --rs-violet:#b7a2f0;
  --rs-serif:Georgia,"Iowan Old Style",Palatino,serif;
  --rs-body:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --rs-pad:20px;
  position:fixed;z-index:7;top:122px;right:26px;width:min(390px,33vw);
  max-height:calc(100dvh - 206px);overflow:hidden auto;overscroll-behavior:contain;
  padding:var(--rs-pad);border-radius:16px;
  font:400 13px/1.5 var(--rs-body);color:var(--rs-ink);
  background:linear-gradient(168deg,rgba(20,43,41,.72),rgba(16,39,42,.62));
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid var(--rs-line-soft);
  box-shadow:0 24px 60px -22px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);
  pointer-events:none;              /* never blocks the scroll */
  scrollbar-width:none;
  opacity:0;transform:translateY(10px);
  transition:opacity .5s ease,transform .5s ease;
}
.rs-panel::-webkit-scrollbar{display:none}
.rs-panel[hidden]{display:none!important}
.rs-panel.rs-in{opacity:1;transform:none}
.rs-panel *{box-sizing:border-box}

.rs-tag{margin:0 0 14px;font:700 10px/1.2 var(--rs-body);letter-spacing:.2em;
  text-transform:uppercase;color:var(--rs-brass)}
.rs-body>:last-child{margin-bottom:0}

/* shared closing line */
.rs-foot{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--rs-line-soft);
  font-size:12px;line-height:1.5;color:var(--rs-mut)}
.rs-foot em{font-style:normal;color:var(--rs-ink)}

/* 12 — thesis: one pulled quote, nothing else */
.rs-panel[data-panel=thesis]{width:min(440px,36vw)}
.rs-pull{margin:0;font:400 clamp(21px,2.1vw,27px)/1.3 var(--rs-serif);
  letter-spacing:-.015em;color:var(--rs-ink);text-wrap:balance;
  padding-left:16px;border-left:2px solid var(--rs-brass)}
.rs-pull em{font-style:normal;color:var(--rs-brass)}

/* 13 — five records: five distinct cards, with the one connecting line we allow ourselves */
.rs-recs{list-style:none;margin:0;padding:0;display:grid;gap:8px;position:relative}
.rs-recs::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:1px;
  background:linear-gradient(var(--rs-line-soft),var(--rs-line),var(--rs-line-soft))}
.rs-rec{position:relative;display:grid;grid-template-columns:23px minmax(0,1fr);gap:11px;
  align-items:start;padding:9px 11px;border:1px solid var(--rs-line-soft);border-radius:10px;
  background:rgba(6,20,22,.45)}
.rs-num{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;
  font:700 11px/1 var(--rs-body);color:var(--rs-green);background:var(--rs-brass)}
.rs-recbody b{display:block;font:400 15px/1.2 var(--rs-serif);color:var(--rs-ink)}
.rs-recbody span{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:var(--rs-mut)}
.rs-recbody i{display:block;margin-top:4px;font-style:normal;font-size:10px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--rs-brass)}

/* 14, 15, 17 — three short lines */
.rs-lines{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.rs-lines li{padding-left:13px;border-left:1px solid var(--rs-line)}
.rs-lines b{display:block;font:400 16px/1.25 var(--rs-serif);color:var(--rs-ink)}
.rs-lines span{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--rs-mut)}

/* 16 — four groups */
.rs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rs-cell{padding:14px 12px;border:1px solid var(--rs-brass);border-radius:10px;
  background:rgba(223,195,141,.10);text-align:center}
.rs-cell b{display:block;font:700 9px/1.2 var(--rs-body);letter-spacing:.16em;
  text-transform:uppercase;color:var(--rs-brass)}
.rs-cell span{display:block;margin-top:6px;font:400 18px/1.15 var(--rs-serif);color:var(--rs-ink)}
.rs-ctl{border-color:var(--rs-line-soft);background:rgba(6,20,22,.45)}
.rs-ctl b{color:var(--rs-mut)}

/* 17 — the one violet signal in the deck's research arc */
.rs-kicker{margin:14px 0 0;padding-left:13px;border-left:2px solid var(--rs-violet);
  font:400 17px/1.3 var(--rs-serif);color:var(--rs-ink);text-wrap:balance}

@media(max-width:700px){
  .rs-panel,.rs-panel[data-panel=thesis]{
    top:auto;bottom:64px;left:14px;right:14px;width:auto;
    max-height:52dvh;padding:14px;border-radius:13px;
    background:linear-gradient(168deg,rgba(20,43,41,.86),rgba(16,39,42,.80))}
  .rs-panel[data-panel=five-records]{max-height:62dvh}
  .rs-tag{margin-bottom:9px;font-size:9px}
  .rs-pull{font-size:19px;padding-left:12px}
  /* all five records must read without interaction: tighter cards, attribution inline */
  .rs-recs{gap:5px}
  .rs-recs::before{left:10px}
  .rs-rec{padding:6px 9px;gap:8px;grid-template-columns:21px minmax(0,1fr)}
  .rs-num{width:21px;height:21px;font-size:10px}
  .rs-recbody b{font-size:13px}
  .rs-recbody span{display:inline;margin-top:0;font-size:11px;line-height:1.35}
  .rs-recbody i{display:inline;margin-top:0;font-size:9.5px;letter-spacing:.1em}
  .rs-recbody i::before{content:" \00b7  "}
  .rs-lines{gap:10px}
  .rs-lines b{font-size:14px}
  .rs-lines span{font-size:11.5px}
  .rs-cell{padding:10px 8px}
  .rs-cell span{font-size:15px}
  .rs-kicker{font-size:15px}
  .rs-foot{font-size:11px;margin-top:11px;padding-top:9px}
}

@media(prefers-reduced-motion:reduce){
  .rs-panel{transition:none;opacity:1;transform:none}
}