@layer components{html.is-learning-hub{scroll-behavior:auto}.hero-channels{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;font-size:13px;display:flex}.hero-channels a{align-items:center;min-height:32px;display:inline-flex}.hero-channels a:hover{color:var(--accent)}.learning-start,.learning-path-section,.learning-connections{border-bottom:1px solid var(--border);padding-block:90px}.learning-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;display:grid}.learning-path{border-top:1px solid var(--border);padding:28px 0 34px;scroll-margin-top:110px}.learning-path>.mini-label{color:var(--accent)}.learning-path h3{letter-spacing:-.7px;margin:16px 0 10px;font-size:23px;line-height:1.5}.learning-path>p{color:var(--muted);max-width:48ch;font-size:14px;line-height:1.9}.learning-path ol{counter-reset:step;margin:23px 0 0;padding:0;list-style:none}.learning-path li{counter-increment:step;border-bottom:1px solid var(--border);align-items:baseline;gap:12px;display:flex}.learning-path li:before{content:counter(step,decimal-leading-zero);font:11px var(--mono);color:var(--muted)}.learning-path li a{flex:1;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:12px 0;font-size:14px;display:flex}.learning-path li a:hover,.learning-path li a>span{color:var(--accent)}.hub-pullquote{border-top:1px solid var(--border);grid-template-columns:1fr 2fr;align-items:start;gap:18px 36px;padding:40px 0 0;display:grid}.hub-pullquote blockquote{letter-spacing:-1px;margin:0;font-size:clamp(22px,2.4vw,34px);line-height:1.6}.hub-pullquote>a{color:var(--accent);grid-column:2;padding-block:8px;font-size:13px}.hub-media{border-bottom:1px solid var(--border);padding-block:85px}.hub-section-intro{color:var(--muted);margin:-12px 0 30px;font-size:15px}.hub-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.hub-video{min-width:0}.video-cover{aspect-ratio:16/11;background:var(--mh-surface-raised);border:1px solid var(--mh-line);flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.video-cover--1{border-color:var(--mh-magenta)}.video-cover--2{border-color:var(--mh-cyan)}.video-cover>.mini-label{color:var(--mh-muted);letter-spacing:1px;z-index:1;font-size:9px;position:relative}.video-glyph{color:var(--mh-yellow);opacity:.7;font:130px/1.2 Georgia,serif;position:absolute;top:5%;right:24px}.video-cover--1 .video-glyph{color:var(--mh-magenta)}.video-cover--2 .video-glyph{color:var(--mh-cyan)}.video-play{color:var(--mh-ink);z-index:1;align-items:center;gap:12px;font-size:12px;display:flex;position:relative}.video-play>span{border:1px solid;border-radius:50%;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.video-cover:hover .video-play{color:var(--mh-cyan)}.hub-video h3{margin:19px 0 8px;font-size:19px;line-height:1.5}.hub-video>p{color:var(--muted);max-width:42ch;font-size:13px;line-height:1.9}.video-reading a{min-height:44px;color:var(--accent);padding-block:14px;font-size:13px;display:inline-block}.hub-caption{color:var(--muted);margin:22px 0 14px;font-size:12px}.learning-intro{padding-top:36px;padding-bottom:70px}.learning-intro>.eyebrow{margin-top:64px}.learning-intro h1{letter-spacing:-3px;margin:24px 0 28px;font-size:clamp(42px,6vw,78px);line-height:1.16}.learning-intro h1 em{color:var(--accent);font-style:normal}.learning-intro>p:not(.eyebrow){color:var(--muted);max-width:64ch;font-size:17px;line-height:1.95}.learning-controls{gap:20px;padding-bottom:20px;display:grid}.learning-controls>label{color:var(--muted);flex-direction:column;gap:10px;font-size:12px;display:flex}.learning-controls input{background:var(--surface);border:1px solid var(--border);width:100%;max-width:600px;height:52px;color:var(--text);font:16px var(--font);border-radius:2px;padding:12px 16px}.learning-filters{flex-wrap:wrap;gap:8px;display:flex}.learning-filters button{border:1px solid var(--border);background:0 0;border-radius:3px;min-height:44px;padding:8px 15px;font-size:13px}.learning-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.semantic-legend{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:24px 50px;margin:10px 0 30px;padding:20px 0;display:grid}.semantic-legend p{color:var(--muted);font-size:12px;line-height:1.8}.semantic-legend .mini-label{color:var(--text);margin-bottom:5px}.semantic-legend dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;display:grid}.semantic-legend dl>div{min-width:0}.semantic-legend dt{color:var(--muted);font:10px/1.4 var(--mono);letter-spacing:.08em;margin-bottom:7px}.semantic-legend dd{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:11px;line-height:1.5;display:flex}.semantic-legend-list{flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none;display:flex}.semantic-legend-list li{align-items:center;gap:4px;display:inline-flex}.semantic-legend-list i{background:currentColor;border:1px solid;border-radius:50%;width:7px;height:7px}.semantic-entry{border-top:1px solid var(--border);border-left:2px solid #0000;scroll-margin-top:110px}.semantic-entry:last-child{border-bottom:1px solid var(--border)}.semantic-entry>summary{cursor:pointer;align-items:center;gap:12px;min-height:72px;padding:20px 0 20px 14px;list-style:none;display:flex}.semantic-entry>summary::-webkit-details-marker{display:none}.semantic-entry>summary>.mini-label{min-width:74px}.semantic-entry h3{font-size:20px;font-weight:500;line-height:1.6}.entry-chevron{color:var(--accent);font:23px var(--mono);margin-left:auto}.semantic-entry[open] .entry-chevron{transform:rotate(45deg)}.semantic-entry:target>summary h3{color:var(--accent)}.semantic-kind,.semantic-authority,.semantic-relation-status{border:1px solid var(--border);width:max-content;font:11px/1.4 var(--mono);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;display:inline-flex}.semantic-kind{color:var(--muted)}.semantic-authority{color:var(--muted);background:var(--surface)}.semantic-authority[data-authority=PRIMARY_SOURCE]{border-color:var(--mh-yellow);color:var(--mh-yellow)}.semantic-authority[data-authority=EDITORIAL_SUMMARY],.semantic-relation-status{border-color:var(--mh-cyan);color:var(--mh-cyan)}.semantic-relation-status[data-edge-status=PROPOSED]{border-style:dashed;border-color:var(--mh-yellow);color:var(--mh-yellow)}.semantic-relation-status[data-edge-status=RETIRED]{color:var(--muted);border-style:dashed}.semantic-entry[data-kind=concept],.semantic-entry[data-kind=repository],.semantic-entry[data-kind=channel]{border-left-color:var(--mh-cyan,#00e5ff)}.semantic-entry[data-kind=article],.semantic-entry[data-kind=video]{border-left-color:var(--mh-yellow,#ffe600)}.semantic-entry[data-kind=project],.semantic-entry[data-kind=apostle]{border-left-color:var(--mh-magenta,#ff2bd6)}.semantic-kind[data-kind=concept],.semantic-kind[data-kind=repository],.semantic-kind[data-kind=channel],.semantic-legend-list [data-kind=concept],.semantic-legend-list [data-kind=repository],.semantic-legend-list [data-kind=channel]{color:var(--mh-cyan)}.semantic-kind[data-kind=article],.semantic-kind[data-kind=video],.semantic-legend-list [data-kind=article],.semantic-legend-list [data-kind=video]{color:var(--mh-yellow)}.semantic-kind[data-kind=project],.semantic-kind[data-kind=apostle],.semantic-legend-list [data-kind=project],.semantic-legend-list [data-kind=apostle]{color:var(--mh-magenta)}.semantic-body{grid-template-columns:1fr 1fr;gap:24px 50px;padding:8px 0 26px 94px;display:grid}.semantic-description>p{color:var(--muted);max-width:55ch;font-size:15px;line-height:1.95}.semantic-description>a{min-height:44px;color:var(--accent);margin-top:15px;padding:10px 0;font-size:13px;display:inline-block}.semantic-related h4{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:400}.semantic-related ul{margin:0;padding:0;list-style:none}.semantic-related li{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:5px 14px;padding:10px 0;display:flex}.semantic-related li>span{color:var(--muted);width:100%;font-size:12px}.semantic-related a{min-height:32px;color:var(--accent);padding:6px 0;font-size:14px}.semantic-relation{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.semantic-related .semantic-relation>a{min-height:0;color:var(--text);font:10px/1.4 var(--mono);letter-spacing:.04em;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px;padding:0}.semantic-related li[data-edge-relation=DEFINES] .semantic-relation>a,.semantic-related li[data-edge-relation=SOURCE_CODE] .semantic-relation>a{color:var(--mh-yellow)}.semantic-related li[data-edge-relation=INTRODUCES] .semantic-relation>a,.semantic-related li[data-edge-relation=PUBLISHES] .semantic-relation>a{color:var(--mh-cyan)}.semantic-related li[data-edge-relation=DOCUMENTED_IN] .semantic-relation>a,.semantic-related li[data-edge-relation=EXPLORE_NEXT] .semantic-relation>a{color:var(--mh-magenta)}.semantic-sources{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px 18px;font-size:12px;display:flex}.semantic-sources>a{text-underline-offset:4px;padding-block:8px;text-decoration:underline}.semantic-sources>small{width:100%;font-size:11px}.learning-empty{text-align:center;padding:45px 15px}.learning-empty button{margin-top:18px}.hub-data{padding-block:40px 80px}.hub-data>details>summary{cursor:pointer;min-height:52px;color:var(--muted);padding:18px 0;font-size:14px}.hub-data p{color:var(--muted);max-width:76ch;margin:16px 0;font-size:13px;line-height:1.9}.hub-data-links{color:var(--accent);flex-wrap:wrap;gap:8px 24px;font-size:13px;display:flex}.hub-data-links a{min-height:44px;padding:10px 0}.hub-data dl{font-size:12px;line-height:1.9}.hub-data dl>div{border-bottom:1px solid var(--border);padding:12px 0}.hub-data dt{font-family:var(--mono);color:var(--text)}.hub-data dd{color:var(--muted);margin:6px 0}.hub-digest code{overflow-wrap:anywhere;font-size:11px;display:block}.semantic-body>*,.semantic-entry h3{overflow-wrap:anywhere;min-width:0}.hub-media .section-heading,.learning-start .section-heading{flex-wrap:wrap;gap:24px}.hub-media .section-heading>a{white-space:normal;overflow-wrap:anywhere;max-width:100%}}@layer responsive{@media (width>=1150px){.learning-paths--compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.learning-paths--compact .learning-path h3{min-height:57px;font-size:19px}.learning-paths--compact .learning-path>p{min-height:80px}.learning-paths--compact li a{font-size:13px}}@media (width<=800px){.learning-start,.learning-path-section,.learning-connections,.hub-media{padding-block:60px}.hub-video-grid{gap:16px}.video-cover{padding:14px}.video-cover>.mini-label{color:var(--mh-muted);font-size:8px}.video-glyph{font-size:90px;right:12px}.video-play{color:var(--mh-ink);gap:8px;font-size:10px}.video-play>span{width:28px;height:28px;font-size:16px}.semantic-legend{grid-template-columns:1fr}.semantic-body{gap:24px;padding-left:0}.learning-intro h1{letter-spacing:-2px}}@media (width<=600px){.learning-paths{grid-template-columns:1fr;gap:0}.learning-path{padding-block:25px}.hub-pullquote{grid-template-columns:1fr;gap:18px}.hub-pullquote>a{grid-column:1}.hub-video-grid{grid-template-columns:1fr;gap:32px}.video-cover{aspect-ratio:16/8;padding:20px}.video-cover>.mini-label{color:var(--mh-muted);font-size:10px}.video-glyph{font-size:130px;top:0;right:24px}.video-play{color:var(--mh-ink);font-size:12px}.video-play>span{width:36px;height:36px}.hub-video>p{max-width:none}.semantic-legend dl{grid-template-columns:1fr;gap:10px}.semantic-body{grid-template-columns:1fr}.semantic-entry>summary{flex-wrap:wrap;gap:8px 12px;padding-right:32px;position:relative}.semantic-entry>summary>.semantic-kind{min-width:0}.semantic-entry>summary h3{flex:1;min-width:170px}.semantic-entry>summary .semantic-authority{margin-left:64px}.entry-chevron{position:absolute;right:0}.semantic-entry h3{font-size:18px}.learning-intro>.eyebrow{margin-top:38px;font-size:10px}.learning-intro>p:not(.eyebrow){font-size:15px}.hero-channels{gap:12px;font-size:12px}.hub-section-intro{font-size:14px}}@media (prefers-reduced-motion:reduce){.semantic-entry .entry-chevron{transition:none}}}