.web-learning-path{max-width:none}.web-learning-path section{margin:var(--lab-space-4) 0 0;border-top:1px solid var(--lab-line);padding-top:13px}.web-learning-path h3{color:var(--lab-text);margin:0 0 10px;font-size:15px}.web-learning-path-links{gap:var(--lab-space-2);flex-wrap:wrap;display:flex}.web-learning-path-links a{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-accent);background:var(--lab-surface);padding:7px 10px;font-size:12px;text-decoration:none}.web-learning-path-links a:hover{border-color:var(--lab-line);background:var(--lab-raised)}.web-example-code{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-text);background:var(--lab-inset);font:12px/1.7 var(--lab-font-code);white-space:pre-wrap;overflow-wrap:anywhere;padding:17px;overflow-x:auto}.web-compare-table{border-collapse:collapse;width:100%;font-size:13px}.web-compare-table th,.web-compare-table td{border:1px solid var(--lab-line);text-align:left;vertical-align:top;padding:11px 10px}.web-compare-table th{background:var(--lab-surface);color:var(--lab-text)}.web-lesson-check{border-left:3px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);margin:14px 0;padding:15px 17px}.web-lesson-check h3{color:var(--lab-text);margin:0 0 6px;font-size:16px}.web-lesson-check p{margin:0}.web-reading .web-http-practice{gap:var(--lab-space-3);margin:var(--lab-space-3) 0 26px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);padding:22px;display:grid}.web-http-practice label{color:var(--lab-text);font-size:14px;font-weight:800}.web-http-practice input{width:100%;min-height:42px;padding:9px var(--lab-space-3);border:1px solid var(--lab-line);border-radius:var(--lab-radius-control);background:var(--lab-inset);font:inherit}.web-http-actions{flex-wrap:wrap;gap:10px;display:flex}.web-http-actions button{border-radius:var(--lab-radius-control);min-height:41px;color:var(--lab-text);background:var(--lab-surface);cursor:pointer;border:0;padding:9px 15px;font-weight:800}.web-http-actions button:disabled{opacity:.6;cursor:default}.web-http-result{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);padding:15px}.web-http-result>b{color:var(--lab-text);font-size:14px}.web-http-result dl{margin:var(--lab-space-3) 0}.web-http-result dl div{border-bottom:1px solid var(--lab-line);grid-template-columns:120px minmax(0,1fr);gap:10px;padding:7px 0;font-size:13px;display:grid}.web-http-result dt{color:var(--lab-muted)}.web-http-result dd{overflow-wrap:anywhere;color:var(--lab-text);font-family:var(--lab-font-code);margin:0}.web-ctf-index .web-challenge-filters{align-items:center;gap:var(--lab-space-3) 20px;flex-wrap:wrap;display:flex}.web-progress-export{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-secondary);background:var(--lab-surface);cursor:pointer;padding:7px 10px;font-size:12px;font-weight:750}.web-challenge-card-details{align-items:center;gap:var(--lab-space-2) var(--lab-space-3);color:var(--lab-muted);flex-wrap:wrap;margin:15px 0 0 46px;font-size:12px;display:flex}.web-challenge-card-details b,.web-challenge-meta b{padding:var(--lab-space-1) 9px;border-radius:var(--lab-radius-flat);color:var(--lab-secondary);background:var(--lab-surface);font-size:12px}.web-challenge-card-objective{margin:var(--lab-space-2) 0 0 46px;color:var(--lab-muted);font-size:12px;line-height:1.6}.web-challenge-empty{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);max-width:1180px;color:var(--lab-muted);padding:26px}.web-challenge-meta{margin:var(--lab-space-4) 0 0;color:var(--lab-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}@media (max-width:620px){.web-http-result dl div{grid-template-columns:1fr;gap:2px}.web-compare-table{font-size:12px}.web-challenge-card-details,.web-challenge-card-objective{margin-left:0}}.web-index-footnote{flex-wrap:wrap;gap:10px 22px;margin-top:28px;display:flex}.web-index-footnote a{color:var(--lab-accent);font-size:14px;font-weight:750;text-decoration:none}.web-index-footnote a:hover{text-decoration:underline}.web-academy-course{background:var(--lab-bg);padding-top:0}.web-course-context{justify-content:space-between;align-items:center;gap:var(--lab-space-3);min-height:50px;margin:0 calc(-1 * max(var(--lab-space-5),(100vw - 1180px)/2)) 26px;padding:var(--lab-space-2) max(var(--lab-space-5),(100vw - 1180px)/2);color:var(--lab-text);background:var(--lab-surface);font-size:13px;display:flex}.web-course-context a{color:var(--lab-text);font-weight:800;text-decoration:none}.web-course-workspace{padding:var(--lab-space-6) 38px 44px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);box-shadow:none}.web-course-workspace .web-section-nav{padding:var(--lab-space-2) 20px 0;white-space:nowrap;margin:-32px -38px 38px;overflow-x:auto}.web-course-workspace .web-academy-heading{max-width:none;margin-bottom:30px}.web-course-workspace .web-academy-heading h1{font-size:clamp(34px,4vw,52px)}.web-course-section-heading{margin:45px 0 20px}.web-course-section-heading span,.web-path-head span{color:var(--lab-secondary);letter-spacing:.14em;font-size:12px;font-weight:900}.web-course-section-heading h2{color:var(--lab-text);margin:9px 0;font-size:26px}.web-course-section-heading p{color:var(--lab-muted);font-size:14px}.web-course-workspace .web-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-course-workspace .web-lesson-grid>a{border-radius:var(--lab-radius-flat);min-height:210px;box-shadow:none}.web-course-workspace .web-lesson-grid h2{font-size:20px}.web-learning-path{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);padding:28px}.web-path-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.web-path-head h2{color:var(--lab-text);margin:9px 0;font-size:25px}.web-path-head p{color:var(--lab-muted);margin:0;font-size:14px;line-height:1.7}.web-path-switch{padding:var(--lab-space-1);border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);flex:none;gap:5px;display:flex}.web-path-switch button{border-radius:var(--lab-radius-control);color:var(--lab-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:9px 13px;font-size:13px;font-weight:850}.web-path-switch button[aria-pressed=true]{color:var(--lab-text);background:var(--lab-surface)}.web-path-stages,.web-path-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.web-path-prep,.web-path-stage,.web-path-topics>section{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);min-width:0;padding:20px}.web-path-prep b,.web-path-stage h3,.web-path-topics h3{color:var(--lab-text);margin:0;font-size:16px}.web-path-prep p,.web-path-stage>p{margin:var(--lab-space-2) 0 14px;color:var(--lab-muted);font-size:12px;line-height:1.6}.web-path-prep a{color:var(--lab-accent);font-size:13px;font-weight:800;text-decoration:none}.web-path-stages ol,.web-path-topics ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.web-path-stages li,.web-path-topics li{border-top:1px solid var(--lab-line)}.web-path-stages li a,.web-path-topics li a{min-height:43px;color:var(--lab-accent);align-items:center;gap:9px;font-size:13px;text-decoration:none;display:flex}.web-path-stages li a:hover,.web-path-topics li a:hover{color:var(--lab-accent)}.web-path-stages li span,.web-path-topics li span{color:var(--lab-secondary);font-family:var(--lab-font-code);font-weight:800}.web-path-stages li em,.web-path-topics li em{white-space:nowrap;color:var(--lab-muted);margin-left:auto;font-size:12px;font-style:normal}.web-path-note{color:var(--lab-muted);margin:18px 0 0;font-size:13px;line-height:1.7}.web-path-note a{color:var(--lab-accent)}.web-ctf-index .web-challenge-section{background:var(--lab-surface);padding-top:44px}.web-ctf-index-hero{box-shadow:none;border-radius:var(--lab-radius-flat)!important}.web-ctf-index .ctf-challenge-list{border-radius:var(--lab-radius-flat);background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none;display:grid;overflow:visible}.web-ctf-index .ctf-challenge-list>li{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);min-width:0;box-shadow:none;padding:22px}.web-ctf-index .ctf-challenge-list>li.complete{border-color:var(--lab-accent);background:var(--lab-accent-soft)}.web-ctf-index .ctf-challenge-row>a{min-width:0}.web-ctf-index .ctf-flag-row{grid-template-columns:42px minmax(0,1fr) auto auto;margin-left:0}.web-ctf-index .ctf-flag-row small{grid-column:2/-1}.web-ctf-index .web-challenge-card-details,.web-ctf-index .web-challenge-card-objective{margin-left:46px}.ctf-challenge-page{background:var(--lab-bg)}.ctf-challenge-heading{padding:0 0 var(--lab-space-4)}.ctf-challenge-heading>div{flex-wrap:wrap;align-items:center}.ctf-challenge-heading>div>span{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);height:58px;color:var(--lab-secondary);background:var(--lab-surface);flex:0 0 58px;place-items:center;font-size:20px;display:grid}.ctf-challenge-heading h1{min-width:0;margin:0;font-size:clamp(25px,3vw,38px);line-height:1.25}.ctf-challenge-heading .web-challenge-meta{flex-wrap:wrap;align-items:center;gap:9px;margin:15px 0;display:flex}.ctf-challenge-heading .web-challenge-meta>span{max-width:none;color:var(--lab-muted);white-space:normal;font-size:13px;font-weight:500;display:inline-block}.ctf-challenge-heading .ctf-problem-description{max-width:none;margin:var(--lab-space-4) 0 10px;padding:21px var(--lab-space-5);border:1px solid var(--lab-line);border-left:4px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface)}.ctf-challenge-heading .ctf-problem-description>b{color:var(--lab-secondary);letter-spacing:.14em;font-size:12px}.ctf-vulnerable-site{border-radius:var(--lab-radius-flat);box-shadow:none}@media (max-width:900px){.web-path-head{flex-direction:column;align-items:flex-start}.web-ctf-index .ctf-challenge-list,.web-course-workspace .web-lesson-grid{grid-template-columns:1fr}}@media (max-width:620px){.web-academy-course{padding:0 var(--lab-space-4) 55px}.web-course-context{margin:0 -16px var(--lab-space-4);padding:var(--lab-space-2) var(--lab-space-4)}.web-course-workspace{padding:22px 18px}.web-course-workspace .web-section-nav{margin:-22px -18px var(--lab-space-5);padding:5px 10px 0}.web-path-stages,.web-path-topics{grid-template-columns:1fr}.web-learning-path{padding:18px}.web-ctf-index .web-challenge-section{padding:26px var(--lab-space-3)}.web-ctf-index .ctf-challenge-list>li{padding:17px}.web-ctf-index .web-challenge-card-details,.web-ctf-index .web-challenge-card-objective{margin-left:0}.web-ctf-index .ctf-flag-row{grid-template-columns:1fr auto}.web-ctf-index .ctf-flag-row label,.web-ctf-index .ctf-flag-row small{grid-column:1/-1}.ctf-challenge-heading .ctf-problem-description{padding:17px}}.web-index-path{margin:var(--lab-space-5) 0 14px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.web-index-path b{color:var(--lab-text);font-size:15px}.web-index-path p{max-width:590px;color:var(--lab-muted);margin:5px 0 0;font-size:12px;line-height:1.6}.web-index-path>a{color:var(--lab-accent);font-size:13px;font-weight:800;text-decoration:none}.web-progress-import{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-secondary);background:var(--lab-surface);cursor:pointer;padding:7px 10px;font-size:12px;font-weight:750;position:relative;overflow:hidden}.web-progress-import input{opacity:0;width:1px;height:1px;position:absolute}.web-progress-import:focus-within{outline:2px solid var(--lab-accent);outline-offset:2px}.web-progress-message{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-secondary);background:var(--lab-surface);margin:0 0 14px;padding:10px 14px;font-size:12px}.web-basic-reading{max-width:1100px;margin:auto}.web-basic-reading>.web-learning-path{margin-top:28px;padding:28px}.web-basic-reading>.web-advanced-entry{padding:25px}.web-basic-reading .web-lesson-grid>a{min-height:210px}.web-basic-reading .web-lesson-grid h2{font-size:20px}@media (max-width:700px){.web-basic-reading>.web-learning-path{padding:18px}.web-basic-reading>.web-advanced-entry{padding:19px}}.web-environment{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);margin:0 0 18px;padding:15px 19px}.web-environment summary{color:var(--lab-text);cursor:pointer;font-size:13px;font-weight:850}.web-environment dl{gap:0;margin:14px 0 0;display:grid}.web-environment dl>div{gap:var(--lab-space-3);border-top:1px solid var(--lab-line);grid-template-columns:100px minmax(0,1fr);padding:9px 0;font-size:12px;display:grid}.web-environment dt{color:var(--lab-muted);font-weight:800}.web-environment dd{color:var(--lab-text);margin:0;line-height:1.6}.web-environment p{margin:var(--lab-space-2) 0 0;color:var(--lab-muted);font-size:12px}.ctf-challenge-heading .web-challenge-meta strong{border-radius:var(--lab-radius-flat);color:var(--lab-secondary);background:var(--lab-surface);padding:5px 9px;font-size:12px}@media (max-width:620px){.web-index-path{flex-direction:column;align-items:stretch}.web-environment dl>div{grid-template-columns:1fr;gap:2px}}.course-navigation-tools>a{min-height:35px;padding:0 var(--lab-space-3);border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-text);white-space:nowrap;justify-content:center;align-items:center;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.course-navigation-tools>a:hover{border-color:var(--lab-line);background:var(--lab-raised)}.web-academy:not(.web-academy-course){padding:44px max(var(--lab-space-5),calc((100vw - 1280px)/2)) 80px;background:var(--lab-surface)}.web-academy:not(.web-academy-course) .web-reading{border-color:var(--lab-line);border-radius:var(--lab-radius-flat);max-width:none;box-shadow:none}.web-academy:not(.web-academy-course) .web-reading h1{font-size:clamp(32px,3vw,46px)}.web-academy:not(.web-academy-course) .web-reading-nav{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-bg);padding:14px}.web-glossary .web-reading{margin:auto;max-width:980px!important}.web-glossary dl{gap:var(--lab-space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0;display:grid}.web-glossary dl>div{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);padding:18px}.web-glossary dt{color:var(--lab-secondary);font-weight:850}.web-glossary dd{color:var(--lab-muted);margin:7px 0 0;font-size:13px;line-height:1.7}@media (max-width:700px){.web-academy:not(.web-academy-course){padding:22px var(--lab-space-3) 55px}.web-academy:not(.web-academy-course) .web-reading{padding:23px}.web-glossary dl{grid-template-columns:1fr}.course-navigation-tools>a{padding:0 9px;font-size:12px}}.ctf-challenge-page .ctf-challenge-heading p.web-challenge-meta>span{flex:initial;place-items:initial;border-radius:var(--lab-radius-flat);width:auto;height:auto;color:var(--lab-muted);font-size:13px;font-weight:500;line-height:1.6;font-family:var(--lab-font-body);background:0 0;border:0;display:inline-block}.ctf-challenge-page .ctf-challenge-heading p.web-challenge-meta>b{flex:none}.ctf-challenge-page .ctf-challenge-heading .ctf-problem-description{max-width:none;margin:var(--lab-space-4) 0 10px;padding:21px var(--lab-space-5);border-left:4px solid var(--lab-line);color:var(--lab-muted);background:var(--lab-bg);font-size:15px}.ctf-challenge-page .ctf-challenge-heading .ctf-problem-description>b{color:var(--lab-secondary)}.web-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0;display:grid}.web-tool-card{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);min-width:0;color:var(--lab-text);transition:color var(--lab-motion) ease, background-color var(--lab-motion) ease, border-color var(--lab-motion) ease;flex-direction:column;padding:22px;text-decoration:none;display:flex}:is(.web-tool-card:hover,.web-tool-card:focus-visible){border-color:var(--lab-accent);box-shadow:none;transform:none}.web-tool-card>span{color:var(--lab-secondary);letter-spacing:.13em;font-size:12px;font-weight:900}.web-tool-card h2{margin:10px 0 5px!important;font-size:21px!important}.web-tool-card p{font-size:13px;line-height:1.7;margin:0 0 var(--lab-space-3)!important}.web-tool-card small{color:var(--lab-muted);margin-top:auto;font-size:12px}.web-tool-card b{color:var(--lab-secondary);margin-top:13px;font-size:12px}.web-tool-guide header>small{margin-top:var(--lab-space-3);border-radius:var(--lab-radius-flat);background:var(--lab-surface);color:var(--lab-secondary);padding:6px 9px;font-size:12px;font-weight:800;display:inline-block}.web-tool-guide nav{gap:var(--lab-space-2) var(--lab-space-4);flex-wrap:wrap;display:flex}.web-tool-guide nav a{white-space:nowrap}.web-tool-scope{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);padding:14px 20px!important}.web-tool-guide .web-tool-steps{gap:var(--lab-space-3);counter-reset:guide;padding-left:0;list-style:none;display:grid}.web-tool-guide .web-tool-steps>li{min-width:0;padding:var(--lab-space-4) 18px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);position:relative}.web-tool-guide .web-tool-steps h3{color:var(--lab-text);margin:0 0 7px;font-size:16px}.web-tool-guide .web-tool-steps p{color:var(--lab-muted);margin:0;font-size:13px;line-height:1.8}.web-tool-guide .web-tool-steps pre{margin:15px 0 0}.web-tool-step-number{margin-bottom:var(--lab-space-2);color:var(--lab-secondary);font:800 12px var(--lab-font-code);display:inline-block}.web-tool-troubleshoot{gap:10px;display:grid}.web-tool-troubleshoot>div{padding:13px var(--lab-space-4);border-left:3px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface)}.web-tool-troubleshoot h3{color:var(--lab-text);margin:0 0 5px;font-size:14px}.web-tool-troubleshoot p{color:var(--lab-muted);margin:0;font-size:13px;line-height:1.7}.web-tool-back{margin-top:28px}.web-tool-back a{color:var(--lab-accent);font-weight:800;text-decoration:none}.web-tool-guide :target{scroll-margin-top:20px}@media (max-width:700px){.web-tool-grid{grid-template-columns:1fr}.web-tool-card{padding:18px}.web-tool-guide .web-tool-steps>li{padding:14px}.web-tool-guide nav{gap:7px 11px}}.web-path-switch{min-width:0;margin:0;position:relative}.web-path-switch legend{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.web-path-switch label{cursor:pointer;display:block;position:relative}.web-path-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.web-path-switch label span{border-radius:var(--lab-radius-flat);color:var(--lab-muted);white-space:nowrap;padding:9px 13px;font-size:13px;font-weight:850;display:block}.web-path-switch input:checked+span{color:var(--lab-accent);background:var(--lab-accent-soft)}.web-path-switch input:focus-visible+span{outline:3px solid var(--lab-accent);outline-offset:2px}.web-tool-official{align-items:center;gap:var(--lab-space-2) 15px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);flex-wrap:wrap;padding:10px 13px;display:flex;margin:0 0 14px!important;font-size:12px!important}.web-tool-official a{color:var(--lab-accent);font-weight:850}.web-tool-official span{color:var(--lab-muted)}.web-start-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.web-start-steps li{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);gap:15px;min-width:0;padding:22px;display:flex}.web-start-steps li>span{color:var(--lab-secondary);font:900 16px var(--lab-font-code);flex:none}.web-start-steps h2{margin:0 0 var(--lab-space-2);color:var(--lab-text);font-size:19px}.web-start-steps p{color:var(--lab-muted);margin:0;font-size:13px;line-height:1.75}.web-start-tools,.web-start-next{margin-top:var(--lab-space-5);border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);padding:25px}.web-start-tools{background:var(--lab-surface);justify-content:space-between;align-items:center;gap:25px;display:flex}.web-start-tools span{color:var(--lab-secondary);letter-spacing:.12em;font-size:12px;font-weight:900}.web-start-tools h2,.web-start-next h2{margin:var(--lab-space-2) 0;color:var(--lab-text);font-size:22px}.web-start-tools p,.web-start-next p{max-width:820px;margin:var(--lab-space-2) 0 0;color:var(--lab-muted);font-size:14px;line-height:1.8}.web-start-tools>a,.web-start-next a{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);min-height:42px;color:var(--lab-accent);background:var(--lab-surface);flex:none;justify-content:center;align-items:center;padding:10px 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.web-start-next>div{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.web-start-next a.web-start-primary{border-color:var(--lab-line);color:var(--lab-text);background:var(--lab-surface)}.web-start-reading .web-start-steps{margin:25px 0 0;padding:0}.web-start-reading .web-start-tools,.web-start-reading .web-start-next{padding:25px}@media (max-width:700px){.web-start-steps{grid-template-columns:1fr}.web-start-steps li{padding:18px}.web-start-tools{flex-direction:column;align-items:flex-start}.web-start-reading .web-start-tools,.web-start-reading .web-start-next{padding:19px}}.web-reference-teaser{justify-content:space-between;align-items:center;gap:var(--lab-space-5);border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);margin:22px 0;padding:22px;display:flex}.web-reference-teaser span{color:var(--lab-secondary);letter-spacing:.12em;font-size:12px;font-weight:900}.web-reference-teaser h2{color:var(--lab-text);margin:7px 0!important;font-size:20px!important}.web-reference-teaser p{color:var(--lab-muted);line-height:1.7;margin:0!important;font-size:13px!important}.web-reference-teaser>a{border-radius:var(--lab-radius-flat);color:var(--lab-text);background:var(--lab-surface);flex:none;padding:11px 14px;font-size:12px;font-weight:800;text-decoration:none}.web-reference-page .web-reading{max-width:1080px;margin:auto}.web-reference-warning{border:1px solid var(--lab-accent);border-left:4px solid var(--lab-accent);border-radius:var(--lab-radius-flat);background:var(--lab-accent-soft);padding:17px 19px}.web-reference-warning b{color:var(--lab-accent);font-size:14px}.web-reference-warning p{color:var(--lab-accent);margin:5px 0 0;font-size:13px;line-height:1.7}.web-reference-jump{gap:var(--lab-space-2);flex-wrap:wrap;margin:22px 0;display:flex}.web-reference-jump a{padding:var(--lab-space-2) 11px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-accent);background:var(--lab-surface);font-size:12px;font-weight:800;text-decoration:none}.web-reference-list{gap:17px;display:grid}.web-reference-card{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);scroll-margin-top:20px;margin:0!important;padding:23px!important}.web-reference-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.web-reference-head span{color:var(--lab-secondary);letter-spacing:.12em;font-size:12px;font-weight:900}.web-reference-head h2{color:var(--lab-text);margin:6px 0 2px!important;font-size:23px!important}.web-reference-head small{color:var(--lab-muted);font-size:12px}.web-reference-head>a{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-accent);background:var(--lab-surface);flex:none;padding:9px 13px;font-size:12px;font-weight:800;text-decoration:none}.web-reference-card>p{color:var(--lab-muted);margin:15px 0;font-size:14px;line-height:1.75}.web-reference-card h3{color:var(--lab-text);margin:20px 0 9px;font-size:15px}.web-reference-card ol{gap:var(--lab-space-2);color:var(--lab-muted);margin:0;padding-left:23px;font-size:13px;line-height:1.7;display:grid}.web-reference-card .web-reference-caution{margin:18px 0 var(--lab-space-3);padding:var(--lab-space-3) 14px;border-radius:var(--lab-radius-flat);color:var(--lab-muted);background:var(--lab-surface);font-size:12px}.web-reference-lesson{color:var(--lab-secondary);font-size:12px;font-weight:800;text-decoration:none}.web-reference-updated{color:var(--lab-muted);margin-top:22px;font-size:12px}@media (max-width:700px){.web-reference-teaser{flex-direction:column;align-items:flex-start}.web-reference-card{padding:18px!important}.web-reference-head{flex-direction:column;align-items:flex-start}.web-reference-head>a{align-self:flex-start}}.web-advanced-entry{justify-content:space-between;align-items:center;gap:var(--lab-space-5);border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);margin-top:28px;padding:25px;display:flex}.web-advanced-entry span,.web-advanced-number{color:var(--lab-secondary);letter-spacing:.1em;font-size:12px;font-weight:900}.web-advanced-entry h2{color:var(--lab-text);margin:7px 0;font-size:22px}.web-advanced-entry p{max-width:780px;color:var(--lab-muted);margin:0;font-size:14px;line-height:1.7}.web-advanced-entry>a{border-radius:var(--lab-radius-flat);color:var(--lab-text);background:var(--lab-surface);flex:none;padding:11px 14px;font-size:13px;font-weight:800;text-decoration:none}.web-advanced-page .web-reading{max-width:1080px;margin:auto}.web-advanced-jump{gap:var(--lab-space-2);margin:var(--lab-space-5) 0;flex-wrap:wrap;display:flex}.web-advanced-jump a{padding:9px var(--lab-space-3);border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-accent);background:var(--lab-surface);font-size:13px;font-weight:800;text-decoration:none}.web-advanced-section{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);scroll-margin-top:20px;margin:20px 0!important;padding:25px!important}.web-advanced-section h2{color:var(--lab-text);margin:var(--lab-space-2) 0 10px!important;font-size:24px!important}.web-advanced-section>p{color:var(--lab-muted);line-height:1.8}.web-advanced-section h3{margin:21px 0 var(--lab-space-3);color:var(--lab-text);font-size:16px}.web-advanced-scenario{padding:var(--lab-space-4) 18px;border-left:3px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);margin:18px 0}.web-advanced-scenario b{color:var(--lab-secondary);font-size:13px}.web-advanced-scenario p{color:var(--lab-muted);margin:7px 0 0;font-size:14px;line-height:1.75}.web-advanced-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.web-advanced-checks>div{padding:var(--lab-space-4);border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface)}.web-advanced-checks b{color:var(--lab-secondary);font-size:13px}.web-advanced-checks p{color:var(--lab-muted);margin:7px 0 0;font-size:13px;line-height:1.7}.web-advanced-links{margin-top:var(--lab-space-4);flex-wrap:wrap;gap:10px 17px;display:flex}.web-advanced-links a{color:var(--lab-accent);font-size:12px;font-weight:800;text-decoration:none}.web-advanced-note{border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);color:var(--lab-muted);background:var(--lab-surface);padding:15px 18px;font-size:13px;line-height:1.75;margin:var(--lab-space-5) 0 0!important}@media (max-width:700px){.web-advanced-entry{flex-direction:column;align-items:flex-start;padding:19px}.web-advanced-checks{grid-template-columns:1fr}.web-advanced-section{padding:19px!important}}.web-index-start-links{gap:var(--lab-space-2) var(--lab-space-4);flex-wrap:wrap;display:flex}.web-index-start-links a{color:var(--lab-accent);font-size:13px;font-weight:800;text-decoration:none}.web-index-start-links a:hover{text-decoration:underline}.web-environment-summary{margin:0 0 var(--lab-space-2);border:1px solid var(--lab-line);border-radius:var(--lab-radius-flat);background:var(--lab-surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:13px 19px;display:grid}.web-environment-summary>div{min-width:0;color:var(--lab-text);align-items:baseline;gap:10px;font-size:12px;line-height:1.6;display:flex}.web-environment-summary b{color:var(--lab-secondary);flex:none;font-size:12px}.web-environment-summary span{overflow-wrap:anywhere;min-width:0}.web-environment-summary p{margin:var(--lab-space-2) 0 0;padding-top:var(--lab-space-2);border-top:1px solid var(--lab-line);color:var(--lab-muted);grid-column:1/-1;font-size:12px;line-height:1.6}@media (max-width:700px){.web-environment-summary{grid-template-columns:1fr;gap:7px}.web-index-start-links{gap:7px 13px}}.web-board-load{min-height:230px;padding:45px var(--lab-space-5);text-align:center;background:var(--lab-surface)}.web-board-load b{color:var(--lab-text);font-size:17px}.web-board-load p{color:var(--lab-muted);margin:10px 0 18px;font-size:13px}.web-board-load button{border:1px solid var(--lab-line);border-radius:var(--lab-radius-control);color:var(--lab-secondary);background:var(--lab-surface);font:inherit;cursor:pointer;padding:9px 15px;font-size:13px;font-weight:800}
