/* Technical guides: match native ScreenSoft Docs typography and article layout. */
.technical-guide-content .guide-section{margin:30px 0;padding:0;background:transparent;border:0;border-radius:0}
.technical-guide-content .guide-section h2{margin:28px 0 14px}
.technical-guide-content .guide-plain-steps{list-style:decimal outside;padding-left:1.65rem;margin:18px 0 24px;line-height:1.75}
.technical-guide-content .guide-plain-steps li{display:list-item;margin:0 0 12px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;counter-increment:none}
.technical-guide-content .guide-plain-steps li::before{display:none!important;content:none!important}
.technical-guide-content .technical-notice{margin:22px 0;padding:12px 0;background:transparent;border:0;border-radius:0;font-weight:500}
.technical-guide-content .guide-related{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.technical-guide-content .guide-related a{padding:0;border:0;background:none;text-decoration:underline}
.technical-guide-content p{line-height:1.7}
.technical-video-frame{margin:24px 0;max-width:100%}
.technical-video-frame img{display:block;max-width:100%;height:auto;max-height:680px;object-fit:contain;margin:auto;border:1px solid #dbe3ed;border-radius:8px}
.technical-video-frame figcaption{font-size:.85rem;color:#64748b;line-height:1.5;margin-top:8px}
.hw-requirements-table th,.hw-requirements-table td{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.hw-requirements-table th:first-child{min-width:190px}
.hw-table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:650px){.technical-guide-content .guide-related{display:block}.technical-guide-content .guide-related a{display:block;margin:8px 0}}

/* Plain numbered procedures, shared by the five technical guides. */
.technical-guide-content .normalized-procedure>li{margin-bottom:24px;min-width:0;scroll-margin-top:120px}
.technical-guide-content .normalized-procedure>li>p:first-child{margin-top:0}
.technical-guide-content .normalized-procedure .procedure-action{font:inherit;color:inherit;font-weight:400;margin:0 0 10px}
.technical-guide-content .normalized-procedure>li>img{display:block;max-width:100%;height:auto;margin:18px 0}
.technical-guide-content .normalized-procedure figure{max-width:100%}

/* Getting started: compact, equal-height technical overview cards. */
.technical-overview-cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
.technical-overview-cards>.card{height:100%;box-sizing:border-box}
.getting-started-principle>p{margin:8px 0 0}
.system-layers-figure{max-width:680px;margin:24px auto}
.system-layers-figure img{max-width:100%;height:auto}
@media(max-width:800px){.technical-overview-cards{grid-template-columns:1fr}}

/* Compact system overview: text left, portrait illustration right. */
.system-layers-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:28px;align-items:center;margin:22px 0 26px}
.system-layers-text{min-width:0}
.system-layers-text>ul{padding-left:1.3em;margin:0 0 20px}
.system-layers-text>ul>li{margin-bottom:14px}
.system-layers-text>.system-layers-choice{margin:0}
.system-layers-overview>.system-layers-figure{width:100%;max-width:290px;margin:0;justify-self:center}
.system-layers-overview>.system-layers-figure img{display:block;width:100%;height:auto}
.system-layers-overview+.getting-started-principle{clear:both;margin-top:24px}
@media(max-width:640px){
 .system-layers-overview{grid-template-columns:minmax(0,1fr);gap:20px}
 .system-layers-overview>.system-layers-figure{max-width:280px}
}