.ifd-ip-address-lab{--lab-navy:#081a2c;--lab-cyan:#45bfd0;--lab-blue:#185fa5;color:#172d3c;font-family:Inter,Arial,sans-serif}
.ifd-ip-address-lab *{box-sizing:border-box}.ifd-ip-address-lab button,.ifd-ip-address-lab input{font:inherit}.ifd-ip-address-lab button{cursor:pointer}.ifd-ip-address-lab button:focus-visible,.ifd-ip-address-lab input:focus-visible,.ifd-ip-address-lab a:focus-visible{outline:3px solid #f2a900;outline-offset:2px}
body.ifd-cross-device-lab{overflow:hidden}body.ifd-cross-device-lab .md-sidebar,body.ifd-cross-device-lab .md-content__inner>h1,body.ifd-cross-device-lab .md-content__inner:before{display:none}body.ifd-cross-device-lab .md-main__inner,body.ifd-cross-device-lab .md-content,body.ifd-cross-device-lab .md-content__inner{max-width:none;margin:0;padding:0}
.ifd-ip-address-lab{position:fixed;inset:0;z-index:60;display:flex;min-height:0;flex-direction:column;background:#dfe8ee}.ip-lab-header{display:flex;align-items:center;gap:.8rem;min-height:3.6rem;padding:.45rem .8rem;color:#fff;background:var(--lab-navy)}.ip-lab-header>a{color:#fff;font-weight:750}.ip-lab-header>div{display:grid;line-height:1.25}.ip-lab-header strong{font-size:1rem}.ip-lab-header small{color:#c8d8e5}.ip-lab-header [data-progress]{margin-left:auto;color:#bcecf1;font-weight:800}.ip-lab-header button{min-height:2.3rem;padding:.35rem .65rem;color:#fff;border:1px solid #708396;border-radius:.3rem;background:#17344d}
.ip-lab-device-switch{display:flex;gap:.35rem;padding:.35rem .6rem;border-bottom:1px solid #aebdc8;background:#f4f7f9}.ip-lab-device-switch button{min-height:2.3rem;padding:.35rem .75rem;color:#334957;border:1px solid transparent;border-radius:.3rem;background:transparent;font-weight:750}.ip-lab-device-switch button[aria-pressed=true]{color:#fff;background:var(--lab-blue)}.ip-lab-device-switch button:disabled{cursor:not-allowed;opacity:.48}
.ip-lab-device-switch [data-mobile-pane]{display:none}
.ip-lab-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(20rem,.8fr);min-height:0;flex:1}.ip-lab-device-pane{min-width:0;min-height:0;overflow:auto;padding:.55rem;background:#dfe8ee}.ip-lab-device-pane>[data-device]{min-height:100%}.ip-lab-task{display:flex;min-height:0;flex-direction:column;border-left:1px solid #aebdc8;background:#fff}.ip-lab-task>header{padding:.75rem .9rem;border-bottom:1px solid #d3dde4}.ip-lab-task>header span,.ip-lab-address>span,.ip-lab-comparison>span{color:#1e718d;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.ip-lab-task h2{margin:.15rem 0;color:#12364e;font-size:1.25rem}.ip-lab-task-scroll{min-height:0;flex:1;overflow:auto;padding:.8rem .9rem}.ip-lab-task-scroll>p{color:#405866;line-height:1.5}.ip-lab-task>footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .9rem;border-top:1px solid #ccd7df}.ip-lab-task button{min-height:2.45rem;padding:.45rem .8rem;color:#fff;border:1px solid var(--lab-blue);border-radius:.3rem;background:var(--lab-blue);font-weight:800}.ip-lab-task button:disabled{cursor:not-allowed;opacity:.45}.ip-lab-task>footer button:first-child{color:var(--lab-blue);background:#fff}
.ip-lab-action{margin:1rem 0;padding:.85rem;border:1px solid #c5d3dc;border-radius:.4rem;background:#f7fafb}.ip-lab-action>strong{color:#12364e}.ip-lab-action p{margin:.3rem 0 .65rem;color:#405866}.ip-lab-action form{display:grid;gap:.7rem}.ip-lab-action label{display:grid;gap:.3rem;color:#304754;font-size:.82rem;font-weight:750}.ip-lab-action input[type=text]{width:100%;padding:.55rem;border:1px solid #899ca9;border-radius:.28rem;background:#fff}.ip-lab-action fieldset{display:grid;gap:.45rem;margin:0;padding:0;border:0}.ip-lab-action legend{margin-bottom:.35rem;color:#304754;font-size:.82rem;font-weight:750}.ip-lab-action fieldset label{display:flex;align-items:flex-start;gap:.5rem;padding:.55rem;border:1px solid #b8c7d1;border-radius:.3rem;background:#fff}.ip-lab-action fieldset input{margin-top:.15rem}.ip-lab-ready{padding:.6rem;border-left:4px solid var(--lab-cyan);background:#eaf8fa}.ip-lab-feedback{margin:.8rem 0;padding:.75rem;border-left:4px solid #a45a28;background:#fff4e8}.ip-lab-feedback.is-correct{border-left-color:#328252;background:#eef8f1}.ip-lab-feedback p{margin:.25rem 0 0;line-height:1.45}.ip-lab-links{display:grid;gap:.4rem;margin:.8rem 0;padding:.7rem;border-top:1px solid #cbd7df;border-bottom:1px solid #cbd7df}.ip-lab-links a{color:var(--lab-blue);font-weight:750}.ip-lab-access{margin:.8rem 0;padding:.75rem;border:1px solid #9eb7c8;border-radius:.35rem;background:#edf6f8}.ip-lab-access dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.55rem 0}.ip-lab-access dl>div{padding:.45rem;border:1px solid #c8d5dd;border-radius:.25rem;background:#fff}.ip-lab-access dt{color:#5c707d;font-size:.72rem}.ip-lab-access dd{margin:.15rem 0 0;font-weight:800}.ip-lab-finished{color:#247445;font-weight:850}
.ip-lab-device-pane .computer-explorer-shell.is-embedded{display:block;min-height:100%;background:transparent}.ip-lab-device-pane .computer-explorer-shell.is-embedded .computer-stage{min-height:100%;padding:.5rem}.ip-lab-device-pane .computer-explorer-shell.is-embedded .computer-monitor{width:min(100%,70rem)}.ip-lab-device-pane .ifd-device-main{max-width:none;padding:0}.ip-lab-device-pane .ifd-device-explorer .gateway{min-height:calc(100vh - 8rem)}
.ip-lab-address,.ip-lab-comparison{max-width:58rem;margin:clamp(1rem,5vh,3rem) auto;padding:clamp(1rem,3vw,2rem);border:1px solid #b7c7d1;border-radius:.5rem;background:#fff;box-shadow:0 .4rem 1.4rem rgba(18,44,63,.12)}.ip-lab-address h2,.ip-lab-comparison h2{margin:.25rem 0;color:#12364e}.ip-lab-address p,.ip-lab-comparison p{color:#435b69;line-height:1.5}.ip-lab-comparison{max-width:68rem}.ip-lab-comparison table{width:100%;border-collapse:collapse}.ip-lab-comparison th,.ip-lab-comparison td{padding:.7rem;border:1px solid #c8d4dc;text-align:left;vertical-align:top}.ip-lab-comparison th{color:#fff;background:#153d57}.ip-lab-comparison code{white-space:nowrap}.ip-lab-load-error{margin:1rem;padding:1rem;border-left:5px solid #9a343a;background:#fff0f0}
@media(max-width:850px){.ip-lab-header small{display:none}.ip-lab-device-switch [data-mobile-pane]{display:block}.ip-lab-workspace{display:block;overflow:hidden}.ip-lab-device-pane,.ip-lab-task{display:none;height:calc(100vh - 6.3rem)}.ip-lab-device-pane{overflow:auto}.ip-lab-task{overflow:hidden;border-left:0}.ifd-ip-address-lab[data-lab-mobile-pane=device] .ip-lab-device-pane,.ifd-ip-address-lab:not([data-lab-mobile-pane]) .ip-lab-task,.ifd-ip-address-lab[data-lab-mobile-pane=task] .ip-lab-task{display:flex}.ifd-ip-address-lab[data-lab-mobile-pane=device] .ip-lab-device-pane{display:block}.ip-lab-device-switch:after{content:"Use the step panel to continue";align-self:center;margin-left:auto;color:#607482;font-size:.72rem}.ip-lab-access dl{grid-template-columns:1fr}.computer-screen{min-height:32rem}}
@media(max-width:480px){.ip-lab-header{gap:.45rem}.ip-lab-header strong{font-size:.86rem}.ip-lab-header>a{font-size:0}.ip-lab-header>a:after{content:"← Exit";font-size:.75rem}.ip-lab-header [data-progress]{font-size:.75rem}.ip-lab-device-switch{overflow-x:auto}.ip-lab-comparison{overflow-x:auto}}
.ip-lab-action select{width:100%;padding:.55rem;border:1px solid #899ca9;border-radius:.28rem;background:#fff}.ip-lab-question{padding:.6rem;border-left:4px solid var(--lab-blue);background:#eef4f8;color:#17384d!important;font-weight:750}.ip-lab-fallback{width:100%;margin-top:.35rem;color:var(--lab-blue)!important;background:#fff!important}.ip-lab-access{display:grid;grid-template-columns:1fr auto;gap:.3rem .75rem;align-items:center;padding:.65rem .75rem;border-color:#b9c9d3;background:#f5f8fa}.ip-lab-access code{padding:.25rem .45rem;background:#fff;font-weight:800}.ip-lab-access small{grid-column:1/-1;color:#566d7b}.ip-lab-role-pending{color:#607482;font-style:italic}
