/* Explanatory artwork follows the shared Rhino diagram language. */
.kht-dark .kht-command-figure{margin:24px 0 28px;min-width:0;}
.kht-command-figure__pair{display:flex;flex-wrap:wrap;gap:16px;}
.kht-command-figure__panel{flex:1 1 200px;min-width:0;}
.kht-command-figure__panel svg{display:block;width:100%;height:auto;max-height:300px;}
.kht-dark .kht-command-figure__label{margin:0 0 8px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--text-inverse);}
.kht-dark .kht-command-figure figcaption p{margin:10px 0;font-size:14px;font-weight:400;line-height:1.6;}
.kht-dark .kht-command-figure__legend{color:var(--graygreen-300);}
.kht-command-figure__legend span{color:var(--neon-400,#dcfb55);}
.kht-dark .kht-command-figure a{font-size:13px;color:var(--text-inverse);text-decoration:underline;text-underline-offset:3px;}
.kht-dark .kht-command-figure a:hover{color:var(--neon-400,#dcfb55);}
.kht-dark .kht-node-flow{margin:24px 0;min-width:0;}
.kht-node-flow__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);gap:12px;align-items:center;}
.kht-dark .kht-node-flow__group p{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;margin:0 0 8px;color:var(--graygreen-300);}
.kht-dark .kht-node-flow__group ul{margin:0;padding:0;list-style:none;}
.kht-dark .kht-node-flow__group li{padding:7px 0;border-bottom:1px solid rgba(247,245,239,.18);font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
.kht-node-flow__operation{display:flex;align-items:center;gap:8px;justify-content:center;text-align:center;min-width:0;}
.kht-dark .kht-node-flow__operation strong{font-size:14px;color:var(--neon-400,#dcfb55);overflow-wrap:anywhere;}
.kht-node-flow__operation span{color:var(--neon-400,#dcfb55);}
.kht-dark .kht-node-flow figcaption{margin-top:12px;font-size:12px;line-height:1.5;color:var(--graygreen-300);}
@media(max-width:600px){
 .kht-node-flow__layout{grid-template-columns:1fr;gap:10px;}
 .kht-node-flow__operation{flex-direction:column;gap:4px;}
 .kht-node-flow__operation span{transform:rotate(90deg);}
 .kht-command-figure__panel{flex-basis:220px;}
}

/* Component cards stay legible without shrinking SVG text on narrow screens. */
.kht-node-card{margin:16px 18px;border:1px solid #9da794;border-radius:12px;background:#26302b;min-width:0;}
.kht-node-card__heading{padding:14px 16px;border-bottom:1px solid #738070;display:flex;flex-direction:column;gap:5px;}
.kht-node-card__heading span{font-size:11px;letter-spacing:.08em;color:#c4ccbf;}
.kht-node-card__heading strong{font-size:20px;line-height:1.3;color:var(--neon-400,#dcfb55);overflow-wrap:anywhere;}
.kht-node-card__directions{display:flex;justify-content:space-between;gap:12px;padding:12px 14px 0;font-size:12px;color:#c4ccbf;}
.kht-node-card__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:8px 0 14px;}
.kht-dark .kht-node-card__ports{list-style:none;padding:0;margin:0;min-width:0;}
.kht-dark .kht-node-card__ports li{position:relative;display:flex;align-items:center;min-height:44px;padding:8px 14px;margin:0;font-size:15px;line-height:1.45;color:#f7f5ef;overflow-wrap:anywhere;}
.kht-node-card__ports--out li{justify-content:flex-end;text-align:right;}
.kht-node-card__socket{position:absolute;left:-5px;width:9px;height:9px;border:2px solid #f7f5ef;border-radius:50%;background:#26302b;}
.kht-node-card__socket:before{content:"";position:absolute;right:7px;top:2px;width:13px;border-top:2px solid #9da794;}
.kht-node-card__ports--out .kht-node-card__socket{left:auto;right:-5px;border-color:var(--neon-400,#dcfb55);}
.kht-node-card__ports--out .kht-node-card__socket:before{right:auto;left:7px;border-color:var(--neon-400,#dcfb55);}
@media(max-width:600px){
 .kht-node-card__body{gap:12px;}
 .kht-dark .kht-node-flow figcaption,.kht-dark .kht-command-figure figcaption p{font-size:16px;line-height:1.6;}
 .kht-dark .kht-command-figure a{display:inline-block;min-height:44px;padding:10px 0;font-size:16px;}
}