/* learn-reference.css — the Quick Reference note (/learn/reference)
   ---------------------------------------------------------------------------
   Built only from learn.css tokens, so it follows the classic look, the nova
   night-sky layer and both themes without a colour of its own. Where a hue
   carries meaning it is one of the seven dignity hues (--dg-*), which the
   rest of Learn already uses to make claims: gold for Kendra, green for
   Trikona, red for Trik, blue for Upachaya.

   Everything is prefixed rf- so nothing here can reach another note. */

/* ---- sticky finder ------------------------------------------------------ */
.rf-bar-wrap{
  position:sticky;top:var(--rf-top,60px);z-index:30;
  margin:26px -14px 10px;padding:12px 14px 4px;
  background:color-mix(in srgb,var(--void) 88%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.rf-find{display:flex;gap:10px;align-items:center}
.rf-search{flex:1;min-width:0}
#rfQ{
  width:100%;appearance:none;font-family:var(--font-body);font-size:15px;color:var(--ink);
  background:var(--panel);border:1px solid var(--ctl-line);border-radius:999px;
  padding:13px 84px 13px 46px;transition:border-color .18s,box-shadow .18s,background .18s;
}
#rfQ::placeholder{color:var(--muted)}
#rfQ:focus{outline:none;border-color:var(--gold);background:var(--panel-2);box-shadow:0 0 0 4px var(--gold-soft)}
#rfQ::-webkit-search-cancel-button{display:none}
.rf-search>svg{left:17px;width:16px;height:16px}
.rf-search .search-key{right:46px}
#rfQ:focus~.search-key{opacity:0}
.rf-tools{display:flex;gap:6px;flex:0 0 auto}
.rf-tool{
  display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;border-radius:999px;
  border:1px solid var(--ctl-line);background:transparent;color:var(--ctl-ink);
  font:500 13px/1 var(--font-body);cursor:pointer;transition:.15s;white-space:nowrap;
}
.rf-tool:hover{border-color:var(--gold);color:var(--gold)}
.rf-tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rf-tool .hi{font-family:var(--font-hi)}
.rf-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:8px;
  -webkit-overflow-scrolling:touch;
  -webkit-mask:linear-gradient(90deg,#000 92%,transparent);mask:linear-gradient(90deg,#000 92%,transparent)}
.rf-chips::-webkit-scrollbar{display:none}
.rf-chips .chip{flex:0 0 auto;text-decoration:none;min-height:34px}
.rf-chips .chip .hi{font-family:var(--font-hi)}
.note .rf-chips .chip .en,.note .rf-chips .chip .hi{color:inherit}
.rf-count{margin:0 2px 6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.rf-count:empty{display:none}

/* ---- quick access -------------------------------------------------------- */
.rf-pins{margin:18px 0 6px;padding:14px 16px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.rf-pins .ci-head{margin-bottom:10px}
.rf-pinlist{display:flex;flex-wrap:wrap;gap:8px}
.rf-pinlist a{
  display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 6px 4px 12px;border-radius:999px;
  border:1px solid var(--ctl-line);color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:500;background:var(--panel-2)
}
.rf-pinlist a:hover{border-color:var(--gold)}
.rf-pinlist a svg{width:14px;height:14px;fill:var(--gold)}
.rf-pinlist a button{border:0;background:transparent;color:var(--muted);width:28px;height:28px;border-radius:999px;cursor:pointer;font-size:16px;line-height:1}
.rf-pinlist a button:hover{background:var(--brand-soft);color:var(--brand)}
.rf-pinlist .rf-empty{font-size:14px;color:var(--muted);margin:0}
.rf-pinlist .rf-empty b{color:var(--gold);font-weight:500}

/* ---- section head -------------------------------------------------------- */
.rf-sec{scroll-margin-top:calc(var(--rf-top,60px) + var(--rf-bar,120px) + 8px)}
.rf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}
.rf-head h2{margin-bottom:0}
.note .rf-head .chp-eye+h2{margin-top:6px}
.rf-head{margin-top:44px}
.rf-head .chp-eye{margin:0}
.chp+.chp .rf-head{border-top:1px solid var(--line);padding-top:30px}
.chp+.chp .rf-head .chp-eye{border-top:0;padding-top:0}
.rf-acts{display:flex;gap:6px;flex:0 0 auto;padding-bottom:4px}
.rf-act{
  display:inline-flex;align-items:center;gap:6px;height:36px;min-width:36px;padding:0 11px;justify-content:center;
  border-radius:999px;border:1px solid var(--ctl-line);background:transparent;color:var(--ctl-ink);
  font:500 12.5px/1 var(--font-body);cursor:pointer;transition:.15s
}
.rf-act:hover{border-color:var(--gold);color:var(--gold)}
.rf-act svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.rf-pin[aria-pressed="true"]{background:var(--sel-fill);border-color:var(--sel-fill);color:var(--on-sel)}
.rf-pin[aria-pressed="true"] svg{fill:var(--sel-glyph);stroke:var(--sel-glyph)}
.rf-fold{padding:0}
.rf-sec.rf-folded .rf-fold svg{transform:rotate(-90deg)}
.rf-sec.rf-folded .rf-body{display:none}
.note .rf-lede{margin-top:12px;color:var(--muted)}
.note .rf-lede.hi{color:var(--brass-lit)}

/* ---- tables -------------------------------------------------------------- */
.rf-tbl{margin:20px 0 8px}
.rf-tbl .tw{margin:0;border-top-left-radius:0;border-top-right-radius:0}
.rf-tt{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:7px 8px 7px 14px;border:1px solid var(--line);border-bottom:0;border-radius:var(--r) var(--r) 0 0;
  background:var(--panel);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)
}
.rf-tt .hi{font-family:var(--font-hi);letter-spacing:.02em;text-transform:none;font-size:12px}
.rf-tbl:not(:has(.rf-copy)) .rf-tt{padding:10px 14px}
.rf-copy{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;height:28px;padding:0 11px;font:500 11.5px/1 var(--font-body);letter-spacing:0;text-transform:none;cursor:pointer}
.rf-copy:hover{border-color:var(--gold);color:var(--gold)}
.note .rf-tbl thead th .hi{font-family:var(--font-hi);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--brass-lit);line-height:1.4}
/* In Hindi the cell text is the text, not a gloss beside it: it takes the
   cell's own colour instead of the brass that marks a translation in prose. */
.note .rf-sec td .hi,.note .rf-ff dd .hi,.note .rf-mini .hi,.note .rf-pt .hi,.note .rf-dgrid .hi,.note .rf-tk-mid .hi,.note .rf-v .hi{color:var(--body);font-size:1em;line-height:1.6}
.note .rf-sec td .g .hi,.note .rf-ff dt .hi,.note .rf-mini b .hi,.note .rf-kk-n .hi,.note .rf-tk-mid b .hi{color:var(--parch);font-size:1em}
.note .rf-sec td .mm .hi,.note .rf-sec td .mm .en,.note .rf-kk-n small .hi,.note .rf-kk-n small .en{color:var(--muted);font-size:1em}
.note .rf-sec td strong .hi,.note .rf-sec td strong .en{color:var(--ink)}
.note .rf-dgrid>div>span:first-child .hi{color:var(--gold)}
.note .pcard-h b .hi,.note .pcard-h b .en{color:inherit;font-size:1em;line-height:1.3}
.note .pcard-h i.en{color:var(--brass-lit)}
.note .pcard-h u .hi{color:var(--muted);font-size:11.5px;text-transform:none;letter-spacing:0}
.rf-f .hi,.rf-e .hi{color:inherit!important;font-size:11px!important}
.note .rf-tbl td .hi{font-size:.98em;line-height:1.7}
.rf-tbl td{font-size:14px}
.rf-gl{font-style:normal;color:var(--gold);display:inline-block;width:1.25em;text-align:center;margin-right:3px}
.rf-num{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--gold)}
.rf-dim{color:var(--muted)}
.rf-small{font-size:13px;line-height:1.55;display:block;max-width:44ch;white-space:normal}
.rf-up{font-family:var(--font-mono);color:var(--dg-exalt);font-weight:700}
.rf-down{font-family:var(--font-mono);color:var(--dg-debil);font-weight:700}
.rf-tbl tbody tr:hover{background:var(--panel-2)}
#rf-graha{min-width:980px}
#rf-graha td:nth-child(2){min-width:150px}
.rf-own td:last-child .g{margin-right:16px}
.rf-own td:last-child .mm{display:inline;margin-right:18px}

.rf-tag{display:inline-block;margin:2px 5px 2px 0;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;
  color:var(--c);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent)}
.note .rf-tag .hi,.note .rf-tag .en{color:inherit;font-size:inherit;line-height:inherit}

/* friendship */
.rf-rel{display:inline-block;min-width:26px;text-align:center;padding:1px 7px;border-radius:6px;font:700 12px/1.6 var(--font-mono)}
.rf-F{color:var(--dg-moola);background:color-mix(in srgb,var(--dg-moola) 14%,transparent)}
.rf-N{color:var(--dg-neutral);background:color-mix(in srgb,var(--dg-neutral) 14%,transparent)}
.rf-E{color:var(--dg-debil);background:color-mix(in srgb,var(--dg-debil) 14%,transparent)}
.rf-f{font:700 11px var(--font-mono);color:var(--dg-moola);margin-right:3px}
.rf-e{font:700 11px var(--font-mono);color:var(--dg-debil);margin-right:3px}
.rf-matrix td,.rf-matrix th{text-align:center}
.rf-matrix td:first-child,.rf-matrix th:first-child{text-align:left}
.rf-legend .rf-rel{margin-right:4px}
.rf-combo td,.rf-combo th{text-align:center}.rf-combo td:first-child,.rf-combo th:first-child{text-align:left}
.rf-res{display:inline-block;padding:3px 12px;border-radius:999px;font-weight:600;font-size:13px}
.note .rf-res .en,.note .rf-res .hi{color:inherit}
.rf-res-am{color:var(--dg-moola);background:color-mix(in srgb,var(--dg-moola) 22%,transparent)}
.rf-res-m{color:var(--dg-moola);background:color-mix(in srgb,var(--dg-moola) 10%,transparent)}
.rf-res-s{color:var(--dg-neutral);background:color-mix(in srgb,var(--dg-neutral) 12%,transparent)}
.rf-res-sh{color:var(--dg-debil);background:color-mix(in srgb,var(--dg-debil) 10%,transparent)}
.rf-res-as{color:var(--dg-debil);background:color-mix(in srgb,var(--dg-debil) 22%,transparent)}
.rf-five{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 4px}
.rf-five>div{border:1px solid var(--line);border-top:2px solid var(--c);border-radius:12px;padding:10px 8px;text-align:center;background:var(--panel)}
.rf-five b{display:block;font-family:var(--font-display);font-weight:600;font-size:14.5px;color:var(--c)}
.rf-five small{font-size:12px;color:var(--muted)}
.note .rf-five b .en,.note .rf-five b .hi{color:inherit}

/* temporary friendship */
.rf-tkw{display:grid;grid-template-columns:minmax(240px,330px) 1fr;gap:22px;align-items:start;margin-top:18px}
.rf-tk{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:5px;aspect-ratio:1/1}
.rf-tk-c{border-radius:10px;border:1px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 20px/1 var(--font-display)}
.rf-tk-c small{font:500 9.5px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.note .rf-tk-c small .hi{font-family:var(--font-hi);text-transform:none;letter-spacing:0;font-size:11px;color:inherit}
.rf-tk-fr{color:var(--dg-moola);border-color:color-mix(in srgb,var(--dg-moola) 55%,transparent);background:color-mix(in srgb,var(--dg-moola) 10%,transparent)}
.rf-tk-en{color:var(--dg-debil);border-color:color-mix(in srgb,var(--dg-debil) 55%,transparent);background:color-mix(in srgb,var(--dg-debil) 10%,transparent)}
.rf-tk-self{color:var(--on-sel);background:var(--sel-fill);border-color:var(--sel-fill)}
.note .rf-tk-self small .en,.note .rf-tk-self small .hi{color:var(--on-sel)}
.rf-tk-mid{grid-column:2/4;grid-row:2/4;border:1px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;font-size:13px;color:var(--muted)}
.rf-tk-mid b{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--parch);margin-bottom:4px}
.rf-tkw .pcard{margin:0 0 12px}
.rf-tkw .pcard-h{margin-bottom:8px;padding-bottom:8px}
.rf-tkw .callout{margin:0}
.rf-ok{color:var(--dg-moola)!important;font-size:12px!important;letter-spacing:.12em}
.rf-bad{color:var(--dg-debil)!important;font-size:12px!important;letter-spacing:.12em}
.rf-v{font-size:14.5px;color:var(--body)}

/* revision */
.rf-revs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.rf-rev{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:14px 14px 12px;overflow:hidden}
.rf-rev::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--c)}
.rf-rev-n{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--parch);line-height:1.25}
.rf-rev-n small{display:block;font:400 12px/1.4 var(--font-body);color:var(--muted);margin-top:2px}
.note .rf-rev-n .hi{color:var(--parch);font-size:1em}
.rf-tiles{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0 8px}
.rf-tiles i{font-style:normal;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;
  font:600 18px/1 var(--font-display);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 11%,transparent)}
.note .rf-rev-s{font-size:13px;color:var(--muted);margin:0;line-height:1.5}
.rf-mini4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.rf-mini{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel)}
.rf-mini b{display:block;font-family:var(--font-display);font-weight:600;color:var(--parch)}
.rf-mini .m{display:block;margin:2px 0}
.rf-mini small{font-size:12.5px;color:var(--muted)}

/* cheat sheet */
.rf-ffs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:18px}
.rf-ff{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:13px 15px}
.rf-ff h4{font:500 10.5px/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.note .rf-ff h4 .hi{font-family:var(--font-hi);letter-spacing:0;text-transform:none;font-size:13px;color:var(--gold)}
.rf-ff dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13.5px;line-height:1.5}
.rf-ff dt{color:var(--parch);font-weight:500;white-space:nowrap}
.rf-ff dd{margin:0;color:var(--body)}
.rf-ff .m{font-size:12px}
.note .rf-ff .hi{font-size:1em;line-height:1.5}

/* house map */
.rf-hmapw{padding:12px}
.rf-hmap{display:grid;grid-template-columns:132px repeat(12,minmax(28px,1fr));gap:4px;min-width:600px;font-size:12.5px}
.rf-hh{text-align:center;font:500 11px var(--font-mono);color:var(--muted)}
.rf-hl{display:flex;align-items:center;font-weight:600;color:var(--c)}
.note .rf-hl .hi{color:var(--c);font-size:1em;line-height:1.4}
.rf-hc{height:30px;border-radius:8px;border:1px dashed var(--line-2)}
.rf-hc.on{border:1px solid color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);display:grid;place-items:center;font:600 13px var(--font-mono)}

/* trio / duo of pcards */
.rf-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.rf-duo{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.rf-trio .pcard,.rf-duo .pcard{margin:0}
.rf-trio .pcard .row{grid-template-columns:1fr;gap:2px}
.rf-trio .pcard .row .k .hi{display:inline;margin-left:6px}
.rf-house{border-top:2px solid var(--c)}
.rf-hn{font-family:var(--font-display)!important;font-weight:600!important;font-size:28px!important;color:var(--c)!important;line-height:1}
.rf-flow{display:flex;align-items:center;gap:8px;margin:18px 0 6px}
.rf-flow i{font-style:normal;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font:600 24px/1 var(--font-display);
  color:var(--c);border:1px solid color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 11%,transparent)}
.rf-flow span{color:var(--c);font-size:18px}

/* graha details */
.rf-more{margin-left:8px;width:26px;height:26px;border-radius:999px;border:1px solid var(--ctl-line);background:transparent;color:var(--gold);cursor:pointer;font:600 15px/1 var(--font-mono);vertical-align:middle}
.rf-more[aria-expanded="true"]{background:var(--sel-fill);color:var(--on-sel);border-color:var(--sel-fill)}
tr.rf-detail{display:none}
tr.rf-detail.open{display:table-row}
tr.rf-detail td{background:var(--panel-2)}
.rf-dgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 18px;font-size:13.5px;white-space:normal}
.rf-dgrid>div>span:first-child{display:block;font:500 9.5px/1.6 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.note .rf-dgrid>div>span:first-child .hi{font-family:var(--font-hi);letter-spacing:0;text-transform:none;font-size:12px;color:var(--gold)}

/* karakatwa */
.rf-kks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:16px}
.rf-kk{border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.rf-kk summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;padding:12px 14px}
.rf-kk summary::-webkit-details-marker{display:none}
.rf-kk-g{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:var(--gold);background:var(--gold-soft);flex:0 0 auto}
.rf-kk-n{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--parch);line-height:1.2}
.rf-kk-n small{display:block;font:400 12px/1.4 var(--font-body);color:var(--muted)}
.rf-kk-c{margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:2;transition:transform .2s}
.rf-kk[open] .rf-kk-c{transform:rotate(180deg)}
.note .rf-kk ul{margin:0;padding:0 16px 14px 32px;font-size:14px}
.note .rf-kk li{margin-bottom:3px}
.note .rf-kk li .hi{font-size:1em;line-height:1.6}

/* strength */
.rf-digw>*,.rf-tkw>*,.rf-duo>*,.rf-trio>*{min-width:0}
.rf-digw{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:20px;align-items:center}
.rf-compass{position:relative;aspect-ratio:1/1;width:100%;max-width:300px;margin:0 auto}
.rf-ring{position:absolute;inset:14%;border:1px solid var(--line);border-radius:50%}
.rf-ring2{position:absolute;inset:33%;border:1px dashed var(--line);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:11px;line-height:1.35;color:var(--muted);padding:6px}
.rf-pt{position:absolute;transform:translate(-50%,-50%);text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:5px 9px;font-size:12px;color:var(--body);max-width:40%;line-height:1.35}
.rf-pt b{display:block;font:500 9.5px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.note .rf-pt b .hi{font-family:var(--font-hi);letter-spacing:0;text-transform:none;font-size:11.5px;color:var(--gold)}

/* degree bar */
.rf-bar{position:relative;margin:34px 0 36px}
.rf-bar-t{position:absolute;left:0;right:0;top:-22px;height:18px}
.rf-bar-t span{position:absolute;transform:translateX(-50%);font:500 11px var(--font-mono);color:var(--muted)}
.rf-bar-t span:first-child{transform:none}.rf-bar-t span:last-child{transform:translateX(-100%)}
.rf-bar-s{display:flex;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.rf-bar-s div{flex:1;padding:9px 4px;text-align:center;background:color-mix(in srgb,var(--c) 22%,transparent);border-right:1px solid var(--line)}
.rf-bar-s div:last-child{border-right:0}
.rf-bar-s b{display:block;font-size:13px;color:var(--c)}
.note .rf-bar-s b .hi,.note .rf-bar-s b .en{color:var(--c);font-size:1em;line-height:1.4}
.rf-bar-s div>span{font:500 11px var(--font-mono);color:var(--muted)}
.rf-sandhi{position:absolute;top:0;height:calc(100% - 22px);width:3.4%;background:repeating-linear-gradient(45deg,var(--line) 0 3px,transparent 3px 7px);pointer-events:none;border-radius:12px}
.rf-bar-n{display:flex;margin-top:6px}
.rf-bar-n span{flex:1;text-align:center;font:500 10.5px var(--font-mono);color:var(--muted);border-left:1px solid var(--line-2)}
.rf-bar-n span:first-child{border-left:0}

/* nakshatra filters */
.rf-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:16px}
.rf-sel{display:flex;flex-direction:column;gap:4px;font:500 10px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.note .rf-sel .hi{font-family:var(--font-hi);letter-spacing:0;text-transform:none;font-size:12px;color:var(--muted)}
.rf-sel select{height:40px;min-width:170px;border-radius:999px;border:1px solid var(--ctl-line);background:var(--panel);color:var(--ink);padding:0 14px;font:400 14px var(--font-body);letter-spacing:0;text-transform:none}
.rf-fcount{margin-left:auto;font:500 11px var(--font-mono);letter-spacing:.14em;color:var(--gold);padding-bottom:12px}

.rf-anchor{display:block;position:relative;top:-8px}
.rf-sec mark{background:var(--gold-soft);color:var(--gold)}
.rf-hide,.rf-fhide{display:none!important}

/* ---- narrow screens ------------------------------------------------------ */
@media (max-width:820px){
  .rf-trio{grid-template-columns:1fr}
  .rf-revs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rf-tkw,.rf-digw{grid-template-columns:1fr}
  .rf-tk{max-width:330px;width:100%;margin:0 auto}
}
@media (max-width:640px){
  .rf-bar-wrap{margin:20px 0 8px;padding:10px 0 2px}
  .rf-find{flex-wrap:wrap}
  .rf-search{flex-basis:100%}
  #rfQ{padding:12px 44px 12px 42px}
  .rf-search .search-key{display:none}
  .rf-tools{display:none}
  .rf-head{flex-direction:column;align-items:stretch}
  .rf-acts{padding-bottom:0}
  .rf-pin{flex:1}
  .rf-duo,.rf-mini4,.rf-revs{grid-template-columns:1fr 1fr}
  .rf-five{grid-template-columns:repeat(2,1fr)}
  .rf-five>div:last-child{grid-column:1/-1}
  .rf-flow i{width:44px;height:44px;font-size:20px}
  .rf-fcount{margin-left:0;width:100%;padding-bottom:0}
  .rf-sel{flex:1 1 140px}.rf-sel select{min-width:0;width:100%}
}
@media (max-width:460px){ .rf-duo,.rf-mini4{grid-template-columns:1fr} }

/* ---- print: a clean A4 reference ---------------------------------------- */
@media print{
  @page{size:A4;margin:12mm 11mm}
  html,html[data-theme],html.nova,html.nova[data-theme]{
    --void:#fff;--deep:#fff;--panel:#fff;--panel-2:#f5f2ea;--parch:#111;--ink:#111;--body:#222;--muted:#555;
    --gold:#6d4c0c;--brass-lit:#6d4c0c;--line:#d6cfbf;--line-2:#e6e0d3;--gold-soft:transparent;
    --dg-exalt:#8f6209;--dg-moola:#0f7d55;--dg-own:#2a5fb8;--dg-friend:#5b45b8;--dg-neutral:#6f6889;--dg-enemy:#9c4c22;--dg-debil:#b8233b
  }
  body{background:#fff!important;font-size:10pt}
  body::before{display:none}
  header,footer,.appbtn,.rf-bar-wrap,.rf-pins,.rf-acts,.rf-copy,.rf-more,.rf-filters,.no-hit,.lock,.lock-wait,.acf,.nf-fab,#nextNotes,.next-head{display:none!important}
  .mast{padding-top:0!important}
  .note.narrow{max-width:none}
  .note.narrow .bleed{width:auto;margin-left:0;transform:none}
  .rf-sec{break-inside:auto}
  .rf-sec.rf-folded .rf-body{display:block!important}
  .rf-hide,.rf-fhide{display:revert!important}
  tr.rf-hide,tr.rf-fhide{display:table-row!important}
  tr.rf-detail{display:none!important}
  .chp-eye{margin-top:22px}
  .chp+.chp .chp-eye{padding-top:14px}
  .note h2{font-size:17pt;margin-top:4px;break-after:avoid}
  .note h3{break-after:avoid}
  .tw{overflow:visible}
  .tw table{min-width:0}
  table{font-size:8.6pt}
  thead{display:table-header-group}
  thead th{padding:5px 6px;background:#f1ece0!important}
  tbody td{padding:4px 6px}
  tr,.rf-tbl .rf-tt,.pcard,.rf-rev,.rf-ff,.rf-kk,.callout,.rf-mini,.rf-five>div{break-inside:avoid}
  .rf-tt{break-after:avoid}
  .rf-head,.note .rf-lede{break-inside:avoid;break-after:avoid;page-break-after:avoid}
  .rf-body>:nth-child(-n+3){break-before:avoid}
  .rf-kk ul{display:block!important}
  mark{background:none;color:inherit}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;backdrop-filter:none!important}
}

/* ---- dark theme: coloured labels lifted toward white so they stay legible
   on their tinted chips ---- */
html[data-theme="dark"] .rf-tag,html[data-theme="dark"] .note .rf-tag .en,html[data-theme="dark"] .note .rf-tag .hi{color:color-mix(in srgb,var(--c) 45%,#fff)!important}
html[data-theme="dark"] .rf-hc.on{color:color-mix(in srgb,var(--c) 40%,#fff)}
html[data-theme="dark"] .rf-down{color:color-mix(in srgb,var(--dg-debil) 55%,#fff)}
html[data-theme="dark"] .rf-up{color:color-mix(in srgb,var(--dg-exalt) 55%,#fff)}
html[data-theme="dark"] .rf-res .en,html[data-theme="dark"] .rf-res .hi,html[data-theme="dark"] .rf-res{color:#fff!important}
html[data-theme="dark"] .rf-res-am,html[data-theme="dark"] .rf-res-m{background:color-mix(in srgb,var(--dg-moola) 40%,transparent)}
html[data-theme="dark"] .rf-res-sh,html[data-theme="dark"] .rf-res-as{background:color-mix(in srgb,var(--dg-debil) 45%,transparent)}
html[data-theme="dark"] .rf-res-s{background:color-mix(in srgb,var(--dg-neutral) 45%,transparent)}
html[data-theme="dark"] .rf-flow i,html[data-theme="dark"] .rf-flow span,html[data-theme="dark"] .rf-hn{color:color-mix(in srgb,var(--c) 45%,#fff)!important}
html[data-theme="dark"] .rf-five b,html[data-theme="dark"] .note .rf-five b .en,html[data-theme="dark"] .note .rf-five b .hi{color:color-mix(in srgb,var(--c) 50%,#fff)!important}
html[data-theme="dark"] .rf-sec .callout a,html[data-theme="dark"] .rf-sec .callout a .en,html[data-theme="dark"] .rf-sec .callout a .hi{color:#FCD34D!important}
.rf-sec .callout a{text-decoration:underline;text-underline-offset:3px}
html[data-theme="dark"] .rf-bar-s b,html[data-theme="dark"] .note .rf-bar-s b .en,html[data-theme="dark"] .note .rf-bar-s b .hi{color:color-mix(in srgb,var(--c) 40%,#fff)!important}