/* Scoped utilities: existing site navigation and measurement are untouched. */
.network-tool{border:1px solid var(--line,#d5ded4);border-radius:16px;background:#f7faef;padding:26px;margin:0 0 34px}
.network-tool [hidden]{display:none!important}
.network-tool h2:first-child{margin-top:0}
.network-tool label{display:block;font-weight:650;margin:18px 0 8px}
.network-tool input,.network-tool textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;padding:13px 14px;border:1px solid #75866a;border-radius:8px;background:#fff;color:#17211c;font:inherit;font-size:16px;line-height:1.5}
.network-tool textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.network-tool input[aria-invalid=true]{border:2px solid #a52d23}
.network-tool .network-hint{font-size:14px;color:#475542;line-height:1.6;margin:8px 0 16px}
.network-tool .network-error{color:#91281f;font-size:15px;font-weight:600;margin:10px 0}
.network-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.network-tool button{min-height:48px;max-width:100%;white-space:normal;border:1px solid #75866a;background:#fff;border-radius:8px;padding:11px 18px;color:#17211c;font:inherit;line-height:1.4;text-align:center;cursor:pointer}
.network-tool button.network-primary{background:#d2f866;border-color:#9cbb48;font-weight:650}
.network-tool button:disabled{cursor:default;background:#eef0eb;color:#65705f;border-color:#b6c0ae}
.network-tool button:focus-visible,.network-tool input:focus-visible,.network-tool textarea:focus-visible{outline:3px solid #557a1e;outline-offset:4px}
.network-examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0}
.network-examples span{width:100%;font-size:14px}
.network-examples button{font-size:14px;padding:9px 12px;min-height:44px}
.network-result{background:#fff;border:1px solid #cbd5c1;border-radius:12px;padding:22px;margin:24px 0 16px}
.network-result h3{margin-top:0}
.network-result dl{margin:0 0 20px}
.network-result dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;padding:12px 0;border-bottom:1px solid #e2e7e1}
.network-result dt{font-weight:650;font-size:15px}
.network-result dd{margin:0;font-size:15px;overflow-wrap:anywhere}
.network-tool [role=status]{font-size:14px;margin-bottom:0}
@media(max-width:600px){.network-tool{padding:17px}.network-actions{display:grid;grid-template-columns:1fr;width:100%}.network-actions button{width:100%}.network-result{padding:16px}.network-result dl>div{grid-template-columns:1fr;gap:5px}.network-examples button{flex:1 1 145px}}
@media print{.network-tool form,.network-tool .network-actions,.network-tool [data-browser-manual]{display:none!important}.network-tool,.network-result{background:#fff;padding:12px;break-inside:avoid}}
