.minor-relative{margin:1.5rem 0;padding:1rem 1.15rem;border:1px solid var(--line,#d4d8d2);border-radius:16px;background:#f1f4ed;text-align:left}
.minor-relative summary{cursor:pointer;font-weight:750;padding:.35rem 0}
.minor-relative p{line-height:1.6;color:#425352}
.minor-relative h3{font-size:1rem;margin:1.2rem 0 .55rem}
.minor-relative ol{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem;list-style:none;padding:0;margin:0}
.minor-relative li{text-align:center;background:#fff;padding:.6rem .1rem;border:1px solid #d4d8d2;border-radius:8px;font-weight:700}
.minor-relative .relative-tonic{background:#24483d;color:#fff;border-color:#24483d}
.minor-relative a{display:inline-block;margin-top:1rem;font-weight:700;text-underline-offset:3px}
@media(max-width:600px){.minor-relative ol{grid-template-columns:repeat(4,minmax(0,1fr))}.minor-relative{padding:.8rem}.minor-relative summary{line-height:1.45}}