/* Options context surface — a calmer, more editorial layer over the shared
 * LiquidityLevels palette. */
a { color:oklch(0.470 0.090 86); text-decoration-color:transparent; transition:color .22s ease,text-decoration-color .22s ease; }
a:hover { color:oklch(0.470 0.090 86); text-decoration-color:currentColor; }
.options-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:34px 0 48px; }
.options-card { position:relative; min-height:190px; padding:22px 22px 20px; border:1px solid oklch(0.900 0.010 90 / .72); border-radius:12px; background:linear-gradient(145deg,oklch(1.000 0.000 90 / .96),oklch(0.972 0.006 90 / .86)); overflow:hidden; }
.options-card::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 100% 0%,oklch(0.780 0.143 86 / .11),transparent 46%); pointer-events:none; }
.options-card > * { position:relative; }
.options-label { display:block; margin-bottom:22px; color:oklch(0.470 0.090 86); font:700 11px/1.2 'IBM Plex Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }
.options-card h2 { margin:0 0 10px; color:oklch(0.240 0.045 262); font:700 21px/1.18 'Playfair Display',serif; letter-spacing:-.015em; }
.options-card p { margin:0; color:oklch(0.420 0.045 262); font-size:14px; line-height:1.65; }
@media (max-width:700px) { .options-grid { grid-template-columns:1fr; margin-top:28px; } .options-card { min-height:0; } }