/* Guides (content/): the docs page's own layout, steps and questions, from site/Sphoton Docs.html. */
.dc-steps{counter-reset:st;list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:10px}
.dc-steps li{counter-increment:st;position:relative;padding:12px 16px 12px 52px;border:1px solid rgba(159,176,196,.18);border-radius:10px;background:rgba(159,176,196,.035)}
.dc-steps li::before{content:counter(st,decimal-leading-zero);position:absolute;left:16px;top:13px;font:500 12px "JetBrains Mono",monospace;color:#7F77DD}
.dc-steps b{color:#FAFAF9}
.dc-faq details{border-bottom:1px solid rgba(159,176,196,.16);padding:12px 0}
.dc-faq summary{cursor:pointer;font-weight:600;color:#FAFAF9;list-style:none}
.dc-faq summary::after{content:"+";float:right;font-family:"JetBrains Mono",monospace;color:#7F77DD}
.dc-faq details[open] summary::after{content:"–"}
.dc-faq details p{margin:10px 0 0}
.lg-docs .lg-hero-in{grid-template-columns:minmax(0,1fr);padding:clamp(28px,5vh,56px) 0 clamp(24px,4vh,40px)}
.lg-docs .lg-hero h1{font-size:clamp(34px,4vw,52px)}
.lg-docs .lg-wrap{grid-template-columns:220px minmax(0,1fr);max-width:1180px;justify-content:stretch}
.lg-docs .lg-doc{max-width:860px}
.lg-docs .lg-doc>section{padding-left:0}
.lg-docs .lg-doc>section::before{display:none}
@media(max-width:860px){.lg-docs .lg-wrap{grid-template-columns:minmax(0,1fr)}}