.installation-network-guide { margin: 24px 0; padding: 22px; border: 1px solid #e3d8ce; border-radius: 16px; background: #fffdfa; min-width: 0; }
.installation-network-guide svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.installation-network-guide .ing-kicker { display: block; font-size: 12px; line-height: 1.7; color: var(--muted, #665d58); }
.installation-network-guide .ing-heading h3 { margin: 4px 0 5px; font-size: 21px; line-height: 1.6; }
.installation-network-guide .ing-heading > p { margin: 0; font-size: 14px; line-height: 1.8; color: var(--muted, #665d58); }
.installation-network-guide .ing-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0; }
.installation-network-guide .ing-tabs > button { display: flex; gap: 10px; align-items: center; justify-content: center; min-height: 48px; border: 1px solid #ddd1c7; border-radius: 12px; padding: 10px; background: #fff; color: var(--ink, #292727); font: inherit; font-size: 16px; cursor: pointer; }
.installation-network-guide .ing-tabs > button[aria-selected="true"] { color: #fff; background: var(--brand, #a7441e); border-color: var(--brand, #a7441e); }
.installation-network-guide .ing-tabs > button:focus-visible { outline: 2px solid var(--brand, #a7441e); outline-offset: 3px; }
.installation-network-guide .ing-topology { display: grid; grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1fr) 25px minmax(0, 1fr); align-items: center; gap: 3px; padding: 17px 7px; border-radius: 12px; background: #f5f1ec; color: var(--muted, #665d58); }
.installation-network-guide .ing-topology > span { display: grid; justify-items: center; gap: 7px; min-width: 0; }
.installation-network-guide .ing-topology b { font-size: 12px; line-height: 1.6; font-weight: 550; }
.installation-network-guide .ing-topology > i { display: grid; place-items: center; }
.installation-network-guide .ing-topology > i svg { width: 21px; }
.installation-network-guide .ing-step-panel { margin: 20px 0; }
.installation-network-guide ol { list-style: none; padding: 0; margin: 0; counter-reset: ing-step; }
.installation-network-guide li { counter-increment: ing-step; position: relative; padding: 0 0 20px 42px; min-width: 0; }
.installation-network-guide li::before { content: counter(ing-step); position: absolute; top: 0; left: 0; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; border: 1px solid #dfc5b5; background: #fbefe8; color: var(--brand, #a7441e); font-size: 13px; font-weight: 650; }
.installation-network-guide li:not(:last-child)::after { content: ''; position: absolute; left: 13px; top: 33px; bottom: 6px; width: 1px; background: #e8d6c7; }
.installation-network-guide li:last-child { padding-bottom: 0; }
.installation-network-guide li > b { display: block; font-size: 15px; line-height: 1.8; }
.installation-network-guide li > p { margin: 4px 0 0; font-size: 14px; line-height: 1.9; color: var(--muted, #665d58); overflow-wrap: anywhere; }
.installation-network-guide .ing-protocol-note { padding-top: 16px; border-top: 1px solid #e8dfd6; font-size: 13px; line-height: 1.9; color: var(--muted, #665d58); margin: 0 0 16px; overflow-wrap: anywhere; }
.installation-network-guide .ing-warning { display: flex; align-items: flex-start; gap: 10px; padding: 13px; border: 1px solid #ebc7b2; border-radius: 11px; background: #fff4eb; color: #8a3e22; }
.installation-network-guide .ing-warning > svg { flex: 0 0 22px; width: 22px; height: 22px; margin-top: 3px; }
.installation-network-guide .ing-warning > p { font-size: 13px; line-height: 1.9; margin: 0; overflow-wrap: anywhere; }
.installation-network-guide .ing-network-ready { background: #f1f7ee; border-color: #b8cdb2; color: #376b37; }
.installation-network-guide .ing-free-vending { margin-top: 12px; }
.installation-network-guide .ing-details { margin-top: 12px; border: 1px solid #e3d8ce; border-radius: 12px; background: #fff; overflow-wrap: anywhere; }
.installation-network-guide .ing-details > summary { padding: 16px; min-height: 48px; font-size: 16px; line-height: 1.7; font-weight: 600; cursor: pointer; }
.installation-network-guide .ing-details > summary:focus-visible { outline: 2px solid var(--brand, #a7441e); outline-offset: -4px; border-radius: 12px; }
.installation-network-guide .ing-details > ol { padding: 4px 16px 16px; }
.installation-network-guide .ing-details li > b { font-size: 16px; }
.installation-network-guide .ing-details li > p { font-size: 15px; }
.installation-network-guide [hidden] { display: none !important; }
@media (max-width: 380px) {
 .installation-network-guide { padding: 17px 13px; }
 .installation-network-guide li { padding-left: 37px; }
 .installation-network-guide .ing-tabs { gap: 8px; }
 .installation-network-guide .ing-topology { padding-inline: 3px; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); }
}