.delve-card { border: 1px solid #b8912f; background: #1a1410; padding: .4rem .6rem; } .delve-card header { border-bottom: 1px solid #b8912f; margin-bottom: .3rem; } .delve-label { font-family: "Cinzel", serif; color: #e8c96a; letter-spacing: .04em; } .delve-sub { display: block; font-size: .8em; opacity: .75; } .delve-card ul { margin: .2rem 0 .3rem 1.1rem; } .delve-truth { border-left: 3px solid #7a5cff; padding-left: .5rem; opacity: .9; } .delve-read { border-left: 3px solid #e8c96a; font-size: 1.02em; } .delve-read p { margin: .2rem 0; } .delve-forge .hint { opacity: .8; font-size: .92em; margin: 0 0 .6rem; } .delve-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem .7rem; } .delve-grid label, .delve-toggles label { display: flex; flex-direction: column; font-size: .9em; gap: .15rem; } .delve-grid .sub, .delve-toggles .sub { opacity: .6; font-size: .85em; font-weight: normal; } .delve-toggles { margin-top: .6rem; display: flex; flex-direction: column; gap: .3rem; } .delve-toggles .checkbox { flex-direction: row; align-items: center; gap: .4rem; } .delve-actions { margin-top: .8rem; } .delve-actions button.bright { width: 100%; }