/* Instruction steps and FAQ share one vertical rhythm. */
html body#nw-web.page-docs .steps.section{margin-bottom:32px}
html body#nw-web.page-docs .steps + .section{margin-top:32px}
html body#nw-web.page-docs .step h2{margin-bottom:16px}
html body#nw-web.page-docs .step p:last-child{margin-bottom:0}
/* Anchor artwork independently of the expanding answer list. */
html body#nw-web.page-docs .docs-faq-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:48px;align-items:start;margin-top:40px}
html body#nw-web.page-docs .faq-list{position:relative;width:100%;max-width:none}
html body#nw-web.page-docs .docs-faq-art{width:100%;height:650px;object-fit:contain;align-self:start;margin-top:30px;mask-image:none;-webkit-mask-image:none}
html body#nw-web.page-docs .faq-list::before,html body#nw-web.page-docs .faq-list details::after{content:"";display:block;position:absolute;left:0;right:0;height:1px;background:var(--nw-fine-line,linear-gradient(90deg,transparent,rgba(184,197,232,.55) 24%,rgba(184,197,232,.55) 76%,transparent))!important;opacity:.6;pointer-events:none}
html body#nw-web.page-docs .faq-list::before{top:0}
html body#nw-web.page-docs .faq-list details::after{bottom:0}
html body#nw-web.page-docs .faq-list:not(:has(details:not([hidden])))::before{display:none}
@media(max-width:900px){html body#nw-web.page-docs .docs-faq-layout{grid-template-columns:minmax(0,1fr) 240px;gap:24px}html body#nw-web.page-docs .docs-faq-art{height:540px}}
@media(max-width:700px){
 html body#nw-web.page-docs .steps.section{margin-bottom:24px}
 html body#nw-web.page-docs .steps + .section{margin-top:24px}
 html body#nw-web.page-docs .docs-faq-layout{grid-template-columns:1fr;margin-top:32px}
 html body#nw-web.page-docs .docs-faq-art{height:420px;max-width:300px;justify-self:center;grid-row:1;margin-top:0}
}