/* Carbon drawer (63-carbon-drawer.js): docked on the right like the furniture editor */
.co-drawer{position:fixed;top:72px;right:14px;bottom:14px;width:min(380px,calc(100vw - 28px));z-index:45;display:flex;flex-direction:column;
  background:#f7f4ef;color:#14203a;border:1px solid var(--stroke-strong);border-radius:18px;box-shadow:0 24px 60px rgba(10,20,40,.28);
  transition:translate .3s var(--ease-out,ease),opacity .25s ease}
.co-drawer[hidden]{display:flex;translate:calc(100% + 30px) 0;opacity:0;pointer-events:none}
:root[data-theme="dark"] .co-drawer{background:#1b2130;color:#e9edf3}
.co-head{display:flex;justify-content:space-between;gap:10px;padding:16px 16px 10px;border-bottom:1px solid var(--stroke)}
.co-head h2{margin:0;font-size:16px;font-weight:700}
.co-head p{margin:2px 0 0;font-size:11.5px;color:var(--mut)}
.co-x{width:30px;height:30px;flex:none;border-radius:9px;border:1px solid var(--stroke-strong);background:rgba(var(--ov),.05);color:inherit;cursor:pointer}
.co-body{flex:1;overflow-y:auto;padding:14px 16px 18px;display:flex;flex-direction:column;gap:16px}
.co-big{font-size:26px;font-weight:750;letter-spacing:-.01em}
.co-sub{margin:0 0 8px;font-size:11.5px;color:var(--mut)}
.co-split{display:flex;height:12px;border-radius:6px;overflow:hidden;background:rgba(var(--ov),.08)}
.co-split i{display:block;height:100%}
.co-split .emb,.co-legend .emb::before{background:#b25200}
.co-split .op,.co-legend .op::before{background:#3f7fbf}
.co-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:11.5px}
.co-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.co-sec h3{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.co-lab{font-size:11.5px;margin:8px 0 5px}
.co-bars{display:flex;flex-direction:column;gap:7px}
.co-bar{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12px;align-items:baseline}
.co-bar b{font-variant-numeric:tabular-nums;font-weight:650}
.co-bar i{grid-column:1/-1;height:6px;border-radius:3px;background:rgba(var(--ov),.08);overflow:hidden}
.co-bar u{display:block;height:100%;border-radius:3px;background:#b25200;text-decoration:none}
.co-sec:nth-of-type(3) .co-bar u{background:#3f7fbf}
.co-note,.co-tip,.co-fine{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:var(--mut)}
.co-tip{color:inherit;background:rgba(242,160,61,.14);border-radius:8px;padding:6px 9px}
.co-fine{font-size:10.5px}
.co-open{margin-top:10px;width:100%;height:34px;border-radius:10px;border:1px solid var(--stroke-strong);background:rgba(var(--ov),.05);color:var(--txt);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.co-open:hover{border-color:var(--amber)}
@media (max-width:720px){.co-drawer{top:auto;left:10px;right:10px;width:auto;height:66vh}}
