.pg-h{display:flex;align-items:center;gap:.6rem}
.hq{width:1.7rem;height:1.7rem;border-radius:50%;border:1px solid rgba(240,200,121,.7);background:transparent;color:#f0c879;font:600 .9rem/1 var(--sans);cursor:pointer;display:inline-grid;place-items:center;letter-spacing:0;text-transform:none;padding:0}
.hq:hover,.hq:focus-visible{background:rgba(240,200,121,.15);outline:2px solid #f0c879;outline-offset:2px}
.hq-d{max-width:min(36rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);border:1px solid var(--line);border-radius:14px;background:var(--tile,#221e1a);color:var(--ink,#ede6da);padding:0;overflow:auto}
.hq-d::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(3px)}
.hq-in{padding:1.6rem 1.5rem 1.4rem;position:relative}
.hq-in h2{font-family:var(--serif);font-size:1.35rem;margin:0 2rem 1rem 0}
.hq-x{position:absolute;top:.8rem;right:.8rem;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--line);background:transparent;color:inherit;font-size:1.3rem;cursor:pointer}
.hq-s{margin:0;padding-left:1.3rem}.hq-s li{margin:0 0 .9rem;font-size:.92rem;line-height:1.55}.hq-s li::marker{color:#f0c879;font-weight:600}
.hq-s b{display:block;font-size:1rem;margin-bottom:.15rem}
.hq-n{font-size:.88rem;opacity:.9;margin:.4rem 0 0;border-top:1px solid var(--line);padding-top:.8rem}
.hq-d[open]{position:fixed;inset:0;margin:auto;height:fit-content}
.hq-k{border-top:0;padding:.6rem .8rem;margin-top:.2rem;border:1px solid rgba(240,200,121,.4);border-radius:8px;background:rgba(240,200,121,.06)}