/* Shared Bootstrap learning experience. Scoped to learning-page. */
.learning-page .section-hero{padding-top:126px;padding-bottom:48px}.learning-page .section-hero h1{max-width:900px;font-size:clamp(2.3rem,4.6vw,3.7rem);line-height:1.12}.learning-page .section-hero .lesson-intro{max-width:720px;margin-bottom:0}.learning-page .hub-main{padding:56px 0 80px!important}.learning-page .reading-main{max-width:860px;padding:44px 0 80px!important;font-size:.96rem;line-height:1.85}.learning-page .reading-layout{display:block!important;max-width:860px;padding:44px 0 80px!important}.learning-page .reading-layout .lesson-body{max-width:none}.learning-page .reading-main>h2{margin:42px 0 18px}.learning-page .reading-main>p{margin-bottom:20px}.learning-page .reading-main section{margin:38px 0;padding:0}.learning-page .reading-main section>h2{margin:0 0 18px}.learning-page .reading-main h3{margin:26px 0 14px;line-height:1.5}.learning-page .reading-main p,.learning-page .hub-main p{color:var(--lesson-muted);line-height:1.85}.learning-page .reading-main strong{color:var(--lesson-text)}.learning-page .reading-main :is(ul,ol){padding-left:24px;margin:16px 0 24px}.learning-page .reading-main li{margin-bottom:10px}.learning-page .reading-main a:not(.btn):not(.unit-item):not(.cert-link){color:var(--lesson-accent);text-underline-offset:4px}.learning-page .reading-main details{background:var(--lesson-surface);border:1px solid var(--lesson-border);border-radius:12px;padding:0;margin:20px 0;overflow:hidden}.learning-page .reading-main summary{padding:18px 22px;font-size:.9rem;font-weight:650;cursor:pointer}.learning-page .reading-main details>p,.learning-page .reading-main details>h3,.learning-page .reading-main details>.lesson-actions,.learning-page .reading-main details>.lesson-terminal{margin:18px 22px}.learning-page .reading-main details>ul,.learning-page .reading-main details>ol{margin:18px 22px 22px 44px}.learning-page .reading-main .reference-panel{border-top:1px solid var(--lesson-border);padding-top:28px}.reference-panel p{font-size:.8rem}.learning-page .reference-panel ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.reference-panel li{margin:0!important}.learning-page .reference-panel a{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid var(--lesson-border);background:var(--lesson-surface);border-radius:8px;text-decoration:none;font-size:.76rem;line-height:1.6}.reference-panel a:hover{border-color:var(--lesson-accent)}.learning-page .reading-main .quiz-panel{padding:26px;background:var(--lesson-soft)}.learning-page .quiz-panel legend{float:none;width:auto;font-size:1rem;line-height:1.6}.learning-page .quiz-panel .quiz-option{margin-bottom:12px}.learning-page .quiz-panel .quiz-option input{margin-right:10px}.learning-page .quiz-panel .quiz-option{gap:0}.learning-page .quiz-panel [data-quiz-feedback]:not(:empty){padding-top:16px;color:var(--lesson-text)}.learning-page .reading-main .completion-panel{padding:26px;display:block}.completion-panel>button{margin-top:6px}.learning-page .reading-main .unit-list{display:grid;grid-template-columns:1fr;gap:14px}.learning-page .reading-main .unit-item{display:flex;padding:22px;margin:0;background:var(--lesson-surface);border:1px solid var(--lesson-border);border-radius:12px;text-decoration:none;transform:none;gap:20px}.learning-page .reading-main .unit-item:hover{border-color:var(--lesson-accent);background:var(--lesson-soft)}.learning-page .unit-item .unit-title{color:var(--lesson-text);font-size:1rem}.learning-page .unit-item p{font-size:.86rem;margin:8px 0 0}.learning-page .unit-item .unit-icon-box{background:var(--lesson-soft);color:var(--lesson-accent);flex-shrink:0}.learning-page .reading-main label:not(.quiz-option){max-width:100%;width:100%;font-size:.9rem}.learning-page .reading-main .form-control,.learning-page .reading-main .form-select{margin-top:8px;background:var(--lesson-surface);border:1px solid var(--lesson-border);color:var(--lesson-text);padding:12px;font-size:.9rem}.learning-page .reading-main input[type=file]{display:block;max-width:100%;margin-top:10px}.learning-page .reading-main form:not([data-lesson-quiz]){border:1px solid var(--lesson-border);padding:24px;border-radius:12px;background:var(--lesson-surface)}.learning-page .reading-main form p:last-child{margin-bottom:0}.learning-page .reading-main [role=status]:not(:empty){color:var(--lesson-text);font-size:.87rem}.learning-page .reading-main fieldset{min-width:0}.learning-page .reading-main form>fieldset{margin-bottom:20px}.learning-page .reading-main .btn-outline-primary{color:var(--lesson-accent);border-color:var(--lesson-accent)}.learning-page .reading-main table{width:100%;background:var(--lesson-surface);font-size:.83rem;color:var(--lesson-text);border-collapse:collapse}.learning-page .reading-main :is(th,td){padding:14px;border:1px solid var(--lesson-border);color:var(--lesson-text);vertical-align:top;overflow-wrap:anywhere}.learning-page .reading-main th{background:var(--lesson-soft);font-weight:650}.learning-page .topology-table-wrapper{overflow:auto;border-radius:10px;margin:24px 0}.learning-page .topology-container{margin:24px 0;padding:0;background:var(--lesson-surface);border:1px solid var(--lesson-border);border-radius:12px;overflow:hidden}.learning-page .topology-img{max-width:100%;height:auto}.learning-page .topology-container figcaption{padding:14px;font-size:.8rem;color:var(--lesson-muted)}.learning-page .lesson-terminal .terminal-caption{font-size:.72rem;line-height:1.75;color:#a3b4cc}.learning-page .lesson-terminal pre{font-size:.85rem}.learning-page .reading-main .lesson-terminal figcaption{padding:12px 16px}.learning-page .reading-main .lesson-terminal p{color:#a3b4cc}.learning-page .hero-facts{display:flex;flex-wrap:wrap;gap:32px;margin-top:30px;font-size:.78rem;color:var(--lesson-muted)}.hero-facts strong{font-size:1.1rem;color:var(--lesson-text);margin-right:4px}.welcome-note{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:42px;margin:0 0 48px;border-bottom:1px solid var(--lesson-border)}.welcome-note h2{max-width:450px}.welcome-note p:last-child{margin:0;font-size:.94rem}.hub-section-title{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:36px}.hub-section-title>p{font-size:.8rem;margin:0}.learning-page .course-stage{display:grid;grid-template-columns:310px minmax(0,1fr);gap:64px;margin:0;padding:32px 0;border-top:1px solid var(--lesson-border)}.stage-intro{display:flex;gap:18px;align-items:start;padding-top:16px}.stage-count{font-size:1.05rem;color:var(--lesson-accent);font-weight:700;font-family:monospace}.stage-intro h2{font-size:1.3rem}.stage-intro p:last-child{font-size:.84rem;margin:14px 0 0}.learning-page .course-lesson{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--lesson-border);text-decoration:none;color:var(--lesson-text)}.course-lesson:last-child{border:0}.lesson-number{font-family:monospace;font-size:.73rem;color:var(--lesson-muted)}.course-lesson>span:nth-child(2){flex:1}.course-lesson strong{display:block;font-size:.95rem;font-weight:650;line-height:1.6}.course-lesson>span:nth-child(2)>span{display:block;color:var(--lesson-muted);font-size:.8rem;margin-top:5px}.lesson-open{color:var(--lesson-accent);margin-left:8px}.course-lesson:hover strong{color:var(--lesson-accent);text-decoration:underline;text-underline-offset:4px}.learning-page .hub-block{margin:54px 0 0;padding:48px 0 0;border-top:1px solid var(--lesson-border)}.section-intro{max-width:690px;margin:18px 0 28px;font-size:.94rem}.tool-card{display:flex;flex-direction:column;gap:15px;border:1px solid var(--lesson-border);border-radius:14px;background:var(--lesson-surface);text-decoration:none;height:100%;padding:28px;color:var(--lesson-text)}.tool-card>i{color:var(--lesson-accent);font-size:1.15rem}.tool-card strong{display:flex;justify-content:space-between;font-size:1rem}.tool-card p{font-size:.85rem;margin:0}.tool-card:hover{border-color:var(--lesson-accent);background:var(--lesson-soft)}.path-card{--path-color:var(--lesson-accent);display:flex;flex-direction:column;height:100%;padding:30px;border:1px solid var(--lesson-border);border-radius:16px;background:var(--lesson-surface);text-decoration:none;color:var(--lesson-text)}.path-card.teal{--path-color:#087d70}.path-card.amber{--path-color:#9d5710}.path-card.violet{--path-color:#7753bd}.lesson-page:not(.light-mode) .path-card.teal{--path-color:#54c8b8}.lesson-page:not(.light-mode) .path-card.amber{--path-color:#f2bd6c}.lesson-page:not(.light-mode) .path-card.violet{--path-color:#b4a0ec}.path-card-top{display:flex;align-items:center;gap:14px;margin-bottom:24px}.path-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--lesson-border);border-radius:11px;color:var(--path-color);background:var(--lesson-soft);font-size:1.15rem}.path-kicker{font-size:.61rem;font-weight:800;letter-spacing:1.5px;color:var(--path-color)}.path-arrow{margin-left:auto;color:var(--path-color);font-size:1.2rem}.learning-page .path-card h3{font-size:1.5rem;margin:0 0 15px;letter-spacing:-.4px}.path-card p{font-size:.9rem;margin:0 0 22px}.path-careers{font-size:.77rem;color:var(--lesson-text);margin-top:auto;line-height:1.8}.path-card-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.71rem;color:var(--lesson-muted);padding-top:20px;margin-top:22px;border-top:1px solid var(--lesson-border)}.path-card-foot strong{color:var(--path-color)}.path-card:hover{border-color:var(--path-color);box-shadow:0 12px 26px #0d2b4510}.learning-page .study-shelf{padding:30px;margin:44px 0 0!important;background:var(--lesson-soft);border:1px solid var(--lesson-border);border-radius:14px}.study-shelf h2{font-size:1.4rem}.study-shelf p{font-size:.88rem;margin:16px 0}.study-shelf p:last-child{margin-bottom:0}.path-disclaimer{font-size:.76rem;margin:36px 0 0;color:var(--lesson-muted)}.career-outcome{border-top:1px solid var(--lesson-border);padding-top:20px;margin-top:26px;max-width:720px}.career-outcome>span{font-size:.62rem;letter-spacing:1.4px;font-weight:750;color:var(--lesson-accent)}.career-outcome p{font-size:.9rem;margin:8px 0 0;color:var(--lesson-text)}.path-opening{margin:0 0 36px!important}.path-opening h2{margin-bottom:16px}.cisco-track{border:1px solid var(--lesson-border);background:var(--lesson-surface);border-radius:14px;padding:28px;margin:22px 0}.track-heading{display:flex;align-items:start;gap:16px}.track-number{color:var(--lesson-accent);font-family:monospace;font-size:.8rem;padding-top:6px}.learning-page .track-heading h3{margin:0!important;font-size:1.3rem}.learning-page .track-role{font-size:.8rem;margin:8px 0 18px}.cisco-track>p{font-size:.87rem}.cert-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 0;margin:20px 0;border-block:1px solid var(--lesson-border);font-size:.83rem}.cert-stages>div>span{display:block;font-size:.58rem;color:var(--lesson-muted);font-weight:750;letter-spacing:1px;margin-bottom:12px}.learning-page .cert-link{color:var(--lesson-accent);text-decoration:none;font-size:.85rem;font-weight:650;line-height:1.7}.cert-link:hover{text-decoration:underline;text-underline-offset:4px}.cert-link span[aria-hidden]{font-size:.7rem}.learning-page .portfolio-prompt{font-size:.81rem;background:var(--lesson-soft);padding:14px 16px;border-radius:8px;margin:20px 0 0}.path-sources{border-top:1px solid var(--lesson-border);padding-top:30px!important;margin-top:44px!important}.path-sources h2{font-size:1.3rem}.path-sources p{font-size:.78rem}.path-sources .btn{font-size:.74rem}.provider-route{border:1px solid var(--lesson-border);border-radius:14px;background:var(--lesson-surface);overflow:hidden}.provider-title{padding:26px;border-bottom:1px solid var(--lesson-border);background:var(--lesson-soft)}.provider-level{display:flex;gap:22px;padding:24px 26px;border-bottom:1px solid var(--lesson-border)}.provider-level:last-child{border:0}.level-counter{font-family:monospace;color:var(--lesson-accent);font-size:.85rem;flex-shrink:0;padding-top:2px}.learning-page .provider-level h3{margin:0 0 10px;font-size:1rem}.provider-level p:last-child{font-size:.84rem;margin:0}.milestone{display:flex;gap:22px;position:relative;padding:0 0 36px}.milestone:not(:last-child):before{content:'';position:absolute;left:20px;top:43px;bottom:0;border-left:1px solid var(--lesson-border)}.milestone-marker{width:42px;height:42px;border:1px solid var(--lesson-border);background:var(--lesson-soft);display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:.8rem;font-weight:700;color:var(--lesson-accent)}.milestone-body{flex:1;min-width:0;padding:4px 0 0}.learning-page .milestone h3{font-size:1.28rem;margin:0 0 12px}.milestone-body>p{font-size:.9rem}.credential-list{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.credential-list .cert-link{padding:9px 13px;border:1px solid var(--lesson-border);border-radius:8px;background:var(--lesson-surface);font-size:.79rem}.credential-alternative{font-size:.75rem;color:var(--lesson-muted)}.learning-page .copy-command{cursor:pointer}
@media(max-width:991px){.learning-page .course-stage{grid-template-columns:250px minmax(0,1fr);gap:32px}.welcome-note{gap:32px}.hub-section-title{display:block}.hub-section-title>p{margin-top:16px}.cert-stages{grid-template-columns:1fr}.cert-stages>div{display:grid;grid-template-columns:155px 1fr;gap:12px}.cert-stages>div>span{margin:0;padding-top:4px}}
@media(max-width:767px){.learning-page .course-stage{grid-template-columns:1fr;gap:10px;padding:26px 0}.stage-intro{padding:0}.stage-intro p:last-child{margin-top:10px}.course-lessons{margin-left:38px}.welcome-note{grid-template-columns:1fr;gap:20px}.path-card{padding:24px}.learning-page .section-hero{padding-top:106px;padding-bottom:34px}.learning-page .reading-main,.learning-page .reading-layout,.learning-page .hub-main{padding-top:32px!important;padding-bottom:50px!important}.learning-page .reading-main{font-size:.92rem}.learning-page .study-shelf{padding:22px}.learning-page .reading-main .quiz-panel{padding:20px}.hero-facts{gap:18px!important}.learning-page .reading-main .unit-item{padding:18px;gap:14px}.reading-main .unit-icon-box{width:38px;height:38px;font-size:1rem}.cisco-track{padding:20px}.provider-title{padding:22px}.provider-level{padding:22px;gap:16px}.milestone{gap:16px}.path-card-top{gap:10px}.path-kicker{letter-spacing:1px}.learning-page .reading-main .lesson-terminal pre{font-size:.76rem}.learning-page .reading-main .lesson-terminal figcaption{font-size:.67rem}.learning-page .hub-block{padding-top:32px;margin-top:32px}.learning-page .reading-main .form-control{font-size:.85rem}.learning-page .reading-main form:not([data-lesson-quiz]){padding:18px}}
@media(max-width:450px){.cert-stages>div{display:block}.cert-stages>div>span{margin-bottom:6px}.path-card-foot{display:block}.path-card-foot strong{display:block;margin-top:10px}.learning-page .section-hero h1{font-size:2.25rem;letter-spacing:-1.2px}.learning-page .reading-main details>.lesson-terminal{margin:14px 8px}.learning-page .reading-main .lesson-terminal figcaption{gap:8px}.learning-page .reading-main .lesson-terminal .copy-command{font-size:.65rem;padding:7px}.milestone-marker{width:34px;height:34px;font-size:.7rem}.milestone:not(:last-child):before{left:16px;top:35px}.milestone{gap:12px}.learning-page .milestone h3{font-size:1.15rem}}

@media(max-width:767px){.learning-page .topology-table-wrapper table{min-width:580px}.learning-page .topology-table-wrapper:before{content:"Swipe or scroll to view the full table →";display:block;padding:10px 14px;background:var(--lesson-soft);color:var(--lesson-muted);font-size:.72rem}.learning-page .topology-table-wrapper:focus-visible{outline:3px solid var(--lesson-accent);outline-offset:3px}}