/* User-requested practical tables: shared outlines, no fill, retained text pairs. */
.article-detail #article-text .kb-practical-block{margin-block:var(--space-10);color:var(--ink)}
.article-detail #article-text .kb-practical-head{display:flex;align-items:center;gap:var(--space-3)}
.article-detail #article-text .kb-practical-head>div{min-width:0}
.article-detail #article-text .kb-practical-head h2{margin:0}
.kb-practical-icon{width:var(--space-6);height:var(--space-6);flex:none;color:var(--orange)}
.article-detail #article-text .kb-practical-body{margin-top:var(--space-4)}
.article-detail #article-text .kb-practical-body>p{margin:0 0 var(--space-6);color:var(--muted)}
/* Scoped direct table amendments: transparent surface and the selected text split. */
:root .article-detail #article-text .article-table-scroll.kb-practical-table{background:transparent}
:root .article-detail #article-text .article-table-scroll.kb-practical-table table:not(:has(tr > :nth-child(3))) tr>:first-child{width:45%}
.kb-practical-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.kb-practical-rows{counter-reset:practical-item}
.kb-practical-row{counter-increment:practical-item}
.kb-practical-lead{display:grid;grid-template-columns:var(--space-6) minmax(0,1fr);gap:var(--space-4)}
.kb-practical-index{margin-top:var(--space-2);color:var(--orange)}
.kb-practical-index::before{content:counter(practical-item,decimal-leading-zero)}
.article-detail #article-text .kb-practical-table h3{margin:0}
.article-detail #article-text .kb-practical-table p{margin:0;color:var(--muted)}
@media(max-width:760px){.article-detail #article-text .kb-practical-block{margin-block:var(--space-8)}}
@media(max-width:640px){
 :root .article-detail #article-text .article-table-scroll.kb-practical-table tbody tr{background:transparent}
 .kb-practical-lead{display:block}
 .kb-practical-index{display:block;margin:0 0 var(--space-2)}
}
