.dx-explain,.dx-dimensions,.dx-action{--dx-ink:var(--text,#191d22);--dx-muted:var(--muted,#606874);--dx-line:var(--border,#d4d8dd);--dx-accent:var(--primary,#c44120);color:var(--dx-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}.dx-explain *,.dx-dimensions *,.dx-action *{box-sizing:border-box}.dx-explain{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.dx-media{display:grid;gap:20px}.dx-media figure{margin:0;min-width:0}.dx-media img{display:block;width:100%;height:310px;object-fit:contain;background:#f5f6f7;padding:18px}.dx-media figcaption,.dx-dimensions figcaption{font-size:12px;line-height:1.7;color:var(--dx-muted);margin-top:12px}.dx-copy h3{font-size:26px;line-height:1.4;margin:0 0 16px}.dx-copy p{font-size:15px;line-height:1.85;color:var(--dx-muted);margin:0 0 22px}.dx-copy a{display:inline-block;min-height:44px;padding:10px 0;color:var(--dx-ink);text-underline-offset:5px;font-size:14px}.dx-explain[data-variant=pair]{display:block}.dx-explain[data-variant=pair] .dx-media{grid-template-columns:1fr 1fr;gap:24px}.dx-explain[data-variant=pair] .dx-copy{border-top:1px solid var(--dx-line);margin-top:24px;padding-top:24px;max-width:850px}.dx-explain[data-variant=annotated]{grid-template-columns:1.4fr 1fr;align-items:start}.dx-explain[data-variant=annotated] .dx-media{grid-template-columns:1fr 1fr;gap:14px}.dx-explain[data-variant=annotated] .dx-media figure:nth-child(2){margin-top:48px}.dx-explain[data-variant=annotated] .dx-media img{height:270px}.dx-explain[data-variant=annotated] figcaption{border-left:2px solid var(--dx-accent);padding-left:10px}.dx-explain[data-variant=annotated] .dx-copy{padding-top:48px}.dx-dimensions{margin:0;max-width:760px}.dx-dimensions h3{font-size:20px;margin:0 0 24px}.dx-plane{position:relative;width:100%;max-width:330px;margin:0 auto}.dx-shape{position:absolute;bottom:0;left:0;display:grid;place-items:center;border:2px solid var(--dx-accent);background:#fcf0eb;color:var(--dx-ink)}.dx-shape-1{border-style:dashed;background:#eef1f3;border-color:#64707d}.dx-shape span{font-size:13px;text-align:center;padding:10px}.dx-shape strong{display:block;font-size:17px;margin-top:6px}.dx-dimensions[data-variant=overlay] .dx-shape-1 span{align-self:start;padding-top:6px;font-size:11px}.dx-dimensions[data-variant=overlay] .dx-shape-1 strong{font-size:11px;margin:2px 0}.dx-side{display:grid;grid-template-columns:1fr 1fr;gap:28px}.dx-legend{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;margin:22px 0 12px}.dx-legend i{display:inline-block;width:10px;height:10px;margin-right:7px;background:var(--dx-accent)}.dx-legend .dx-key-1{background:#64707d}.dx-bars{display:grid;gap:24px}.dx-bars>div>span{display:block;font-size:14px;margin-bottom:8px}.dx-bar{background:#fcf0eb;border-left:3px solid var(--dx-accent);padding:12px;font-size:16px;font-weight:650}.dx-bar-1{background:#eef1f3;border-color:#64707d}.dx-bars small{display:block;font-size:12px;color:var(--dx-muted);margin-top:6px}.dx-action{background:white;border-top:1px solid var(--dx-line);padding:12px 18px calc(12px + env(safe-area-inset-bottom));z-index:30}.dx-action[hidden]{display:none!important}.dx-action:not([data-demo]){display:none;position:fixed;bottom:0;left:0;right:0}.dx-action-name{font-size:12px;font-weight:650;display:block;margin-bottom:9px}.dx-action>div{display:flex;gap:12px;align-items:stretch}.dx-action a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;font-size:13px;line-height:1.4;text-decoration:none;border-radius:3px;padding:10px 12px}.dx-action .dx-secondary{color:var(--dx-ink);border:1px solid var(--dx-line);flex:1}.dx-action .dx-primary{color:#fff;background:var(--dx-accent);flex:1.3;gap:8px}.dx-action[data-variant=compact] .dx-action-name{display:none}.dx-action[data-variant=floating]{border:1px solid var(--dx-line);border-radius:12px;box-shadow:0 4px 22px #0002}.dx-action[data-variant=floating]:not([data-demo]){left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding-bottom:12px}.dx-action :focus-visible,.dx-explain :focus-visible{outline:3px solid var(--dx-accent);outline-offset:4px}
@media(max-width:760px){.dx-explain,.dx-explain[data-variant=annotated]{grid-template-columns:1fr;gap:24px}.dx-copy h3{font-size:22px}.dx-media img{height:240px}.dx-explain[data-variant=pair] .dx-media{gap:14px}.dx-explain[data-variant=pair] .dx-media img,.dx-explain[data-variant=annotated] .dx-media img{height:200px;padding:12px}.dx-explain[data-variant=annotated] .dx-copy{padding-top:0}.dx-side{gap:15px}.dx-shape strong{font-size:13px}.dx-shape span{font-size:11px}.dx-dimensions[data-variant=overlay] .dx-plane{max-width:300px}.dx-action:not([data-demo]):not([hidden]){display:block}.dx-has-action{padding-bottom:calc(114px + env(safe-area-inset-bottom))!important}.dx-has-action :is(section,div)[id]{scroll-margin-bottom:125px}}
@media print{.dx-action{display:none!important}.dx-has-action{padding-bottom:0!important}}