/* Forever Guides item DB components (needs fg-components.css). No dependencies. */
.fg-img{display:block;height:auto;max-width:100%;border:1px solid #a87a1c55;border-radius:6px;background:#060b1a}
figure.fg-fig{margin:10px 0;max-width:100%}figure.fg-fig figcaption{font-size:12px;color:#a8acc0;margin-top:4px}
.fg-chip{display:inline-flex;align-items:center;gap:4px;font:700 11px/1 var(--body,sans-serif);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:999px;border:1px solid}
.fg-chip.ok{color:#1eff00;border-color:#1eff0088}.fg-chip.com{color:#ffd36b;border-color:#ffd36b88}.fg-chip.unc{color:#ff8a8a;border-color:#ff8a8a88}
.fg-chip.new{color:#7fd8ff;border-color:#7fd8ff88}.fg-chip.chg{color:#c890ff;border-color:#c890ff88}
.fg-ipage{display:grid;gap:18px;grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start}
@media (max-width:760px){.fg-ipage{grid-template-columns:minmax(0,1fr)}}
.fg-ipage h1{font:700 clamp(24px,4vw,36px)/1.15 var(--disp,serif);margin:0 0 8px}
.fg-ipage .fg-item{max-width:none}
.fg-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.fg-lt-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #a87a1c55;border-radius:6px}
table.fg-lt{width:100%;border-collapse:collapse;font-size:14px;min-width:0}
.fg-lt th,.fg-lt td{padding:8px 10px;border-bottom:1px solid #f8b70022;text-align:left;vertical-align:top}
.fg-lt th{font:700 12px var(--body,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#ffd36b;background:#0b1430;position:sticky;top:0}
.fg-lt th button{all:unset;cursor:pointer}.fg-lt th button:focus-visible{outline:2px solid #ffd36b}
.fg-lt th[aria-sort=ascending] button:after{content:" ▲"}.fg-lt th[aria-sort=descending] button:after{content:" ▼"}
.fg-lt td.n{text-align:right;white-space:nowrap}
.fg-bar{height:6px;background:#13204a;border-radius:3px;margin-top:4px;overflow:hidden}.fg-bar i{display:block;height:100%;background:linear-gradient(90deg,#a87a1c,#ffd36b)}
.fg-conf{font-size:11px;color:#a8acc0}
@media (max-width:520px){.fg-lt thead{display:none}.fg-lt tr{display:block;border-bottom:1px solid #f8b70044;padding:6px 0}.fg-lt td{display:flex;justify-content:space-between;gap:10px;border:0;padding:3px 10px}.fg-lt td:before{content:attr(data-l);color:#a8acc0;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.fg-lt td.n{text-align:right}}
.fg-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}
.fg-strip>*{scroll-snap-align:start;flex:0 0 auto}
.fg-tile{width:150px;background:#0b1430;border:1px solid #a87a1c;border-radius:6px;padding:8px;font-size:13px;color:#e9e4d6;text-decoration:none}
.fg-tile b{display:block;font-family:var(--disp,serif);font-size:14px;line-height:1.2;margin-bottom:4px}
.fg-tile .p{color:#ffd36b;font-weight:700}

.fg-ip-h{font:700 18px var(--disp,serif);color:#f8b700;margin:16px 0 6px}
.fg-ip-ico{width:40px;height:40px;vertical-align:middle;margin-right:10px;border:1px solid #a87a1c;border-radius:4px}
.fg-srcs{margin:0;padding-left:18px}.fg-srcs li{margin:0 0 8px}.fg-srcs a{color:#ffd36b}
.fg-note{background:#13204a;border-left:3px solid #f8b700;padding:8px 12px;font-size:14.5px;margin:10px 0}