.dxg-front .f-xp-art{background:var(--dxg-h-accent-07,var(--dxg-h-panel2));border:1px solid var(--dxg-h-line);border-radius:20px;padding:clamp(18px,2.4vw,32px);position:relative}.dxg-front .f-xp-art .f-illu{border-radius:8px}.dxg-front .f-xp-points{gap:18px;margin:0;padding:0;list-style:none;display:grid}.dxg-front .f-xp-points li{border-top:1px solid var(--dxg-h-line);grid-template-columns:30px 1fr;align-items:flex-start;gap:14px;padding-top:18px;display:grid}.dxg-front .f-xp-points li:first-child{border-top:0;padding-top:0}.dxg-front .f-xp-points i{background:var(--dxg-h-blue-soft);width:30px;height:30px;color:var(--dxg-h-blue);border-radius:9px;flex:none;place-items:center;display:grid}.dxg-front .f-xp-points p{color:var(--dxg-h-ink2);margin:0;font-size:15.5px;font-weight:300;line-height:1.55}.dxg-front .f-xp-example{grid-template-columns:minmax(0,.55fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.dxg-front .f-xp-q{font-family:var(--f-display);font-weight:var(--dxg-display-w2,500);letter-spacing:-.01em;color:var(--dxg-h-ink);margin:0;font-size:clamp(19px,1.8vw,24px)}.dxg-front .f-xp-q:before{content:"“"}.dxg-front .f-xp-q:after{content:"”"}.dxg-front .f-xp-source{font-family:var(--f-mono);color:var(--dxg-h-ink3);letter-spacing:.04em;margin-top:10px;font-size:11.5px}.dxg-front .f-xp-answer{background:var(--dxg-h-panel);border:1px solid var(--dxg-h-line);border-radius:16px;padding:20px 22px;position:relative}.dxg-front .f-xp-sample{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dxg-h-ink3);background:var(--dxg-h-panel2);border-radius:999px;padding:4px 10px;font-size:10.5px;position:absolute;top:14px;right:16px}.dxg-front .f-xp-answer .f-row{border-top:1px solid var(--dxg-h-line);color:var(--dxg-h-ink2);justify-content:space-between;gap:12px;padding:9px 0;font-size:14.5px;display:flex}.dxg-front .f-xp-answer .f-row:first-child{border-top:0}.dxg-front .f-xp-answer .f-row b{color:var(--dxg-h-ink);font-variant-numeric:tabular-nums;font-weight:500}.dxg-front .f-xp-note{color:var(--dxg-h-ink2);margin:14px 0 0;font-size:13.5px;line-height:1.5}.dxg-front .f-xp-note b{color:var(--dxg-h-ink);font-weight:600}.dxg-front .f-xp-proof{max-width:62ch;color:var(--dxg-h-ink2);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.55;display:flex}.dxg-front .f-xp-proof svg{color:var(--dxg-h-blue);flex:none;margin-top:2px}.dxg-front .f-xp-related{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.dxg-front .f-xp-related a{border:1px solid var(--dxg-h-line);color:var(--dxg-h-ink2);font-size:13px;font-family:var(--f-sans);border-radius:999px;align-items:center;gap:7px;padding:7px 14px 7px 10px;text-decoration:none;display:inline-flex}.dxg-front .f-xp-related a:hover{border-color:var(--dxg-h-blue);color:var(--dxg-h-blue)}.dxg-front .f-xp-related a svg{color:var(--dxg-h-blue)}.dxg-front .f-xp-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dxg-front .f-xp-topic{border:1px solid var(--dxg-h-line);color:inherit;background:var(--dxg-h-panel);border-radius:16px;align-items:flex-start;gap:14px;padding:20px;text-decoration:none;display:flex}.dxg-front .f-xp-topic:hover{border-color:var(--dxg-h-blue)}.dxg-front .f-xp-topic i{background:var(--dxg-h-blue-soft);width:34px;height:34px;color:var(--dxg-h-blue);border-radius:10px;flex:none;place-items:center;display:grid}.dxg-front .f-xp-topic b{color:var(--dxg-h-ink);font-size:15px;display:block}.dxg-front .f-xp-topic p{color:var(--dxg-h-ink2);margin:6px 0 0;font-size:13px;font-weight:300;line-height:1.5}.dxg-front .f-xp-changelog{gap:0;max-width:74ch;display:grid}.dxg-front .f-xp-entry{border-top:1px solid var(--dxg-h-line);padding:22px 0}.dxg-front .f-xp-entry:first-child{border-top:0;padding-top:0}.dxg-front .f-xp-entry time{font-family:var(--f-mono);color:var(--dxg-h-ink3);letter-spacing:.06em;font-size:11.5px}.dxg-front .f-xp-entry h3{color:var(--dxg-h-ink);margin:6px 0;font-size:18px;font-weight:600}.dxg-front .f-xp-entry p{color:var(--dxg-h-ink2);margin:0;font-size:14.5px;font-weight:300;line-height:1.6}.dxg-front .f-xp-release{grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}.dxg-front .f-xp-release .f-h2{max-width:13ch}.dxg-front .f-xp-setup{border:1px dashed var(--dxg-h-line2);background:var(--dxg-h-panel2);border-radius:16px;align-items:flex-start;gap:14px;padding:22px;display:flex}.dxg-front .f-xp-setup svg{color:var(--dxg-h-ink3);flex:none;margin-top:2px}.dxg-front .f-xp-setup b{color:var(--dxg-h-ink);margin-bottom:4px;font-size:14.5px;display:block}.dxg-front .f-xp-setup p{color:var(--dxg-h-ink3);margin:0;font-size:13.5px;line-height:1.55}.dxg-front .f-xp-qs{gap:14px;display:grid}.dxg-front .f-xp-qcard{border:1px solid var(--dxg-h-line);background:var(--dxg-h-panel);border-radius:14px;padding:16px 18px}.dxg-front .f-xp-qcard .f-xp-q{font-size:16px}.dxg-front .f-xp-qcard .f-xp-note{margin-top:8px}.dxg-front .f-xp-steps{counter-reset:xpstep;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);display:grid}.dxg-front .f-xp-step{align-content:start;gap:14px;display:grid}.dxg-front .f-xp-stepart{border:1px solid var(--dxg-h-line);background:var(--dxg-h-accent-07,var(--dxg-h-panel2));border-radius:16px;padding:12px}.dxg-front .f-xp-step b{color:var(--dxg-h-ink);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.dxg-front .f-xp-step b:before{counter-increment:xpstep;content:counter(xpstep);background:var(--dxg-h-blue-soft);width:24px;height:24px;color:var(--dxg-h-blue);font-family:var(--f-mono);border-radius:999px;flex:none;place-items:center;font-size:12px;display:grid}.dxg-front .f-xp-step p{color:var(--dxg-h-ink2);margin:0;font-size:14.5px;font-weight:300;line-height:1.55}.dxg-front .f-xp-spaceart{border:1px solid var(--dxg-h-line);background:var(--dxg-h-accent-07,var(--dxg-h-panel2));border-radius:20px;padding:clamp(14px,2vw,26px)}.dxg-front .f-xp-spacenote{color:var(--dxg-h-ink3);margin:12px 0 0;font-size:13px;line-height:1.5}.dxg-front .f-xp-faq{max-width:880px}.dxg-front .f-xp-faq.f-faq{grid-template-columns:minmax(0,1fr)}@media (max-width:900px){.dxg-front .f-xp-example,.dxg-front .f-xp-steps{grid-template-columns:minmax(0,1fr)}.dxg-front .f-xp-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.dxg-front .f-xp-release{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.dxg-front .f-xp-topics{grid-template-columns:minmax(0,1fr)}}