.op-chart{padding:20px 24px 14px}.op-bars{gap:6px;display:grid}.op-bar{color:var(--ink);border-radius:12px;grid-template-columns:40px 300px minmax(0,1fr);align-items:center;gap:14px;padding:6px 8px;text-decoration:none;transition:background .15s;display:grid}@media (hover:hover) and (pointer:fine){.op-bar:hover{background:var(--bg-alt)}.op-bar:hover b{color:var(--link)}}.op-ki{background:linear-gradient(135deg,#e6a23c,#a86a00)}.op-bl{justify-content:space-between;gap:10px;font-size:15.5px;display:flex}.op-bl span{color:var(--gray);font-weight:700}.op-tr{background:var(--bg-alt);border-radius:7px;height:22px;display:block;overflow:hidden}.op-tr>span{border-radius:7px;gap:1px;height:100%;display:flex;overflow:hidden;box-shadow:0 6px 14px -8px #00143c99}.op-tr i{height:100%;display:block}.op-ph{border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;margin:-2px 0 14px;padding:0 0 12px;display:grid}.op-ph[hidden]{display:none}.op-ph .op-tr{height:22px}.op-ph b{font-size:24px;line-height:1}.op-groups{column-width:340px;column-gap:26px}.op-g{break-inside:avoid;width:100%;margin:0 0 18px;display:inline-block}.op-gh{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:6px;display:grid}.op-gh b{font-size:16px}.op-gh .num{color:var(--gray);font-weight:700}.op-th{background:linear-gradient(135deg,#0e3a8a,#0b6b32) 50%/cover;border-radius:9px;justify-content:flex-end;align-items:flex-end;width:52px;height:38px;padding:3px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 14px -8px #000a2899}.op-th span{color:#fff;background:#00143ca6;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.op-th .ic{width:12px;height:12px}.op-ul{gap:3px;margin:0;padding:0 0 0 62px;list-style:none;display:grid}.op-ul li{font-size:15px}.op-ul a{color:var(--ink);font-weight:700;text-decoration:none}.op-ul a:hover{color:var(--link);text-decoration:underline}.op-ul .chip{display:none}.op-ideas{gap:22px;display:grid}.op-ih{color:var(--muted);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:22px;padding:0 18px;font-size:13.5px;font-weight:700;display:grid}.op-ig{border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--shadow);overflow:hidden}.op-igb{align-items:flex-end;gap:14px;height:130px;padding-bottom:26px}:root[data-theme=dark] .op-tr i,:root[data-theme=dark] .op-chart .legend i{box-shadow:inset 0 0 0 1px #ffffff73}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .op-tr i,:root:not([data-theme=light]) .op-chart .legend i{box-shadow:inset 0 0 0 1px #ffffff73}}.op-igb .credit{text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);font-size:11px;top:8px;bottom:auto;right:12px;overflow:hidden}@media (width<=760px){.op-igb{height:150px;padding-bottom:16px}.op-igb .credit{font-size:10px}}.op-igi{background:#ffffff2e;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 0 0 1px #ffffff52}.op-igi .ic{width:24px;height:24px}.op-idea{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:22px;padding:16px 18px;scroll-margin-top:90px;transition:background .15s;display:grid}.op-idea+.op-idea{border-top:1px solid var(--border)}@media (hover:hover) and (pointer:fine){.op-idea:hover{background:var(--bg-alt)}}.op-idea:target{background:var(--gold-tint)}.op-ind{display:none}.op-i1 b{font-size:17px;line-height:1.3;display:block}.op-i1 p{margin:4px 0 0;font-size:14.5px}.op-i1 .lede{margin:6px 0 0;font-size:14px}.op-ind{margin-top:8px}.op-i2{flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}.op-m{background:var(--bg-alt);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.op-m:hover{color:var(--link)}.op-i3{color:var(--gray);font-size:14px}@media (width<=1100px){.op-idea{grid-template-columns:minmax(0,1fr);gap:10px}.op-ih{display:none}.op-bar{grid-template-columns:40px 220px minmax(0,1fr)}}@media (width<=760px){.op-bar{grid-template-columns:36px minmax(0,1fr);gap:4px 10px}.op-tr{grid-column:2}.op-groups{column-count:1}.op-ul{padding-left:0}}
