.ifd-computer-explorer{--computer-navy:#081a2c;--computer-blue:#145b8c;--computer-cyan:#45bfd0;--computer-ink:#152636;--computer-muted:#607281;color:var(--computer-ink);font-family:Inter,Arial,sans-serif}
.ifd-computer-explorer *{box-sizing:border-box}.ifd-computer-explorer button,.ifd-computer-explorer input,.ifd-computer-explorer select{font:inherit}.ifd-computer-explorer button,.ifd-computer-explorer select{min-height:2.65rem}.ifd-computer-explorer button{cursor:pointer}.ifd-computer-explorer button:focus-visible,.ifd-computer-explorer input:focus-visible,.ifd-computer-explorer select:focus-visible,.ifd-computer-explorer summary:focus-visible{outline:3px solid #f2a900;outline-offset:2px}.ifd-computer-explorer .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.ifd-computer-active .md-content__inner>h1,body.ifd-computer-active .md-content__inner:before,body.ifd-computer-active .md-sidebar{display:none}body.ifd-computer-active .md-main__inner,body.ifd-computer-active .md-content,body.ifd-computer-active .md-content__inner{max-width:none;margin:0;padding:0}
.computer-loading,.computer-load-error{max-width:58rem;margin:2rem auto;padding:1.2rem;border:1px solid #b9c7d4;border-radius:.6rem;background:#fff}.computer-load-error{border-left:5px solid #9a343a}.computer-load-error h1{margin-top:0}
.computer-explorer-shell{min-height:calc(100vh - 7rem);display:grid;grid-template-columns:minmax(19rem,26rem) minmax(30rem,1fr);background:linear-gradient(145deg,#eef4f8,#dbe8ef)}
.computer-controls{padding:clamp(1.2rem,3vw,2.4rem);color:#eaf2f8;background:linear-gradient(160deg,#071426,#0b2942)}.computer-kicker{color:#7ed7e3;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.computer-controls h1{margin:.35rem 0 .65rem;color:#fff;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.05}.computer-controls>p{color:#c7d4df;line-height:1.5}.computer-controls>label{display:block;margin:1.3rem 0 .35rem;color:#dbe8f1;font-size:.78rem;font-weight:800}.computer-controls>select{width:100%;padding:.5rem;color:#152738;border:1px solid #8ba2b4;border-radius:.4rem;background:#fff}.computer-control-card{display:grid;gap:.22rem;margin-top:1rem;padding:.85rem;border:1px solid #36546c;border-radius:.55rem;background:rgba(255,255,255,.07)}.computer-control-card span,.computer-control-card small{color:#b8c9d7}.computer-control-card span{font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.computer-control-card strong{font-size:1rem}.computer-reset{width:100%;margin-top:1rem;padding:.5rem;color:#153149;border:0;border-radius:.4rem;background:#e9f2f6;font-weight:800}.computer-controls details{margin-top:1rem;border:1px solid #36546c;border-radius:.5rem;background:rgba(255,255,255,.04)}.computer-controls summary{padding:.75rem;cursor:pointer;font-weight:800}.computer-controls details p{margin:0;padding:0 .75rem .85rem;color:#c7d4df;font-size:.82rem;line-height:1.45}.computer-provenance{font-size:.74rem}
.computer-stage{min-width:0;display:grid;place-items:center;padding:clamp(1rem,3vw,2.7rem);overflow:hidden}.computer-monitor{width:min(100%,68rem);filter:drop-shadow(0 1.2rem 1.8rem rgba(24,44,60,.28))}.computer-screen{position:relative;min-height:38rem;display:flex;flex-direction:column;overflow:hidden;border:.7rem solid #18222b;border-radius:1rem;background:#10273b}.computer-wallpaper{position:relative;min-height:0;flex:1;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(69,191,208,.7),transparent 23%),linear-gradient(135deg,#0a2641 0%,#145b8c 48%,#0b304c 100%)}.computer-brand{position:absolute;right:2rem;bottom:2rem;display:grid;color:rgba(255,255,255,.72);text-align:right}.computer-brand span{font-size:2.2rem;font-weight:300;letter-spacing:.06em}.computer-brand small{font-size:.68rem}.computer-shortcuts{position:absolute;top:1rem;left:1rem;display:grid;gap:.6rem}.computer-shortcuts button{width:6.4rem;display:grid;place-items:center;gap:.3rem;padding:.45rem;color:#fff;border:1px solid transparent;border-radius:.25rem;background:transparent;text-shadow:0 1px 2px #06131f}.computer-shortcuts button:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12)}.computer-shortcuts button span{font-size:2rem}.computer-shortcuts button strong{font-size:.72rem}.computer-taskbar{height:3.15rem;display:flex;align-items:center;gap:.25rem;flex:0 0 auto;padding:.3rem;color:#edf7fa;background:#071521}.computer-taskbar button{min-width:3rem;padding:.3rem .65rem;color:#edf7fa;border:0;border-radius:.25rem;background:transparent}.computer-taskbar button:first-child{display:flex;align-items:center;gap:.4rem}.computer-taskbar button:hover{background:#193a52}.computer-tray{margin-left:auto;padding-right:.7rem;color:#a9bfcd;font-size:.7rem}.computer-stand{width:24%;height:1rem;margin:0 auto;border-radius:0 0 .4rem .4rem;background:#27343d}.computer-stand:after{content:"";display:block;width:150%;height:.45rem;transform:translate(-17%,.75rem);border-radius:50%;background:#25323a}
.computer-window{position:absolute;inset:1rem;display:flex;flex-direction:column;overflow:hidden;border:1px solid #182b39;border-radius:.4rem;background:#f7f9fb;box-shadow:0 .8rem 2rem rgba(3,13,21,.44)}.computer-titlebar{height:2.65rem;display:flex;align-items:center;gap:.55rem;flex:0 0 auto;padding-left:.8rem;color:#122a3b;background:#fff;border-bottom:1px solid #cbd5dc}.computer-titlebar strong{font-size:.82rem}.computer-titlebar button{width:3rem;min-height:2.6rem;margin-left:auto;color:#263c4b;border:0;background:transparent;font-size:1.35rem}.computer-titlebar button:hover{color:#fff;background:#a52e37}
.computer-settings-layout{min-height:0;display:grid;grid-template-columns:13rem 1fr;flex:1}.computer-settings-layout>nav{display:grid;align-content:start;gap:.5rem;padding:1rem;background:#eaf0f4;border-right:1px solid #cad5dd}.computer-settings-layout>nav>strong{padding:.45rem .55rem;overflow-wrap:anywhere;font-size:.72rem}.computer-settings-layout>nav button{padding:.5rem;color:#173246;text-align:left;border:0;border-radius:.3rem;background:transparent;font-size:.78rem;font-weight:750}.computer-settings-layout>nav button.is-active,.computer-settings-layout>nav button:hover{background:#d2e6ed}.computer-settings-layout>main{min-width:0;overflow-y:auto;padding:clamp(1rem,3vw,2rem);scrollbar-gutter:stable}.computer-settings-head span{color:#34778f;font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.computer-settings-head h2{margin:.2rem 0;color:#17384e;font-size:1.55rem}.computer-settings-head p{margin:.25rem 0 1.1rem;color:var(--computer-muted)}.computer-adapter-list h3,.computer-saved h3{margin:.8rem 0;font-size:1rem}.computer-adapter-list button{width:100%;display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.7rem;margin-bottom:.5rem;padding:.65rem;color:#172d3c;text-align:left;border:1px solid #d0dbe2;border-radius:.45rem;background:#fff}.computer-adapter-list button:hover{border-color:#70aebe;background:#f2fafb}.computer-adapter-list button>span:nth-child(2){display:grid;min-width:0}.computer-adapter-list button small{color:#647785}.computer-adapter-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;color:#fff;border-radius:.35rem;background:#236a8b;font-size:1.3rem}.computer-adapter-list b{color:#5e7482;font-size:1.4rem}.computer-saved{margin-top:1.3rem;padding-top:.7rem;border-top:1px solid #d8e0e6}.computer-saved>p{color:#5d707e;font-size:.78rem;line-height:1.4}.computer-saved>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #e0e6eb;font-size:.78rem}.computer-saved span{color:#627480}.computer-back{min-height:auto!important;margin:0 0 .8rem;padding:.3rem 0;color:#185d7c;border:0;background:transparent;font-size:.78rem;font-weight:800}.computer-properties{margin:0;background:#fff;border:1px solid #d7e0e6;border-radius:.45rem}.computer-properties>div{display:grid;grid-template-columns:minmax(9rem,.7fr) minmax(0,1.3fr);gap:.8rem;padding:.65rem .8rem;border-bottom:1px solid #e3e8ec}.computer-properties>div:last-child{border-bottom:0}.computer-properties dt{color:#5d6f7b;font-size:.78rem}.computer-properties dd{margin:0;overflow-wrap:anywhere;font-size:.82rem;font-weight:800}.computer-properties dd small{display:block;margin-top:.18rem;color:#667986;font-size:.68rem;font-weight:500}
.computer-command{color:#f0f0f0;background:#071018}.computer-command .computer-titlebar{color:#eaf3f5;background:#16222b;border-color:#31414d}.computer-command .computer-titlebar button{color:#fff}.computer-terminal{min-height:0;flex:1;overflow:auto;padding:.8rem;background:#071018;font:400 .78rem/1.45 Consolas,"Courier New",monospace;scrollbar-gutter:stable}.computer-command-banner{margin-bottom:.65rem}.computer-command-entry>span{display:block}.computer-command-entry pre{margin:0;color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:transparent}.computer-terminal form{display:grid;grid-template-columns:auto minmax(5rem,1fr) auto;align-items:center;gap:.25rem}.computer-terminal label{white-space:nowrap}.computer-terminal input{min-width:0;padding:.25rem;color:#fff;border:1px solid transparent;background:#071018;font:inherit}.computer-terminal input:focus{border-color:#5bb7c5}.computer-terminal form button{min-height:2rem;padding:.2rem .6rem;color:#fff;border:1px solid #627582;background:#1b3649;font-size:.72rem}.computer-terminal>p{margin:.6rem 0 0;color:#95a8b4;font-size:.68rem}
.computer-start-menu{position:absolute;left:.7rem;bottom:.7rem;width:16rem;display:grid;gap:.3rem;padding:.75rem;color:#102737;border:1px solid #7b929f;border-radius:.55rem;background:#f5f8fa;box-shadow:0 .7rem 1.5rem rgba(3,13,21,.4)}.computer-start-menu>strong{padding:.35rem .5rem;color:#1a516e}.computer-start-menu button{display:flex;align-items:center;gap:.75rem;padding:.45rem .6rem;color:#163044;text-align:left;border:0;border-radius:.3rem;background:transparent}.computer-start-menu button:hover{background:#dcecf1}.computer-start-menu button span{font-size:1.25rem}
.computer-properties>div{grid-template-columns:minmax(7.5rem,.7fr) minmax(0,1.3fr)}.computer-properties dd{margin:0!important}
@media(max-width:900px){.computer-explorer-shell{grid-template-columns:1fr}.computer-controls{padding:1rem}.computer-stage{padding:1rem .5rem 2.2rem}.computer-screen{min-height:37rem}.computer-monitor{width:min(100%,58rem)}}
@media(max-width:580px){.computer-stage{padding:.6rem 0 1.8rem}.computer-monitor{width:calc(100% - .6rem)}.computer-screen{min-height:39rem;border-width:.35rem;border-radius:.6rem}.computer-window{inset:.45rem}.computer-settings-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.computer-settings-layout>nav{grid-template-columns:1fr;gap:.2rem;padding:.4rem;border-right:0;border-bottom:1px solid #cad5dd}.computer-settings-layout>nav>strong{display:none}.computer-settings-layout>main{padding:.8rem}.computer-properties>div{grid-template-columns:1fr;gap:.18rem}.computer-taskbar button:first-child span:last-child{display:none}.computer-tray{font-size:.6rem}.computer-brand{right:1rem;bottom:1rem}.computer-brand span{font-size:1.6rem}.computer-command{inset:.25rem}.computer-terminal{padding:.55rem;font-size:.69rem}.computer-terminal form{grid-template-columns:1fr auto}.computer-terminal form label{grid-column:1/-1}.computer-start-menu{left:.3rem;bottom:.35rem;width:min(16rem,calc(100% - .6rem))}}
@media(prefers-reduced-motion:reduce){.ifd-computer-explorer *{scroll-behavior:auto!important}}