/* Huilage */
.oil-lane { position: relative; block-size: 1.4rem; margin-top: 1.2rem; border-radius: 8px; background: linear-gradient(90deg, #e9c89a, #d8ad73); overflow: hidden; }
.oil-fill { position: absolute; inset-block: 0; inset-inline-start: 0; background: repeating-linear-gradient(90deg, rgba(39, 71, 199, .45) 0 6px, rgba(39, 71, 199, .3) 6px 12px); }
.oil-bp { position: absolute; inset-block: 0; inline-size: 4px; background: var(--terra); }
.oil-legend { margin-top: .4rem; }
.formula { margin: .9rem 0 0; }
.ratio-scale { list-style: none; margin: 1rem 0 .6rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: .5rem; }
.ratio-scale li { padding: .7rem .9rem; border-radius: 12px; background: var(--sand); display: grid; gap: .15rem; font-size: .92rem; }
.ratio-scale li.hl { background: var(--terra); color: #fff; }
.ratio-scale li.hl strong { color: #fff; }