.article-demo{position:relative;min-width:0;color:#393939}.dxs .article-demo>.article-demo-hint{margin:-12px auto 32px;max-width:560px;color:#6e6e73;font:400 15px/1.6 var(--sans);text-align:center;text-wrap:balance}.article-demo-device{width:min(1160px,100%);height:clamp(420px,55vw,660px);margin-inline:auto;padding:12px;border:1px solid #555558;border-radius:36px;background:#242426;box-shadow:0 2px 3px #0000001a,0 24px 60px -28px #1d1d1f40}.article-demo-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;min-width:0;overflow:clip;border-radius:24px;background:#fff}.article-demo-reading{min-width:0;min-height:0;overflow-y:auto;padding:48px 44px;scrollbar-width:thin;scrollbar-gutter:stable}.article-demo-reader{position:relative;max-width:680px;margin-inline:auto}.dxs .article-demo-reader>section{margin-bottom:32px}.dxs .article-demo-reader .article-demo-source{margin:0;font:400 clamp(20px,1.6vw,23px)/1.8 var(--serif)}.article-demo-reader [data-article-interlinear-spacing]{line-height:var(--article-interlinear-line-height)!important}.article-demo-reader [data-word]{cursor:pointer;border-radius:5px;scroll-margin-top:84px}.article-demo-reader [data-word]:hover{background:#fbe6ad;padding:1px 4px;margin:-1px -4px}.article-demo-reader [data-word]:focus-visible{outline:2px solid #1d1d1f;outline-offset:3px}.article-demo-phrase{cursor:pointer;scroll-margin-top:84px}.article-demo-phrase:hover{opacity:.7}.article-demo-phrase:focus-visible{outline:2px solid #1d1d1f;outline-offset:3px}.article-demo-phrase>span{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.32em}.article-demo-phrase[data-article-preset-gloss]>span{text-decoration-line:none}.article-demo-interlinear{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;user-select:none;overflow:visible}.dxs .article-demo-reader>svg{stroke:none}.article-demo-saved{display:none;min-width:0;min-height:0;overflow-y:auto;padding:48px 16px 48px 0;scrollbar-width:thin;scrollbar-gutter:stable;font-family:var(--sans);font-size:14px}.dxs .article-demo-saved p{margin:4px 0 0;font:400 14px/1.45 var(--sans)}@media (min-width:1200px){.article-demo-layout.has-saved{grid-template-columns:minmax(0,1fr) 280px}.article-demo-saved{display:block;position:absolute;grid-column:2;grid-row:1;inset:0}}@media (max-width:1199px){.article-demo-reading{-webkit-mask-image:linear-gradient(180deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(180deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}}@media (max-width:760px){.article-demo-device{padding:8px;border-radius:26px}.article-demo-layout{border-radius:18px}.article-demo-reading{padding:28px 22px}.dxs .article-demo-reader .article-demo-source{font-size:20px}}.article-demo-saved .flex{flex-wrap:wrap;column-gap:8px;row-gap:2px}.article-demo-saved .font-semibold{overflow-wrap:anywhere}.article-demo-translation-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-inline-start:6px;padding:0;border:0;border-radius:6px;background:transparent;color:#6e6e73;vertical-align:baseline;cursor:pointer}.article-demo-translation-toggle:hover,.article-demo-translation-toggle[aria-expanded=true]{color:#1d1d1f;background:#f5f5f7}.dxs .article-demo-reader .article-demo-translation{margin:8px 0 0;padding-left:12px;border-left:1px solid #3a3a3a;color:#7d7d7d;font:400 16px/28px var(--sans);text-align:start}