@view-transition{navigation:auto}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#0b1010;color:#e9efeb;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 0%,#19453255,transparent 48%)}:root{--green:#98f6b3;--muted:#b3c1b9;--line:#304039;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c6ff86;outline-offset:4px}button:disabled{opacity:.5;cursor:default}.skip{position:absolute;top:-100px;left:16px;z-index:99;background:var(--green);color:#0b1010;padding:12px}.skip:focus{top:10px}.wrap{width:min(100% - 40px,1060px);margin:auto}.top{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#e9efeb;font:750 13px/1.3 var(--mono);letter-spacing:.025em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-top:3px}.brand-mark{display:grid;place-items:center;background:var(--green);color:#0b1010;width:38px;height:38px;border-radius:7px;font-size:16px}.desktop{display:flex;gap:22px;font:12px var(--mono)}.desktop a{color:var(--muted);padding:12px 0}.desktop a[aria-current=page]{color:var(--green)}.main{padding:38px 0 20px}.eyebrow{color:var(--green);font:11px/1.6 var(--mono);letter-spacing:.13em;text-transform:uppercase;display:block;margin:0 0 12px}.eyebrow:before{content:'// ';opacity:.7}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,5vw,55px);line-height:1.12;letter-spacing:-.045em;font-weight:730;margin-bottom:18px;text-wrap:balance}h2{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin-bottom:15px}h3{font-size:19px;line-height:1.3;margin-bottom:8px}.lead{font-size:18px;color:var(--muted);max-width:620px}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.home-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.home-intro h1{font-size:clamp(30px,4.6vw,48px);margin:0}.home-intro p{max-width:350px;font-size:14px;color:var(--muted);margin:0}.home-intro h1 span{color:var(--green)}.search-shell{border:1px solid #648571;background:#111b16;border-radius:12px;padding:20px;margin-bottom:28px}.search-label{display:block;font-size:18px;font-weight:650;margin-bottom:12px}.search-row{display:flex;align-items:center;border:1px solid #64776a;background:#080e0b;border-radius:6px;gap:9px;padding:0 12px}.prompt{font:20px var(--mono);color:var(--green)}.search-row input{color:#f2f7f3;background:none;border:0;min-width:0;flex:1;width:100%;height:52px;font-size:15px;outline-offset:1px}.search-row input::placeholder{color:#a9b9af;opacity:1}.search-row button{border:0;background:none;color:var(--green);padding:10px;min-height:44px}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.suggestions button{border:1px solid #3d5345;background:#19251d;color:#d7e7db;border-radius:5px;padding:9px 11px;font-size:12px;min-height:40px}.suggestions button:hover{border-color:var(--green)}.results{display:grid;gap:10px;margin-top:15px}.results:empty{display:none}.result{border:1px solid var(--line);padding:17px;background:#0b1410;border-radius:8px}.result h3{font-size:18px}.result p{font-size:14px;color:var(--muted);margin-bottom:12px}.result .btn{min-height:44px;padding:9px 13px;font-size:13px}.result-label{font:10px var(--mono);color:var(--green);letter-spacing:.1em;margin-bottom:7px}.search-note{font-size:13px;color:var(--muted);padding:12px}.map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.map-head h2{font-size:17px;margin:0}.map-head span{color:var(--muted);font:11px var(--mono)}.doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.door{display:grid;grid-template-columns:40px 1fr 24px;align-items:center;gap:14px;border:1px solid var(--line);border-radius:9px;background:#121a16;padding:20px;color:inherit;min-height:108px;transition:transform .15s,border-color .15s,background .15s}.door:hover{border-color:#96d7a5;background:#18271d;text-decoration:none;transform:translateY(-2px)}.door:active{transform:scale(.985)}.door:last-child:nth-child(odd){grid-column:1/-1}.door-number{font:13px var(--mono);color:var(--green);align-self:start;padding-top:3px}.door h3{font-size:18px;letter-spacing:.035em;margin:0 0 4px}.door p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.door-arrow{font-size:24px;color:var(--green)}.legal-strip{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;border-top:1px solid var(--line);padding:17px 0;font:12px var(--mono)}.foot{border-top:1px solid var(--line);padding:22px 0 32px;color:var(--muted);font-size:12px;margin-top:28px}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.foot nav{display:flex;gap:18px;flex-wrap:wrap}.foot p{margin:0}.bottom{display:none}.crumbs{display:flex;flex-wrap:wrap;gap:9px;font:12px var(--mono);color:var(--muted);margin-bottom:30px}.crumbs a{min-height:32px;display:inline-flex;align-items:center}.section-top{padding:6px 0 22px;border-bottom:1px solid var(--line);margin-bottom:26px}.section-top h1{view-transition-name:section-heading}.content{max-width:760px}.intro-box{display:flex;gap:15px;padding:20px 22px;background:#17271c;border-left:3px solid var(--green);border-radius:0 7px 7px 0;margin:24px 0}.intro-box p{margin:0;color:#d8e8dc}.lesson-list{display:grid;gap:11px;margin:20px 0 30px}.lesson-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:#111a15;border-radius:8px;padding:20px;color:inherit;min-height:95px;transition:border-color .15s,transform .15s}.lesson-card:hover{border-color:var(--green);text-decoration:none}.lesson-card:active{transform:scale(.99)}.lesson-card h3{font-size:18px;margin:0 0 4px}.lesson-card p{margin:0;color:var(--muted);font-size:14px}.lesson-card .tag{font:10px var(--mono);color:var(--green);display:block;margin-bottom:8px}.lesson-card>b{color:var(--green);font-size:23px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;border-radius:6px;padding:11px 18px;background:var(--green);color:#0c1910;border:1px solid var(--green);font-size:14px;font-weight:700;text-align:center;line-height:1.5}.btn:hover{background:#b9ffcc;text-decoration:none}.btn.secondary{background:transparent;color:var(--green);border-color:#617e68}.btn.secondary:hover{background:#16251b}.actions{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:32px}.actions .btn{flex:1}.external{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 15px;border:1px solid #597160;border-radius:6px;font-size:14px;margin:4px 8px 4px 0}.external:hover{background:#1b2b20;text-decoration:none}.lesson-block{margin:30px 0}.step{padding:19px 0;border-bottom:1px solid var(--line)}.step p:last-child{margin-bottom:0}.step-no{font:11px var(--mono);color:var(--green);display:block;margin-bottom:9px}.codebox{display:flex;align-items:start;justify-content:space-between;gap:12px;background:#070d09;border:1px solid #405b49;border-radius:7px;padding:14px 13px;margin:13px 0}.codebox code{color:#b3f7c4;font:15px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;align-self:center}.codebox button{flex-shrink:0;background:#22372a;color:#caffd8;border:1px solid #496c53;border-radius:4px;padding:9px;min-height:42px;font:11px var(--mono)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#070d09;border:1px solid var(--line);border-radius:8px;padding:19px;font:14px/1.8 var(--mono);color:#b3f7c4;margin:16px 0}details{border:1px solid var(--line);border-radius:7px;padding:0 18px;margin:13px 0;background:#111a15}summary{padding:16px 0;font-weight:600;cursor:pointer}details p{color:var(--muted);font-size:15px}details[open]{padding-bottom:12px}.success{padding:22px;background:#173021;border:1px solid #3c704c;border-radius:9px;margin:25px 0}.success h2{color:#b2ffca}.success p{margin-bottom:0}.step-list{list-style:none;padding:0;margin:22px 0}.step-list li{margin:11px 0}.step-list a{display:flex;gap:15px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:7px;min-height:70px;color:inherit}.visit-state{margin-left:auto;font:12px var(--mono);color:var(--muted)}.visit-state.done{color:var(--green)}.counter{font:12px var(--mono);color:var(--green)}.table-scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--green)}dl{margin:0}dt{color:var(--green);font-weight:650;margin-top:16px}dd{margin:3px 0 16px;color:var(--muted)}.terminal-figure{margin:24px 0;border:1px solid #405b49;border-radius:10px;overflow:hidden;background:#060c08}.terminal-figure svg{display:block;width:100%;height:auto}.terminal-figure figcaption{padding:10px 16px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.note{font-size:14px;color:var(--muted)}.platform{margin:16px 0;padding:22px;border:1px solid var(--line);border-radius:8px;background:#111a15}.platform-meta{font:11px/1.7 var(--mono);color:var(--green);margin-bottom:12px}.source-list{font-size:13px}.source-list a{word-break:break-word}.pill{font:11px var(--mono);color:var(--green);border:1px solid #496451;padding:5px 8px;border-radius:4px;display:inline-block;margin-bottom:16px}.search-active .map-zone{display:none}.empty-search{color:var(--muted)}.notfound{padding:70px 0}p{overflow-wrap:break-word}svg{max-width:100%}[hidden]{display:none!important}@media(max-width:650px){body{padding-bottom:72px;font-size:16px}.wrap{width:calc(100% - 32px)}.top{height:66px}.brand{font-size:12px}.brand small{font-size:8px}.brand-mark{height:34px;width:34px}.desktop{display:none}.top-legal{font:10px var(--mono);color:var(--green);padding:10px 0}.main{padding-top:25px}.home-intro{display:block;margin-bottom:18px}.home-intro h1{font-size:31px;margin-bottom:10px}.home-intro p{font-size:13px;line-height:1.5;max-width:340px}.home-intro .eyebrow{font-size:9px;margin-bottom:9px}.search-shell{padding:14px;margin-bottom:21px}.search-label{font-size:16px;margin-bottom:10px}.search-row{padding:0 9px;gap:6px}.search-row input{height:49px;font-size:13px}.suggestions{gap:6px;margin-top:10px}.suggestions button{font-size:11px;padding:8px;min-height:40px;flex:1 0 44%;line-height:1.4;text-align:left}.doors{grid-template-columns:1fr;gap:8px}.door{grid-template-columns:28px 1fr 20px;gap:10px;min-height:76px;padding:13px 14px}.door:last-child:nth-child(odd){grid-column:auto}.door h3{font-size:14px;margin-bottom:3px}.door p{font-size:12px;line-height:1.35}.door-number{font-size:11px}.door-arrow{font-size:20px}.map-head h2{font-size:15px}.map-head span{font-size:9px}.legal-strip{font-size:11px;padding:13px 0}.foot{margin-top:15px;padding:17px 0 22px}.foot-inner{display:block}.foot nav{gap:15px;margin-bottom:10px}.foot nav a{padding:4px 0}.foot p{font-size:10px}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);height:66px;padding-bottom:env(safe-area-inset-bottom,0);background:#101b15f5;border-top:1px solid #526d5b;backdrop-filter:blur(12px)}.bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:2px;font-size:10px;min-height:60px}.bottom a span{font:18px var(--mono)}.bottom a[aria-current=page]{color:var(--green);background:#203a28}.crumbs{font-size:11px;gap:7px;margin-bottom:20px}.section-top{padding-bottom:17px;margin-bottom:23px}.section-top h1{font-size:34px}.lead{font-size:16px}.intro-box{padding:16px}.lesson-card{padding:17px;min-height:95px}.lesson-card h3{font-size:17px}.lesson-card p{font-size:13px}.actions{flex-direction:column}.actions .btn{width:100%}.lesson-block{margin:28px 0}.lesson-block h2{font-size:23px}.codebox{gap:8px}.codebox code{font-size:13px}.codebox button{font-size:10px;padding:8px}.success{padding:18px}.step-list a{padding:14px;gap:10px}.visit-state{font-size:10px}.table-scroll table{font-size:12px}td,th{padding:10px 7px}.top-legal:hover{text-decoration:none}.home-page .main{padding-top:21px}}
@media(min-width:651px){.top-legal{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;view-transition-name:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.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}.site-header{position:sticky;top:0;z-index:30;background:#0b1410f5;backdrop-filter:blur(12px)}.site-menu{position:relative;border:0;margin:0;padding:0;background:transparent;border-radius:0}.site-menu[open]{padding:0}.site-menu>summary{display:flex;align-items:center;gap:9px;list-style:none;padding:9px 12px;border:1px solid #53715d;border-radius:6px;color:var(--green);font:12px var(--mono);min-height:44px}.site-menu>summary::-webkit-details-marker{display:none}.hamburger{font-size:20px;line-height:1}.site-menu[open]>summary{background:#243e2c}.menu-panel{position:absolute;right:0;top:55px;width:355px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 155px);overflow:auto;background:#142019;border:1px solid #526d5b;border-radius:9px;padding:20px;z-index:33;box-shadow:0 15px 70px #0009}.menu-heading{display:block;font:10px var(--mono);letter-spacing:.16em;color:#b4c9ba;margin:6px 0 10px}.menu-heading:not(:first-child){margin-top:20px}.menu-links{display:grid;gap:5px}.menu-links a{display:flex;align-items:center;min-height:43px;border-radius:5px;padding:9px 12px;color:#edf4ef;font-size:14px}.menu-links a:hover{background:#223a2b;text-decoration:none}.menu-links a[aria-current=page]{background:#2f5039;color:#c7ffd7;border-left:3px solid var(--green)}.menu-scrim{position:fixed;inset:78px 0 0;background:#0007;border:0;z-index:31;cursor:default}.site-menu:not([open]) .menu-scrim,.site-menu:not([open]) .menu-panel{display:none}.menu-panel{animation:menu-in .16s ease-out}@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.menu-word{display:none}.site-menu>summary{padding:8px 12px;min-width:45px;justify-content:center}.menu-scrim{top:66px}.menu-panel{position:fixed;top:75px;left:16px;right:16px;width:auto;max-width:none;max-height:calc(100dvh - 150px);padding:16px}.menu-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.menu-links a{font-size:13px;min-height:46px;border:1px solid #314b3a;padding:9px}.site-menu .menu-heading{margin-bottom:9px}.site-menu .menu-heading:not(:first-child){margin-top:16px}}@media(prefers-reduced-motion:reduce){.menu-panel{animation:none}}
/* Search activation fix: native links survive a failed script load. */
.suggestions .suggestion{display:flex;align-items:center;border:1px solid #3c5345;background:#15221b;border-radius:5px;color:#d6e6db;font:12px/1.4 var(--mono);padding:9px 10px;min-height:44px;touch-action:manipulation}
.suggestions .suggestion:hover{background:#243a2b;text-decoration:none}
.suggestions .suggestion:active{background:#2b4d35}
.search-row input{min-width:0}
.search-submit{flex-shrink:0;border:1px solid #98f6b3;border-radius:5px;background:#98f6b3;color:#0b1010;padding:9px 10px;min-height:44px;font:600 12px var(--mono)}
#search-clear{min-width:34px;min-height:44px}
#search-results{scroll-margin-block:85px}
#search-results h3:focus{outline:0}
@media(max-width:650px){.suggestions .suggestion{font-size:11px;flex:1 0 44%;padding:8px;min-height:44px}.search-row .prompt{display:none}.search-submit{font-size:11px;padding:8px}.search-row input{font-size:13px;width:100%}}
/* Tools and step-by-step shows: shared terminal language, no UI framework. */
.show-banner{display:block;font-size:12px;line-height:1.5;padding:9px 12px;margin:-6px 0 17px;border-left:2px solid var(--green);background:#13251b;color:#c7f8d7}
.tools-door{display:grid;gap:3px;padding:18px 20px;margin:0 0 20px;border:1px solid #78d99b;background:linear-gradient(115deg,#284d35,#14271c);border-radius:8px;color:#edfff3;box-shadow:inset 3px 0 #98f6b3}
.tools-door>span{font:700 11px var(--mono);letter-spacing:.14em;color:#baffcf}.tools-door>b{font-size:19px;line-height:1.3}.tools-door>small{font-size:12px;color:#c2d9c9}.tools-door:hover{text-decoration:none;background:#294d36}
.tool-page label:not(.check-item){display:block;font-weight:650;margin:18px 0 8px}.tool-page input:not([type=checkbox]),.tool-page textarea,.tool-page select{display:block;width:100%;max-width:100%;min-width:0;background:#080e0b;border:1px solid #64776a;border-radius:6px;padding:13px;color:#edf5ef;font:16px/1.5 var(--mono);margin-bottom:16px}.tool-page textarea{resize:vertical}.tool-page select{font-family:inherit}.tool-page input[type=file]{font:13px/1.5 system-ui}.tool-page .btn{margin:4px 5px 8px 0;max-width:100%;white-space:normal}.tool-page .source-list{overflow-wrap:anywhere}.data-note{border-left:3px solid var(--green);padding:12px 16px;background:#15291d;font-size:14px}.tool-result{border:1px solid #637c6b;border-radius:8px;padding:18px;margin:20px 0;background:#122019;overflow-wrap:anywhere}.tool-result strong{display:block;font-size:17px;line-height:1.4;margin-bottom:10px}.tool-result p{font-size:14px;margin-bottom:10px}.tool-result p:last-child{margin-bottom:0}.tool-result.green{border-color:#67d991;background:#142e1d;color:#d4ffe1}.tool-result.yellow{border-color:#cfb65f;background:#2a2617;color:#fff2c3}.tool-result.red{border-color:#ee8e91;background:#301b20;color:#ffe0e1}.tool-page .external{display:block;margin:12px 0;font-size:14px;overflow-wrap:anywhere}.hash-diagram{margin:25px 0;padding:18px;border:1px solid var(--line);border-radius:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;text-align:center;font:13px/1.5 var(--mono)}.hash-diagram div{background:#1d3525;padding:14px;border-radius:6px}.hash-diagram small{font-size:11px;color:var(--muted)}#photo-preview{display:block;max-width:100%;max-height:320px;width:auto;height:auto;margin:18px auto;border-radius:7px}.example-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.example-buttons button,.dots button{background:#1a3122;color:#deffe8;border:1px solid #6c9278;border-radius:6px;min-height:44px;padding:10px;font-size:13px}.check-item{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);padding:16px;border-radius:7px;margin:12px 0;cursor:pointer}.check-item input{width:23px;height:23px;min-width:23px;accent-color:#85ecaa;margin-top:2px}.check-item small{display:block;margin-top:5px;color:var(--muted);font-size:13px;line-height:1.6}.check-item:has(input:checked){border-color:#7fbd92;background:#172c1e}.connection-diagram{display:grid;grid-template-columns:1fr 16px 1.5fr 16px 1fr;align-items:center;gap:6px;margin:24px 0;padding:18px 8px;border:1px solid var(--line);border-radius:8px;background:#070e0a;text-align:center}.connection-diagram div{font-size:24px;min-width:0}.connection-diagram b{display:block;font-size:12px;font-weight:600}.connection-diagram code{font-size:12px;display:block;overflow-wrap:anywhere}.connection-diagram .middle{background:#17301f;padding:16px 3px;border:1px solid #50735c;border-radius:7px}.connection-diagram .intercepted{background:#441f27;border-color:#e98086;color:#ffd9dd}.connection-diagram .encrypted{background:#183523;border-color:#80dda0;color:#c9ffd9}.show-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:24px}.show-nav [role=status]{font:12px var(--mono)}.show-nav .btn{min-width:100px}.dots{display:flex;gap:10px;margin:18px 0}.dots button{width:44px}.dots button[aria-current=step]{background:#98f6b3;color:#0b1010}.wifi-list{display:grid;gap:10px;margin:24px 0;font:14px var(--mono)}.wifi-list div{border:1px solid #6c9278;background:#15291d;padding:16px;border-radius:7px}.myth summary{font-size:17px}.myth .tool-result{margin-top:0}.tool-page h2{margin-top:30px}.show-nav button:disabled{opacity:.45}.tool-page a[download]{text-decoration:none}
@media(max-width:650px){.show-banner{font-size:11px;padding:8px 10px;margin-bottom:14px}.tools-door{padding:14px 16px;margin-bottom:18px}.tools-door>b{font-size:17px}.tools-door>span{font-size:10px}.tool-page .section-top h1{font-size:32px}.tool-page .pill{font-size:9px}.tool-result{padding:15px}.connection-diagram{padding:15px 5px;gap:3px}.connection-diagram b{font-size:11px}.connection-diagram code{font-size:10px}.show-nav{gap:7px}.show-nav .btn{font-size:12px;padding:12px;min-width:92px}.example-buttons button{flex:1 0 44%}}
@media(prefers-reduced-motion:reduce){.connection-diagram *{animation:none!important;transition:none!important}}
.quick-tools{margin:8px 0 22px}.quick-tools>h2{font:700 15px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#caffd9;margin-bottom:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-card{display:block;position:relative;border:1px solid #52735d;border-radius:7px;background:linear-gradient(130deg,#203e2b,#111e16);padding:15px;color:#e8f9ee;min-width:0}.quick-card>span{display:block;font:21px/1 var(--mono);color:#9bf8b7;margin-bottom:8px}.quick-card h3{font-size:16px;margin:0 0 6px}.quick-card p{font-size:12px;line-height:1.45;margin:0 0 7px;color:#d3e4d9}.quick-card small{font-size:10px;line-height:1.4;color:#a9d4b7;display:block}.quick-card:hover{text-decoration:none;border-color:#9bf8b7;background:#294c36}.quick-card:active{background:#355e41}.quick-all{display:inline-block;font-size:12px;padding:9px 0}.intro-show{font-size:12px;display:inline-block;padding-top:5px}.learning-map .door{min-height:70px}.home-page .search-shell{margin-bottom:20px}@media(max-width:650px){.home-page .home-intro{display:flex;gap:12px;align-items:end}.home-page .home-intro h1{font-size:27px}.home-page .home-intro .eyebrow{font-size:8px;max-width:165px}.home-page .home-intro p{font-size:10px;line-height:1.5;max-width:155px;padding-bottom:8px}.intro-show{font-size:10px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-card{padding:11px;min-height:121px}.quick-card>span{float:right;margin:0 0 4px 5px;font-size:17px}.quick-card h3{font-size:13px;line-height:1.3;max-width:135px;min-height:32px}.quick-card p{font-size:10px;line-height:1.4;margin-bottom:6px}.quick-card small{font-size:9px;line-height:1.35;clear:both}.quick-tools{margin-bottom:12px}.quick-tools>h2{font-size:13px;margin-bottom:9px}.learning-map .doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.learning-map .door{display:block;padding:11px;min-height:86px}.learning-map .door:last-child:nth-child(odd){grid-column:1/-1;min-height:57px}.learning-map .door-number{font-size:9px;display:block;margin-bottom:3px}.learning-map .door h3{font-size:11px;line-height:1.3;margin-bottom:4px}.learning-map .door p{font-size:10px;line-height:1.35}.learning-map .door-arrow{display:none}.home-page .home-intro{margin-bottom:12px}.home-page .suggestions .suggestion{font-size:10px;min-height:40px}.home-page .search-shell{padding:12px}.home-page .search-row input{height:44px}}
.self-check{border:1px solid #8af2ac;border-radius:8px;padding:16px;background:linear-gradient(115deg,#254b32,#102219);margin:8px 0 20px}.self-check h2{font-size:23px;margin-bottom:12px}.self-check .eyebrow{font-size:9px;margin-bottom:7px}.self-row{display:flex;align-items:stretch;gap:8px}.self-row input{display:block;min-width:0;width:100%;background:#080e0b;border:1px solid #718b78;border-radius:5px;color:#f1f8f3;font:16px/1.4 system-ui;padding:11px 10px}.self-row .btn{flex-shrink:0;font-size:13px;min-height:44px;padding:11px 13px;margin:0}.self-note{font-size:11px;line-height:1.5;color:#d0e3d5;margin:10px 0 0}.self-check .tool-result{margin-bottom:0}.self-check .tool-result a{display:block;margin-top:12px}.self-check .tool-result h3{margin-top:20px}.self-check .tool-result p{font-size:13px}@media(max-width:650px){.self-check{padding:12px;margin-bottom:16px}.self-check h2{font-size:21px}.self-check .eyebrow{font-size:8px}.self-row .btn{font-size:11px;padding:10px}.self-note{font-size:10px}.quick-card{min-height:102px;padding:10px}.quick-card h3{min-height:29px}.learning-map .door{min-height:77px;padding:10px}.learning-map .door:last-child:nth-child(odd){grid-column:auto;min-height:77px}.home-page .foot{padding-bottom:10px}.home-page .home-intro .eyebrow{display:none}.home-page .home-intro h1{font-size:25px;margin-bottom:0}.home-page .home-intro p{font-size:9px}.home-page .home-intro{margin-bottom:10px}.quick-tools{margin-bottom:6px}.quick-all{font-size:11px;padding:7px 0}}
.connection-hook{margin:0 0 16px}.connection-hook h1{font-size:clamp(25px,3.5vw,40px);line-height:1.18;max-width:970px;margin-bottom:12px;overflow-wrap:anywhere}.connection-local{font:11px var(--mono);color:#a9dfb9;margin-bottom:9px}.connection-point{font-size:14px;margin-bottom:10px}.connection-relief{margin:8px 0;background:#193524;border-color:#5d8f6c}.connection-relief summary{font-size:13px;padding:10px 0}.connection-relief p{font-size:13px}.connection-hook .note{font-size:11px;line-height:1.5;margin:7px 0}.hook-next{display:block;font-size:12px;padding:9px 0}.start-here{display:block;padding:14px 16px;border:1px solid #8be4a8;background:#25462f;border-radius:7px;color:#e5ffed;margin:12px 0 5px}.start-here b{display:block;font-size:17px;line-height:1.3;margin-bottom:7px}.start-here span{display:block;font-size:12px;line-height:1.5}.start-here small{display:block;font-size:11px;color:#bfdac8;margin-top:4px}.start-here:hover{text-decoration:none;background:#2b5338}.iphone-short,.self-short{display:block;font-size:11px;line-height:1.5;padding:7px 0}.self-short{margin-bottom:12px}.training-screen{padding:22px;border:1px solid #b2c074;background:#1c2d22;border-radius:8px;margin:22px 0}.training-screen b{font:11px var(--mono);color:#c4e6a8}.training-screen code{display:block;font-size:15px;overflow-wrap:anywhere;margin-top:15px}.glossary-list article{padding:20px 0;border-bottom:1px solid var(--line)}.glossary-list h2{font-size:21px;color:#bbf8cc;margin-bottom:9px}.glossary-list p{font-size:16px;margin-bottom:0}#glossary-input{width:100%;padding:14px;background:#080e0b;border:1px solid #708c79;border-radius:6px;color:#edf7f0;font-size:16px;margin:12px 0}#glossary-status{font-size:12px;color:var(--muted)}@media(max-width:650px){.connection-hook .eyebrow{font-size:8px}.connection-hook h1{font-size:22px;line-height:1.2;margin-bottom:8px}.connection-hook .note{font-size:9px;line-height:1.5;margin:5px 0}.connection-local{font-size:9px;line-height:1.5}.connection-point{font-size:11px;line-height:1.5;margin-bottom:8px}.connection-relief{padding-left:12px;padding-right:12px}.connection-relief summary{font-size:11px;padding:8px 0}.hook-next{font-size:10px;padding:6px 0}.start-here{padding:11px 13px;margin-top:10px}.start-here b{font-size:15px;margin-bottom:5px}.start-here span{font-size:10px}.start-here small{font-size:9px}.iphone-short,.self-short{font-size:9px;padding:5px 0}.self-short{margin-bottom:8px}.quick-card{min-height:91px}.quick-card h3{font-size:12px;min-height:27px}.quick-card p{font-size:9px}.quick-card small{font-size:8px}.learning-map .door{min-height:69px}.learning-map .door p{font-size:9px}.learning-map .door h3{font-size:10px}.connection-hook{margin-bottom:8px}.home-page .search-shell{margin-top:9px}.home-page .main{padding-top:17px}}
/* The iPhone prerequisite is prose, not the horizontal icon intro layout. */
#iphone.intro-box{display:block;max-width:100%;min-width:0}#iphone.intro-box h2{margin-top:0}#iphone.intro-box p{margin:0 0 10px}#iphone.intro-box .btn{white-space:normal;max-width:100%}
/* Connection headline only: terminal presentation, no new data collection. */
.connection-console{box-sizing:border-box;max-width:100%;min-width:0;background:#020704;border:1px solid #315d3d;border-left:3px solid #76ee94;border-radius:6px;padding:13px 15px 15px;margin:0 0 12px;box-shadow:inset 0 0 24px #14341a30}
.connection-terminal-state{font:11px/1.5 var(--mono);letter-spacing:.02em;color:#6ecb87;margin:0 0 9px;overflow-wrap:anywhere}
.connection-console #connection-headline{position:relative;max-width:100%;min-width:0;margin:0;color:#79e49a;font-family:var(--mono);font-size:clamp(22px,3vw,34px);font-weight:500;line-height:1.4;letter-spacing:0;text-wrap:wrap;overflow-wrap:anywhere;word-break:normal}
.terminal-reserve{display:block;visibility:hidden;pointer-events:none}.terminal-output{position:absolute;inset:0 0 auto;display:block;max-width:100%;overflow-wrap:anywhere}
.terminal-value{color:#c0ff81;font-weight:750;text-shadow:0 0 12px #9dff6a30}
.terminal-cursor{color:#aeff9a;display:inline;animation:connection-cursor 1.05s steps(1,end) infinite;user-select:none}
#connection-headline[data-typing=true] .terminal-cursor{animation:none}
@keyframes connection-cursor{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:650px){.connection-console{padding:8px 10px;margin-bottom:8px}.connection-console #connection-headline{font-size:16px;line-height:1.4}.connection-terminal-state{font-size:10px;line-height:1.4;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.terminal-cursor{animation:none!important;opacity:1}.connection-console *{transition:none!important}}
/* Home hierarchy: green terminal, cyan tools, coral alerts; learning stays neutral. */
.home-page{--home-cyan:#83e5ed;--home-coral:#ffab97}
.home-page .connection-console{background:#020704;border-color:#315d3d;border-left-color:#76ee94}
.home-page .connection-relief{background:#121a17;border-color:#3c4a43}
.home-page .connection-relief summary,.home-page .connection-local{color:#c5d1cb}
.home-page .hook-next,.home-page .iphone-short,.home-page .self-short{color:#c8d7d2}
.home-page .start-here{background:#181c1b;border:1px solid #78847d;border-left:3px solid #cad3cd;color:#f1f4f2;box-shadow:none;margin-top:20px}
.home-page .start-here:hover,.home-page .start-here:active{background:#252d29;border-color:#cad3cd}
.home-page .start-here small{color:#c2cdc6}
.home-page .quick-tools{margin:26px 0;padding:20px 0;border-top:1px solid #354749;border-bottom:1px solid #354749;background:#101a1d;border-radius:6px}
.home-page .quick-tools>h2{font-size:20px;color:#e4f7f8;padding:0 12px;letter-spacing:.04em}
.home-page .quick-grid{padding:0 12px}
.home-page .quick-card{background:#111f25;border-color:#365b64;border-top:2px solid #64cdd8;color:#f0f7fa;box-shadow:none}
.home-page .quick-card>span{color:var(--home-cyan)}
.home-page .quick-card p{color:#d2e0e6}.home-page .quick-card small{color:#b7cbd4}
.home-page .quick-card:hover,.home-page .quick-card:active{background:#1a3039;border-color:var(--home-cyan)}
.home-page .quick-all{color:var(--home-cyan);margin-left:12px;min-height:44px;display:inline-flex;align-items:center}
.home-page .search-shell{background:#111817;border-color:#45524d;margin-top:26px;margin-bottom:26px}
.home-page .search-label{font-size:20px;color:#edf3ef}
.home-page .search-submit{background:#d1dad4;color:#101813;border-color:#d1dad4}
.home-page .prompt{color:#c6d3cb}.home-page .suggestion{background:#18211d;border-color:#47584e;color:#dbe4df}
.home-page .suggestion:hover,.home-page .suggestion:active{background:#27362d}
.home-page .map-zone{padding-top:22px;border-top:1px solid #35423b}
.home-page .map-head h2{font-size:22px;color:#edf3ef}
.home-page .door{background:#131b17;border-color:#394b40}.home-page .door h3{color:#e3ebe6}
.home-page .door p{color:#bccbc1}.home-page .door-number,.home-page .door-arrow{color:#a9bcb0}
.home-page .legal-strip{color:#d3dfd7;background:#141d18;border-color:#46594c}
.home-page .tool-result.red,.knowledge-alert{border:1px solid #965544;border-left:3px solid #ffab97;background:#281c19;color:#ffe1d7}
.knowledge-alert{padding:16px 18px;border-radius:7px;margin:20px 0}.knowledge-alert p:last-child{margin-bottom:0}
.knowledge-block{padding:22px 0;border-bottom:1px solid #35473c;scroll-margin-top:95px}.knowledge-block h2{margin-top:0}
.knowledge-detail{scroll-margin-top:95px}.knowledge-detail summary{font-size:18px;line-height:1.5;min-height:48px;display:list-item}
.knowledge-detail h3{font-size:17px;margin:22px 0 10px;color:#e5ede8}.knowledge-detail p{margin-bottom:12px}
.training-message{background:#0b1110;border:1px solid #6e514a;border-left:3px solid #ffab97;padding:16px;margin:12px 0;overflow-wrap:anywhere;color:#f4ded8;font-family:var(--mono);font-size:15px;line-height:1.7}
.knowledge-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.knowledge-links a{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
.knowledge-sources{padding-top:20px}.knowledge-sources p{font-size:13px;color:#bdcbc2}.knowledge-sources .knowledge-links{display:grid;gap:8px}
.network-steps{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:20px;background:#10201b;border:1px solid #466b56;border-radius:7px}.network-steps span{border:1px solid #62816e;padding:10px;border-radius:5px}.network-steps b{font:12px var(--mono);color:#c0d4c7}
@media(max-width:650px){.home-page .quick-tools{padding-top:16px;padding-bottom:8px;margin:22px 0}.home-page .quick-tools>h2{font-size:18px;margin-bottom:14px}.home-page .quick-card p{font-size:11px}.home-page .quick-card small{font-size:10px}.home-page .quick-card h3{font-size:13px;min-height:34px}.home-page .quick-card{min-height:118px}.home-page .map-head h2{font-size:20px}.home-page .search-label{font-size:18px}.knowledge-detail summary{font-size:17px}.knowledge-page h1{font-size:32px}.knowledge-links>.btn{width:100%}.knowledge-block{padding:20px 0}.knowledge-alert{padding:14px}.knowledge p{font-size:16px;line-height:1.65}}
/* Laik audit: breathing room, readable labels and unmistakable tool links. */
.home-page .connection-hook{margin-bottom:32px}
.home-page .connection-hook>.eyebrow{font-size:14px;line-height:1.6;letter-spacing:.04em;color:#d0ecda;margin-bottom:14px}
.home-page .connection-console{padding:16px;margin-bottom:16px}
.home-page .connection-terminal-state{font-size:12px;line-height:1.6}
.home-page .connection-local{font-size:13px;line-height:1.6;margin-bottom:12px}
.home-page .connection-point{font-size:15px;line-height:1.6;margin-bottom:14px}
.home-page .connection-hook .note{font-size:12px;line-height:1.7;margin:10px 0}
.home-page .connection-relief{margin:16px 0}
.home-page .connection-relief summary{font-size:14px;line-height:1.6;padding:13px 0}
.home-page .hook-next{font-size:14px;line-height:1.6;padding:12px 0}
.home-page .start-here{padding:20px;margin:32px 0 10px}
.home-page .start-here b{font-size:19px;line-height:1.45;margin-bottom:10px}
.home-page .start-here span{font-size:14px;line-height:1.6}
.home-page .start-here small{font-size:12px;line-height:1.6;margin-top:8px}
.home-page .iphone-short,.home-page .self-short{font-size:13px;line-height:1.6;padding:12px 0}
.home-page .quick-tools{margin:40px 0;padding:24px 0 14px}
.home-page .quick-tools>h2{font-size:22px;line-height:1.4;margin-bottom:20px;padding:0 16px}
.home-page .quick-grid{gap:12px;padding:0 16px}
.home-page .quick-card{position:relative;padding:16px 14px 32px;border:2px solid #6bbbc8;border-radius:9px;cursor:pointer;touch-action:manipulation;transition:background-color .15s,border-color .15s,transform .12s;box-shadow:0 3px 0 #050d11}
.home-page .quick-card::after{content:'→';position:absolute;right:12px;bottom:8px;color:#a5f3fa;font:700 20px/1 var(--mono);pointer-events:none}
.home-page .quick-card h3{font-size:16px;line-height:1.45;min-height:0;margin-bottom:10px}
.home-page .quick-card p{font-size:14px;line-height:1.55;margin-bottom:9px}
.home-page .quick-card small{font-size:12px;line-height:1.5}
.home-page .quick-card:hover{border-color:#b4f5ff;background:#1a3039;box-shadow:0 3px 0 #050d11,0 0 0 1px #8ad8e3}
.home-page .quick-card:active{transform:scale(.98);background:#284550;border-color:#c9faff;box-shadow:inset 0 2px 5px #0006}
.home-page .quick-card:focus-visible{outline:3px solid #d2fbff;outline-offset:4px;border-color:#d2fbff}
.home-page .quick-all{font-size:14px;padding:12px 0;margin-left:16px}
.home-page .search-shell{margin:40px 0;padding:22px 18px}
.home-page .search-label{font-size:22px;line-height:1.4;margin-bottom:18px}
.home-page .suggestions{gap:10px;margin-top:18px}
.home-page .suggestions .suggestion{font-size:12px;line-height:1.5;padding:12px;min-height:48px}
.home-page .map-zone{margin-top:40px;padding-top:28px}
.home-page .map-head{gap:12px;margin-bottom:20px;flex-wrap:wrap}
.home-page .map-head h2{font-size:24px;line-height:1.4}
.home-page .map-head>span{font-size:12px;line-height:1.5}
.home-page .learning-map .doors{gap:12px}
.home-page .learning-map .door{padding:15px;min-height:120px}
.home-page .learning-map .door-number{font-size:12px;margin-bottom:8px}
.home-page .learning-map .door h3{font-size:14px;line-height:1.4;margin-bottom:8px}
.home-page .learning-map .door p{font-size:13px;line-height:1.55}
@media(max-width:650px){.home-page .main{padding-top:24px}.home-page .quick-tools,.home-page .search-shell{margin-top:32px;margin-bottom:32px}.home-page .quick-tools{padding-top:20px}.home-page .quick-tools>h2,.home-page .search-label{font-size:21px}.home-page .quick-card{padding:14px 12px 30px;min-height:170px}.home-page .quick-card>span{font-size:18px;float:none;display:block;margin:0 0 12px}.home-page .quick-card h3{font-size:15px;min-height:0;max-width:none}.home-page .quick-card p{font-size:13px}.home-page .start-here{padding:18px}.home-page .start-here b{font-size:18px}.home-page .map-head h2{font-size:22px}.home-page .learning-map .door{padding:13px;min-height:128px}.home-page .learning-map .door h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.home-page .quick-card{transition:none}.home-page .quick-card:active{transform:none}}
/* The connection demonstration starts only on deliberate activation. */
.connection-console [hidden],#connection-details[hidden]{display:none!important}
.home-page .connection-reveal{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:22px 0 0;padding:14px 18px;border:2px solid #a9ffbd;background:#a9ffbd;color:#071109;font:700 17px/1.4 var(--mono);cursor:pointer;touch-action:manipulation;white-space:normal}
.home-page .connection-reveal:hover,.home-page .connection-reveal:active{background:#ceffda;border-color:#ceffda;color:#071109}
.home-page .connection-reveal:focus-visible{outline:3px solid #f0fff4;outline-offset:4px}
.home-page .connection-console[aria-busy=true]{border-left-color:#b8ffb0}
@media(max-width:650px){.home-page .connection-reveal{font-size:16px}}