.chart-guide{min-width:0;max-width:1160px!important}.chart-guide p{font-size:1rem;line-height:1.7}.chart-guide .chart-intro{max-width:720px}.chart-guide .chart-directory{flex-wrap:wrap;gap:8px;margin:28px 0;display:flex}.chart-directory a{color:#222;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;text-decoration:none}.chart-directory a:hover{color:#fff;background:#111}.chart-tag{letter-spacing:.12em;color:#b43210;font:600 12px monospace}.chart-lab{background:#fff;border:1px solid #d6d6d6;min-width:0;margin:36px 0}.chart-lab-top{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.chart-lab h2{letter-spacing:-.035em;margin:10px 0!important;font-size:clamp(24px,3vw,36px)!important}.chart-lab-top p{margin:0}.chart-lab button{color:#fff;cursor:pointer;background:#111;border:1px solid #111;min-height:44px;padding:10px 14px;font-size:14px}.chart-lab button:hover{background:#333}.chart-lab :is(button,select,input,summary):focus-visible{outline-offset:3px;outline:3px solid #2563eb}.chart-lab-layout{grid-template-columns:220px minmax(0,1fr);display:grid}.chart-controls{background:#f6f6f6;border-right:1px solid #ddd;flex-direction:column;gap:22px;padding:20px;display:flex}.chart-controls label{color:#222;flex-direction:column;gap:8px;font-size:14px;display:flex}.chart-controls select{width:100%;min-width:0;font:inherit;color:#111;background:#fff;border:1px solid #bbb;padding:10px 8px}.chart-controls fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.chart-controls legend{margin-bottom:12px;font-size:14px;font-weight:700}.chart-controls fieldset:disabled{opacity:.45}.chart-controls .chart-toggle{flex-direction:row;align-items:center}.chart-controls input[type=checkbox]{accent-color:#171717;width:18px;height:18px}.chart-controls input[type=range]{accent-color:#d63b12;width:100%}.chart-controls .chart-control-note{color:#606060;margin:0;font-size:13px}.chart-stage{min-width:0;padding:24px;overflow:hidden}.chart-stage figcaption>strong{font-size:18px}.chart-stage figcaption p{color:#555;margin:8px 0 20px;font-size:14px}.chart-stage details{border-top:1px solid #ddd;padding-top:12px}.chart-stage summary{cursor:pointer;padding:8px 0;font-size:14px}.chart-stage table{border-collapse:collapse;width:100%;font-size:14px}.chart-stage :is(th,td){text-align:left;white-space:nowrap;border-bottom:1px solid #ddd;padding:10px}.chart-stage caption{text-align:left;padding:14px 10px;font-weight:600}.chart-stage .chart-engine{color:#555;border-top:1px solid #ddd;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;font:12px monospace;display:flex}.chart-code{border-top:1px solid #ddd;min-width:0;padding:20px}.chart-code summary{cursor:pointer;font-size:14px}.chart-code button{margin:15px 10px 15px 0}.chart-code pre{color:#f4f4f4;background:#111;max-width:100%;max-height:440px;padding:20px;font-size:13px;line-height:1.6;overflow:auto}.chart-guide-section{border-top:1px solid #ddd;min-width:0;padding:36px 0;scroll-margin-top:100px}.chart-guide-section h2{font-size:28px!important}.chart-guide-section h3{margin-top:28px;font-size:19px}.chart-guide-section pre{max-width:100%;overflow:auto}.chart-coverage{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chart-coverage>div{background:#f6f6f6;border:1px solid #ddd;padding:20px}.chart-coverage h3{margin:0;font-size:16px}.chart-coverage p{font-size:14px}.chart-doc-banner{color:#fff;background:#111;justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 48px);max-width:1440px;margin:28px auto;padding:28px;display:flex}.chart-doc-banner a{color:#fff;text-underline-offset:5px}.chart-doc-banner p{color:#ccc;font-size:16px}.chart-guide .docs-note{font-size:16px}@media (max-width:1050px){.chart-lab-layout{grid-template-columns:1fr}.chart-controls{border-bottom:1px solid #ddd;border-right:0;grid-template-columns:1fr 1fr;display:grid}.chart-controls>label{grid-column:1/-1}}@media (max-width:520px){.chart-lab-top,.chart-doc-banner{flex-direction:column;align-items:flex-start}.chart-lab-top,.chart-stage,.chart-controls,.chart-code{padding:14px}.chart-controls,.chart-coverage{grid-template-columns:1fr}.chart-directory a{font-size:14px}.chart-stage{padding:8px}.chart-lab{margin:24px 0}.chart-guide h1{font-size:38px!important}}
