@font-face{font-family:"SP Basteleur";src:url("/basteleur-bold.woff2");font-weight:700;font-display:swap}
.folio-chart-detail-entry{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px auto;max-width:95%}
.folio-chart-detail-entry[hidden]{display:none}
.folio-chart-detail-entry button,.folio-chart-detail button{min-height:44px;min-width:44px;padding:10px 14px;font:16px/1.25 var(--font-metadata,'SP Velvelyne',serif);color:#F3EAD7;background:#00243F;border:1px solid #BF865E;border-radius:4px}
.folio-chart-detail{box-sizing:border-box;width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 16px);max-height:none;margin:auto;padding:12px;color:#F3EAD7;background:#00243F;border:1px solid #BF865E;font:16px/1.3 var(--font-body,'SP Basteleur',serif);overflow:hidden}
.folio-chart-detail[open]{display:flex;flex-direction:column;gap:8px}
.folio-chart-detail::backdrop{background:rgb(0 15 28 / .85)}
.folio-chart-detail h2{font:18px/1.3 var(--font-label,'SP Basteleur Moonlight',serif);margin:0}
.folio-chart-detail header{display:flex;flex-wrap:wrap;gap:6px}
.folio-chart-detail p{margin:0;font:15px/1.3 var(--font-metadata,'SP Velvelyne',serif)}
.folio-chart-detail-viewport{overflow:auto;flex:1;min-height:0;width:100%;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#001c32}
.folio-chart-detail-viewport img{display:block;max-width:none;max-height:none;margin:auto;-webkit-touch-callout:default;user-select:auto;touch-action:auto}
.folio-chart-detail-viewport img[hidden]{display:none}
.folio-chart-detail button[hidden]{display:none}
.folio-chart-detail button:focus-visible,.folio-chart-detail-entry button:focus-visible{outline:2px solid #F3EAD7;outline-offset:2px}


/* One original ribbon action per chart; no duplicate close-up/caption controls.
   Keep an explicit close/return target for touch, keyboard and dialog dismissal. */
.folio-chart-detail-entry button[hidden]{display:none}
.folio-share-ribbon{position:relative!important;display:inline-block!important;width:min(230px,100%)!important;height:auto!important;aspect-ratio:23/11;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.folio-share-ribbon>img,.folio-share-ribbon>svg{display:block;width:100%;height:100%;pointer-events:none}
.folio-share-ribbon>svg{position:absolute;inset:0;overflow:visible}
.folio-chart-detail header{align-items:center;justify-content:center;position:relative}
.folio-chart-detail .folio-detail-close{position:absolute;right:0;top:0;background:none;border:0;font-size:30px;padding:0;min-width:44px;min-height:44px}
.folio-chart-detail-entry{max-width:100%;margin:0}
.folio-four-actions{gap:0!important;padding:0!important}

@font-face{font-family:"SP Velvelyne";src:url("/Velvelyne-Bold.woff2");font-weight:700;font-display:swap}
.folio-share-ribbon svg text{fill:#5c1625!important;font-family:"SP Velvelyne",serif!important;font-style:italic;font-weight:700}