.field-charts{border:1px solid #9bb8c6;border-radius:12px;background:#eef7fb;padding:12px;margin:16px 0}.field-charts summary{font-weight:750;color:#123c55;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.field-charts summary:before{content:'▸'}.field-charts[open] summary:before{content:'▾'}.field-chart-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.field-chart-actions a,.field-chart-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.field-chart-reader{box-sizing:border-box;width:min(1080px,calc(100vw - 20px));max-width:1080px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:16px;border:0;border-radius:14px;background:#f6f9fc;color:#183348;overflow:auto}.field-chart-reader::backdrop{background:#10283ccd}.field-chart-reader h2{margin:0 0 12px;font-size:1.2rem;overflow-wrap:anywhere}.field-chart-toolbar{position:sticky;top:-16px;z-index:1;background:#f6f9ccee;backdrop-filter:blur(6px);display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #becdd6}.field-chart-toolbar a,.field-chart-toolbar button{min-height:44px;font:inherit;font-weight:650;display:inline-flex;align-items:center;justify-content:center;border:1px solid #7c9cad;border-radius:8px;padding:8px 12px;background:#fff;color:#164662;text-decoration:none}.field-chart-toolbar button:disabled{opacity:.45}.field-chart-toolbar button:first-child{background:#123c55;color:#fff}.field-chart-page{min-width:54px;text-align:center;font-variant-numeric:tabular-nums}.field-chart-source{font-size:.85rem;line-height:1.5}.field-chart-viewport{width:100%;overflow:auto;background:#dce4eb;min-height:100px;padding:6px;box-sizing:border-box}.field-chart-viewport canvas{display:block;margin:auto;background:#fff;max-width:none}.field-chart-reader a:focus-visible,.field-chart-reader button:focus-visible{outline:3px solid #bc6d16;outline-offset:2px}@media(max-width:600px){.field-chart-reader{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;border-radius:0;padding:12px}.field-chart-toolbar{top:-12px}.field-chart-toolbar a,.field-chart-toolbar button{padding:8px;font-size:.9rem}.field-chart-actions>*{flex:1}.field-charts{padding:10px}}.field-chart-inline{margin:14px 0 8px;border:1px solid #a9bfcd;border-radius:10px;padding:10px;background:#fff;min-width:0}.field-chart-inline h2{font-size:1rem;margin:0 0 8px;overflow-wrap:anywhere}.field-chart-inline .field-chart-toolbar{position:static;background:#fff;padding:0 0 8px;backdrop-filter:none}.field-chart-inline .field-chart-viewport{max-height:min(65dvh,640px);overscroll-behavior:contain}.field-chart-inline .field-chart-source{font-size:.8rem}.field-chart-actions button[aria-pressed=true]{box-shadow:inset 0 -3px #173f55}.field-chart-preview{min-width:0}@media(max-width:600px){.field-chart-inline{padding:6px}.field-chart-inline .field-chart-toolbar a,.field-chart-inline .field-chart-toolbar button{padding:8px;font-size:.85rem}}.field-chart-portals{display:flex;flex-wrap:wrap;gap:12px}.field-chart-portal{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}.field-chart-portal a{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}.field-chart-tab{font-size:.85rem;color:#164662;text-decoration:underline;padding:2px 6px}.field-chart-portal a:focus-visible{outline:3px solid #bc6d16;outline-offset:2px}@media(max-width:600px){.field-chart-portals{flex-direction:column}.field-chart-portal{align-items:stretch}.field-chart-tab{justify-content:center}}