/* Options context surface — a calmer, more editorial layer over the shared
 * LiquidityLevels palette. */
a { color:oklch(0.78 0.143 86); text-decoration-color:transparent; transition:color .22s ease,text-decoration-color .22s ease; }
a:hover { color:oklch(0.88 0.12 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.32 0.018 258 / .72); border-radius:12px; background:linear-gradient(145deg,oklch(0.19 0.019 258 / .96),oklch(0.16 0.015 258 / .86)); overflow:hidden; }
.options-card::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 100% 0%,oklch(0.78 0.143 86 / .11),transparent 46%); pointer-events:none; }
.options-card > * { position:relative; }
.options-label { display:block; margin-bottom:22px; color:oklch(0.78 0.143 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.96 0.01 85); font:700 21px/1.18 'Playfair Display',serif; letter-spacing:-.015em; }
.options-card p { margin:0; color:oklch(0.7 0.012 258); 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; } }