*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:100px}body.library-page{margin:0;background:#f5f7f8;color:var(--ee-ink);font-size:14px}a{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#25313b;color:#fff;padding:12px 18px;border-radius:7px}.skip-link:focus{top:12px}
.library-page .landing-header{height:82px;padding:0 max(28px,calc((100vw - 1280px)/2));gap:32px;background:#fff;position:sticky;top:0;z-index:20}.landing-header .brand{font-size:24px;letter-spacing:-.035em}.landing-navigation{display:flex;align-items:center;gap:26px;white-space:nowrap}.landing-navigation>a,.landing-navigation summary{font-size:14px;font-weight:550;text-decoration:none;color:#4d606c;min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer}.landing-navigation details{position:relative}.landing-navigation summary{list-style:none}.landing-navigation summary::-webkit-details-marker{display:none}.header-topic-menu{position:absolute;top:52px;left:-16px;width:270px;padding:10px;background:#fff;border:1px solid var(--ee-line);border-radius:12px}.header-topic-menu a{display:flex;justify-content:space-between;gap:12px;padding:13px 10px;font-size:13px;text-decoration:none;border-radius:6px}.header-topic-menu a:hover{background:#f1f5f7}.header-topic-menu small{color:#397153;font-size:11px}
.library-search{display:flex;align-items:center;gap:10px;min-width:160px;max-width:320px;flex:1;margin-left:auto;padding:0 13px;background:#f3f6f7;border:1px solid transparent;border-radius:9px;height:44px}.library-search:focus-within{border-color:#934b29;background:#fff}.library-search>svg{width:18px;height:18px;fill:none;stroke:#637883;stroke-width:1.7;flex-shrink:0}.library-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ee-ink);outline:0;font-size:13px;padding:10px 0}.library-search input::placeholder{color:#586c79}.library-search kbd{font:12px inherit;color:#586c79;background:#fff;padding:2px 6px;border-radius:4px}.auth-navigation{display:flex;align-items:center;gap:20px;white-space:nowrap}.auth-navigation a{display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;font-size:14px;font-weight:600}.auth-navigation .join-link{padding:12px 18px;background:#253e4b;color:#fff;border-radius:8px}.auth-navigation .join-link:hover{background:#172c37}.sign-in-link:hover{text-decoration:underline;text-underline-offset:4px}
.library-main{max-width:1280px;padding:36px 28px 0;margin:auto}.library-introduction{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.library-breadcrumb{font-size:12px;color:#586c79;margin:0 0 12px}.library-introduction h1{font-size:36px;line-height:1.15;font-weight:650;letter-spacing:-.035em;margin:0 0 12px;text-wrap:balance}.library-introduction p:last-child{font-size:14px;line-height:1.6;color:#586c79;margin:0}.library-intro-note{font-size:12px;color:#586c79;white-space:nowrap;padding-bottom:4px}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.library-content{min-width:0}.substation-feature{display:grid;grid-template-columns:1.05fr 1fr;min-height:280px;background:#eaf0f3;border-radius:14px;overflow:hidden;scroll-margin-top:110px}.feature-copy{padding:28px 0 28px 28px;position:relative;z-index:1}.free-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#2f684b;background:#dcece1;padding:6px 9px;border-radius:5px}.feature-copy h2{font-size:32px;font-weight:650;line-height:1.1;letter-spacing:-.03em;margin:17px 0 12px}.feature-copy>p{font-size:13px;color:#4e6471;line-height:1.65;margin:0;max-width:34ch}.feature-copy .feature-scope{font-size:11px;margin:16px 0;color:#4e6471}.explore-substation{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:11px 15px;border-radius:7px;background:#934b29;color:white;text-decoration:none;font-size:12px;font-weight:600}.explore-substation:hover{background:#773b20}.feature-model{position:relative;min-width:0;min-height:280px;display:block;text-decoration:none}.feature-model canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.model-caption{position:absolute;bottom:16px;left:0;right:18px;text-align:right;color:#536b78;font-size:10px;pointer-events:none}.preview-fallback{display:grid;place-content:center;font-size:13px;color:#4e6471;padding:24px;text-align:center}
.equipment-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 10px}.equipment-heading h2{font-size:16px;font-weight:600;margin:0;letter-spacing:-.015em}.equipment-heading>span{font-size:11px;color:#586c79}.equipment-library{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.equipment-lesson{display:flex;align-items:center;gap:12px;min-height:88px;padding:15px 0;border-bottom:1px solid #d4dfe5;text-decoration:none;min-width:0}.equipment-tag{width:36px;height:36px;background:#e7edf0;color:#526c7c;display:grid;place-items:center;border-radius:7px;font-size:11px;font-weight:600;flex-shrink:0}.equipment-lesson h3{font-size:13px;font-weight:600;margin:0 0 6px;line-height:1.4}.equipment-lesson p{font-size:11px;color:#586c79;line-height:1.4;margin:0}.lesson-arrow{margin-left:auto;font-size:16px;color:#934b29}.equipment-lesson:hover h3{color:#934b29;text-decoration:underline;text-underline-offset:3px}.equipment-lesson:hover .equipment-tag{background:#f0e2d8;color:#934b29}
.topic-directory{background:#fff;border:1px solid #e0e7eb;border-radius:14px;padding:22px;position:sticky;top:110px}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.directory-heading h2{font-size:15px;font-weight:650;margin:0}.directory-heading>span{font-size:10px;color:#586c79}.directory-topic{display:flex;align-items:center;gap:12px;text-decoration:none;padding:15px 8px;border-radius:8px;min-height:72px}.directory-topic>svg{width:32px;height:32px;color:#586f7a;flex-shrink:0}.directory-topic>div{min-width:0}.directory-topic strong{font-size:12px;font-weight:600;display:block;line-height:1.4}.directory-topic small{font-size:10px;display:block;color:#586c79;margin-top:5px}.directory-topic[aria-current=page]{background:#edf4ef}.directory-topic[aria-current=page]>svg{color:#397153}.directory-topic[aria-current=page] small{color:#397153}.directory-topic:hover{background:#f1f5f7}.directory-lock{margin-left:auto;color:#71838c;flex-shrink:0}.directory-lock svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.directory-note{font-size:11px;line-height:1.65;color:#586c79;margin:18px 0 22px}.upcoming-directory{border-top:1px solid #e0e7eb;padding-top:18px}.upcoming-directory summary{font-size:12px;font-weight:600;cursor:pointer;min-height:30px}.upcoming-directory summary span{font-size:10px;font-weight:400;color:#586c79;margin-left:10px}.upcoming-topic{font-size:11px;color:#586c79;padding:10px 0;border-bottom:1px solid #edf1f3;line-height:1.5}.upcoming-topic strong{font-weight:500}.library-footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0;margin-top:26px;border-top:1px solid #dce4e8;font-size:10px;color:#586c79}.search-result{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #d4dfe5;text-decoration:none}.search-result>svg{width:38px;height:38px;color:#586f7a;flex-shrink:0}.search-result h3{font-size:15px;margin:0 0 7px}.search-result p{font-size:12px;line-height:1.6;color:#586c79;margin:0}.search-result small{display:block;font-size:10px;color:#934b29;margin-top:8px}.search-result:hover h3{color:#934b29}.library-empty{padding:32px 0}.library-empty h3{font-size:19px}.library-empty p{font-size:13px;color:#586c79}.library-empty button{border:1px solid #d4dfe5;border-radius:7px;background:#fff;min-height:40px;padding:9px 14px;cursor:pointer}
@media(min-width:1450px){.library-page .landing-header{gap:36px}.library-main{padding-top:44px}.library-layout{gap:40px}.substation-feature{min-height:310px}.feature-copy{padding:32px}.feature-copy h2{font-size:36px}.equipment-lesson{min-height:94px}}
@media(max-width:1100px){.library-page .landing-header{gap:20px;padding-inline:24px}.free-nav{display:none!important}.library-layout{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.library-introduction h1{font-size:32px}.auth-navigation{gap:14px}.auth-navigation .join-link{padding:11px 14px}.feature-copy{padding:24px 0 24px 24px}.feature-copy>p{font-size:12px}.equipment-library{column-gap:20px}.equipment-lesson p{font-size:10px}}
@media(max-width:850px){.library-page .landing-header{height:auto;min-height:118px;display:flex;flex-wrap:wrap;padding:14px 20px;gap:12px 20px}.landing-header .brand{font-size:22px}.landing-navigation{margin-left:auto}.auth-navigation{gap:13px}.auth-navigation a{font-size:12px;min-height:38px}.auth-navigation .join-link{padding:9px 12px}.library-search{order:4;max-width:none;flex-basis:100%;height:40px;margin:0}.library-introduction{margin-bottom:24px}.library-introduction h1{font-size:30px}.library-intro-note{display:none}.library-main{padding:28px 20px 0}.library-layout{grid-template-columns:1fr;gap:30px}.topic-directory{position:static;padding:22px}.topic-directory nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.directory-note{max-width:55ch}.substation-feature{grid-template-columns:1fr 1fr}.feature-copy{padding:26px 0 26px 26px}.feature-model{min-height:280px}.equipment-lesson p{font-size:11px}.header-topic-menu{left:auto;right:-10px}}
@media(max-width:540px){.library-page .landing-header{padding:12px 16px;gap:10px}.landing-header .brand{font-size:20px;gap:5px}.landing-header .brand svg{width:23px;height:23px}.landing-navigation{margin-left:auto}.landing-navigation summary{font-size:12px;min-height:38px}.auth-navigation{margin-left:auto;gap:10px}.auth-navigation .join-link{font-size:11px;padding:9px 10px}.auth-navigation .sign-in-link{font-size:11px}.library-main{padding:24px 16px 0}.library-breadcrumb{font-size:10px;margin-bottom:10px}.library-introduction h1{font-size:28px;max-width:15ch;line-height:1.12}.library-introduction p:last-child{font-size:12px;max-width:38ch;line-height:1.6}.substation-feature{position:relative;grid-template-columns:1fr;min-height:365px}.feature-copy{padding:22px;max-width:65%;pointer-events:none}.feature-copy .explore-substation{pointer-events:auto}.feature-copy h2{font-size:29px}.feature-copy>p{font-size:12px;line-height:1.65}.feature-copy .feature-scope{font-size:10px;max-width:22ch}.feature-model{position:absolute;right:-18px;top:25px;bottom:55px;width:53%;min-height:0}.model-caption{bottom:-35px;font-size:9px;left:-80px;right:28px}.explore-substation{position:absolute;bottom:22px;left:22px;font-size:12px;gap:16px}.equipment-heading{margin-top:24px}.equipment-heading h2{font-size:15px}.equipment-heading>span{font-size:10px}.equipment-library{grid-template-columns:1fr}.equipment-lesson{min-height:80px;padding:13px 0}.equipment-lesson h3{font-size:14px}.equipment-lesson p{font-size:12px}.equipment-tag{width:38px;height:38px}.topic-directory nav{grid-template-columns:1fr}.directory-topic strong{font-size:13px}.directory-topic small{font-size:11px}.directory-heading h2{font-size:16px}.directory-note{font-size:12px}.library-footer{flex-direction:column;gap:9px;margin-top:22px}.library-search kbd{display:none}}
@media(max-width:370px){.landing-header .brand{font-size:18px}.landing-navigation summary{font-size:11px}.auth-navigation{gap:8px}.auth-navigation a{font-size:10px}.auth-navigation .join-link{padding:9px 8px;font-size:10px}.feature-copy{max-width:70%}.feature-model{width:47%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep account actions in the first phone row, with topic navigation beside search. */
@media(max-width:540px){.landing-header .brand{order:1}.auth-navigation{order:2;margin-left:auto}.landing-header .landing-navigation{order:3;margin-left:0}.library-search{order:4;flex-basis:0;min-width:200px}.feature-copy{max-width:60%}.model-caption{bottom:12px;left:0;right:28px}.directory-topic strong{font-size:13px}}
@media(min-width:851px){.directory-topic strong{font-size:13px}.directory-topic small{font-size:11px}.equipment-lesson h3{font-size:14px}.equipment-lesson p{font-size:12px}.feature-copy>p{font-size:14px}.feature-copy .feature-scope{font-size:12px;max-width:none}.feature-copy{padding-top:24px;padding-bottom:24px}}
/* Selecting a topic previews it in place; opening a lesson remains a separate action. */
button.directory-topic{width:100%;text-align:left;font:inherit;border:0;background:transparent;cursor:pointer;color:inherit}button.directory-topic[aria-pressed=true]{background:#edf4ef}button.directory-topic[aria-pressed=true]>svg{color:#397153}button.directory-topic[aria-pressed=true] small{color:#397153}.header-topic-menu button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:13px 10px;font-size:13px;border:0;background:transparent;border-radius:6px;cursor:pointer;color:inherit}.header-topic-menu button:hover{background:#f1f5f7}.header-topic-menu button small{color:#586c79;font-size:11px}.premium-badge{color:#82431f;background:#f2e5d9}.search-result:is(button){width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #d4dfe5;font:inherit;color:inherit;cursor:pointer}
@media(max-width:540px){.premium-preview{min-height:420px}.premium-preview .feature-copy h2{font-size:27px}.premium-preview .feature-copy>p{font-size:12px}.premium-preview .feature-model{top:65px;bottom:65px}.premium-preview .model-caption{left:-15px}.equipment-heading #topic-contents-note{max-width:19ch;text-align:right;line-height:1.5}}
/* Separate the model caption from the primary lesson action on phones. */
@media(max-width:540px){.feature-model .model-caption{bottom:60px}}

.feature-model .model-caption{color:var(--ee-muted);background:var(--ee-canvas);padding:2px 4px}

/* About link beside the topic menu; narrow headers give the navigation its own row. */
@media(max-width:1100px) and (min-width:851px){.library-page .landing-header{gap:16px}.landing-navigation{gap:16px}.library-search{min-width:150px}.auth-navigation{gap:10px}}
@media(max-width:540px){.landing-navigation{order:3;flex-basis:100%;margin-left:0;gap:26px}.landing-navigation>a{font-size:12px;min-height:36px}.library-search{order:4}.auth-navigation{margin-left:auto}}

.library-main{padding-bottom:28px}.library-introduction h1{margin-bottom:0}.feature-copy h2{margin-top:12px}.feature-copy #topic-description{margin-bottom:20px}.directory-heading{margin-bottom:14px}