/* An index of three: each row previews the formula, so the list already teaches before anyone clicks. */
.ghead{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;padding-block:clamp(48px,7vw,104px) clamp(36px,5vw,64px)}
.ghead>*{animation:rise var(--ds-dur-4) var(--ds-ease-out) both}.ghead>*:nth-child(2){animation-delay:90ms}
.ghead p{color:var(--ds-text-2);font-size:var(--ds-fs-lead);line-height:1.7}
.terms{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--ds-border)}
.terms li{border-top:1px solid var(--ds-border)}
.term{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(280px,.9fr);gap:clamp(20px,4vw,64px);align-items:center;padding-block:clamp(28px,4vw,52px);color:inherit;text-decoration:none}
.term:hover{color:inherit}
.term h2{font-size:clamp(1.6rem,1.3rem + 1.5vw,2.75rem);transition:color var(--ds-dur-1) ease-out}
.term:hover h2{color:var(--ds-accent)}
.term .en{display:block;margin-top:6px;color:var(--ds-text-3);font-size:.9375rem}
.term .sum{color:var(--ds-text-2);line-height:1.75}
.term .coin{display:block;margin-top:10px;font-size:.8125rem;font-weight:600;color:var(--ds-warn)}
.mini{direction:ltr;text-align:center;background-color:var(--ds-surface-2);border-radius:var(--ds-radius-sm);padding:16px 18px;display:grid;gap:7px;font-size:.875rem;font-weight:500;line-height:1.45;transition:background-color var(--ds-dur-2) ease-out}
.term:hover .mini{background-color:var(--ds-accent-wash)}
.mini i{display:block;height:1.5px;background-color:var(--ds-accent)}
.mini span{color:var(--ds-text)}
.also{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center;margin-top:clamp(40px,6vw,80px);padding:clamp(22px,3vw,36px);background-color:var(--ds-surface-2);border-radius:var(--ds-radius)}
.also h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);margin-bottom:6px}.also p{color:var(--ds-text-2)}
@supports (animation-timeline:view()){.terms li,.also{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 34%}}
@media (max-width:1020px){.ghead,.term{grid-template-columns:minmax(0,1fr)}.also{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.also .btn{width:100%}}
[dir="rtl"] .term .en{text-align:right}