/* Adapted from spron-app ArticleWorkspace, StatusIcon and ContentScoreCard. */
#feature-details .fd-card--languages-duplicate .fd-scene--mapping {
  box-sizing:border-box;height:600px;padding:60px 60px 0 0;overflow:hidden;background:#b8eaff;
}
.fd-editor-preview {
  container-type:inline-size;box-sizing:border-box;display:flex;flex-direction:column;
  width:100%;height:100%;min-width:0;overflow:hidden;border:0;
  border-radius:0 14px 0 0;background:#fff;color:#171717;font-size:12px;line-height:1.45;
  text-align:left;box-shadow:0 6px 20px #00000006;
}
.fd-editor-preview *, .fd-editor-preview *::before, .fd-editor-preview *::after{box-sizing:border-box}
.fd-editor-preview svg{display:block;flex-shrink:0;width:16px;height:16px;fill:currentColor}
.fd-editor-preview button{font-family:inherit;cursor:pointer}
.ep-topbar{position:relative;z-index:2;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;height:46px;padding:0 12px;border-bottom:1px solid #e9e9e9;white-space:nowrap;transform:scale(1.1);transform-origin:top right}
.ep-topbar-status,.ep-topbar-actions{display:flex;align-items:center;gap:8px}
.ep-topbar-status{margin-left:50px}
.ep-status{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1;font-weight:550;letter-spacing:-.15px}
.ep-status-icon{position:relative;display:inline-flex;width:16px;height:16px;color:#111}
.ep-status-icon>i{position:absolute;bottom:0;right:-1px;display:grid;place-items:center;width:7px;height:7px;background:#00b26f;color:#fff;border-radius:50%;box-shadow:0 0 0 1px #fff}
.ep-status-icon>i svg{width:6px;height:6px}
.ep-divider{height:14px;width:1px;background:#e2e2e2}
.ep-icon,.ep-export,.ep-republish{display:flex;align-items:center;justify-content:center;height:27px;border:1px solid #ebebeb;border-radius:7px;background:#fff;color:#333;font-size:9px;line-height:1;font-weight:550}
.ep-icon{width:27px}.ep-icon svg{width:14px;height:14px}
.ep-export{gap:5px;padding:0 8px}.ep-export svg{width:12px;height:12px;color:#888}
.ep-republish{padding:0 9px;border-color:#f0f0f0;background:#f0f0f0;color:#999}
.ep-workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);flex:1;min-height:0;overflow:hidden}
.ep-article{position:relative;left:-60px;width:calc(100% + 60px);min-width:0;padding:40px 70px 18px 0;overflow:hidden}
.ep-article::after{content:"";position:absolute;inset:40% 0 0;z-index:1;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.8) 35%,rgba(255,255,255,0) 100%);pointer-events:none}
.fd-editor-preview .ep-article p{margin:0 0 11px;font-size:12px;line-height:1.7;font-weight:400;color:#343434}
.fd-editor-preview .ep-article h4{margin:17px 0 8px;font-size:16px;line-height:1.32;font-weight:650;letter-spacing:-.4px;color:#111}
.ep-article mark{background:transparent;color:inherit;border-bottom:1px solid #93d9bf;transition:background .22s,border-color .22s}
.ep-article mark.is-highlighted{background:#d6f5e7;border-color:#00b26f}
.fd-editor-preview .ep-article ol{margin:0 0 11px;padding-left:18px;font-size:12px;line-height:1.65;color:#343434}
.ep-article li{padding-left:2px;margin-bottom:4px}
.ep-insights{position:relative;z-index:1;min-width:0;margin-top:4px;overflow:hidden;border-left:1px solid #e5e5e5;background:#fff;transform:scale(1.1);transform-origin:top right}
.ep-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:190px;height:33px;margin:20px 20px 0;padding:1px;border-radius:9px;background:#f5f5f5}
.ep-tabs span{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;border:1px solid transparent;border-radius:8px;color:#999;font-size:11px;line-height:1;font-weight:550;letter-spacing:-.2px;white-space:nowrap}
.ep-tabs svg{width:14px;height:14px}
.ep-tabs .is-active{border-color:#ebebeb;background:#fff;color:#111;box-shadow:0 1px 2px #0000000a}
.ep-score-block{padding:8px 20px 20px}
.ep-score{position:relative;width:180px;max-width:100%;height:106px;margin:0 auto 12px}
.fd-editor-preview .ep-score>svg{width:100%;height:100%;overflow:visible;fill:none}
.ep-score-track,.ep-score-arc{fill:none;stroke-width:16;stroke-linecap:butt}
.ep-score-track{stroke:#f0f0f0}.ep-score-arc{stroke:#10b981}
.ep-score>div{position:absolute;inset:44px 0 auto;height:52px;display:flex;flex-direction:column;align-items:center}
.ep-score strong{font-size:29px;line-height:1.15;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.ep-score span{margin-top:4px;font-size:11px;line-height:1.2;font-weight:550}
.ep-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ep-stats>div{padding:9px 2px;border:1px solid #e5e5e5;border-radius:14px;background:#fff;text-align:center}
.ep-stats b,.ep-stats span{display:block;font-variant-numeric:tabular-nums}
.ep-stats b{font-size:12px;line-height:1.2;font-weight:600;letter-spacing:-.3px}
.ep-stats span{margin-top:5px;font-size:9px;line-height:1.2;color:#000}
.ep-topic:focus-visible,.ep-panel-section summary:focus-visible{outline:2px solid #057cf5;outline-offset:2px}
.ep-panel-section{border-top:1px solid #e7e7e7}
.ep-panel-section summary{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 20px;cursor:pointer;list-style:none;color:#262626;font-size:11px;line-height:1.4;font-weight:600}
.ep-panel-section summary::-webkit-details-marker{display:none}
.ep-panel-section summary svg{width:14px;height:14px;color:#777;transition:transform .2s}
.ep-panel-section:not([open]) summary svg{transform:rotate(180deg)}
.ep-coverage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:8px 20px 20px;text-align:center}
.ep-metric{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;font-size:8px;line-height:1.2;color:#000}
.ep-metric-ring{position:relative;display:grid;place-items:center;width:29px;height:29px}
.fd-editor-preview .ep-metric-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none}
.ep-ring-track{stroke:#f0f0f0;stroke-width:5;fill:none}
.ep-ring-fill{stroke-width:5;fill:none;stroke-linecap:butt}
.ep-metric-ring b{position:relative;font-size:9px;font-weight:650;line-height:1;color:#333;font-variant-numeric:tabular-nums}
.ep-topic-list{display:flex;flex-wrap:wrap;gap:5px;padding:6px 12px 18px}
.fd-editor-preview .ep-topic{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 7px;border:1px solid #e2e2e2;border-radius:100px;background:#fff;color:#000;font-size:9px;font-weight:400;line-height:1.25;white-space:nowrap;transition:background .2s,border-color .2s}
.ep-topic>i{display:grid;place-items:center;flex-shrink:0;width:9px;height:9px;border-radius:50%;background:#00b26f;color:#fff}
.ep-topic>i svg{width:7px;height:7px}.ep-topic.is-missing>i{background:#9747ff}
.ep-topic:hover,.ep-topic:focus-visible{background:#f4fbf7;border-color:#98d8b9}
.fd-editor-preview.is-animating .ep-topic{animation:ep-topic-reveal .36s both;animation-delay:var(--ep-delay)}
@keyframes ep-topic-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@container (max-width:400px){
  .ep-insights{transform:none}
  .ep-topbar{height:40px;padding:0 8px;gap:5px;transform:none}.ep-topbar-status,.ep-topbar-actions{gap:5px}.ep-topbar-status{margin-left:0}.ep-status{font-size:8px}.ep-topbar-actions .ep-icon{display:none}.ep-export,.ep-republish{font-size:8px;padding:0 6px;height:24px}
  .ep-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.ep-article{position:relative;left:auto;width:auto;padding:12px 10px}.fd-editor-preview .ep-article p,.fd-editor-preview .ep-article ol{font-size:10px;line-height:1.6;margin-bottom:9px}.fd-editor-preview .ep-article h4{font-size:13px;margin:13px 0 7px}.ep-article li,.ep-article h4:nth-of-type(2),.ep-article p:last-child{display:none}
  .ep-tabs{width:auto;margin:9px 6px 0;height:29px}.ep-tabs span{font-size:9px;gap:3px}.ep-tabs svg{width:11px;height:11px}.ep-score-block{padding:13px 8px 11px}.ep-score{height:91px;margin-bottom:10px}.ep-score>div{inset:36px 0 0;height:auto}.ep-score strong{font-size:24px}.ep-score span{font-size:9px}.ep-stats{gap:3px}.ep-stats b{font-size:10px}.ep-stats span{font-size:7px}
  .ep-panel-section summary{padding:11px 8px 8px;font-size:10px}.ep-coverage{padding:7px 5px 12px;gap:1px}.ep-metric{font-size:6px}.ep-metric-ring{width:23px;height:23px}.ep-metric-ring b{font-size:7px}.ep-topic-list{padding:5px 8px 14px;gap:4px}.fd-editor-preview .ep-topic{font-size:8px;padding:4px 5px;gap:4px}.ep-topic:nth-child(n+9){display:none}
}
@media(max-width:700px){#feature-details .fd-card--languages-duplicate .fd-scene--mapping{height:530px;padding:24px 12px 0 0}}
@media(prefers-reduced-motion:reduce){.fd-editor-preview *{animation:none!important;transition:none!important}}