/* LOG377: cinematic RSS explanation. Scoped independently of backend and app. */
.ls-home .network-cinema{--nx-blue:#6cbaff;--nx-amber:#ffac68;background:#0c111b;color:#f7f8fb;border-radius:30px;padding:clamp(24px,2.5vw,48px);margin:0 0 36px;overflow:hidden;position:relative;scroll-margin-top:124px;border:1px solid #242e3d;isolation:isolate;box-shadow:0 22px 55px -35px #0c1a3a80}
.network-cinema::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 36%,#12396965,transparent 58%);pointer-events:none}
.nx-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:26px}.nx-kicker{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.15em;font-weight:600;color:#b4c1d5;margin-bottom:17px}.nx-kicker i{width:6px;height:6px;background:#79bfff;box-shadow:0 0 16px #66b9ff;border-radius:50%}.network-cinema .nx-heading h3{font-size:clamp(42px,4.2vw,78px);font-weight:600;letter-spacing:-.055em;line-height:1.03;margin:0;color:#f7f8fb;text-wrap:initial}.nx-heading h3 em{font-style:normal;color:#8fc7ff;background:linear-gradient(100deg,#67aaff,#c4e8ff,#568dff,#67aaff);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:nx-shimmer 9s linear infinite}.nx-intro{max-width:360px;flex:0 1 30%;padding-top:12px}.nx-intro>p{margin:0 0 13px;font-size:clamp(18px,1.35vw,24px);line-height:1.35;letter-spacing:-.02em;font-weight:500}.nx-intro>span{display:block;font-size:13px;line-height:1.65;color:#a8b7cb}.nx-download{display:inline-flex;align-items:center;gap:26px;margin-top:18px;padding:10px 0;color:#fff;text-decoration:none;font-size:14px;border-bottom:1px solid #667d9d;transition:gap .25s,color .25s}.nx-download:hover{gap:37px;color:#8ec9ff}.nx-download svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.nx-stage{height:clamp(320px,44svh,610px);position:relative;border-radius:18px;background:radial-gradient(ellipse at 55% 60%,#19335055,transparent 65%),#080e18;border:1px solid #243247;overflow:hidden;contain:layout paint}.nx-webgl,.nx-webgl canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.nx-webgl canvas{opacity:0;transition:opacity .7s}.nx-ready .nx-webgl canvas{opacity:1}.nx-stage::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 70px #02061055}.nx-stage-top{position:absolute;z-index:2;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;gap:15px;color:#9fb2ca;font-size:9px;letter-spacing:.1em;pointer-events:none}.nx-stage-top>span:first-child{display:flex;align-items:center;gap:8px}.nx-stage-top i{width:5px;height:5px;border-radius:50%;background:#80beff;box-shadow:0 0 12px #529bf4}.nx-scene-label{position:absolute;z-index:2;top:0;left:0;transform:translate(-50%,-50%);font-size:10px;color:#9eb4d0;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .4s}.nx-ready .nx-scene-label{opacity:1}.nx-scene-label span{display:inline-block;margin-left:7px;color:#edf5ff;font-size:12px;letter-spacing:.01em}.nx-status{position:absolute;bottom:21px;left:24px;display:flex;align-items:center;gap:9px;font-size:12px;color:#f5d2ae;background:#101925b0;padding:10px 14px;border:1px solid #455263;border-radius:8px;backdrop-filter:blur(10px)}.nx-status-dot{width:6px;height:6px;background:#ffab65;border-radius:50%;box-shadow:0 0 14px #ffab6570}.nx-distributed .nx-status{color:#c0e3ff}.nx-distributed .nx-status-dot{background:#6ab8ff;box-shadow:0 0 14px #4caeff}.nx-legend{position:absolute;bottom:25px;right:24px;display:flex;align-items:center;gap:20px;font-size:10px;color:#a2b1c6}.nx-legend>span:first-child{display:flex;align-items:center;gap:7px}.nx-legend i{width:18px;height:2px;background:linear-gradient(90deg,#ffac68,#77b8ff);box-shadow:0 0 10px #6b9ff8}
.nx-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:20px}.nx-sequence button{position:relative;display:flex;align-items:start;gap:13px;border:0;border-bottom:1px solid #344155;background:transparent;text-align:left;padding:13px 0 20px;color:#a8b6c9;font:inherit;cursor:pointer;min-width:0}.nx-step{font-size:11px;font-variant-numeric:tabular-nums;padding-top:4px;color:#8d9db3}.nx-sequence strong{display:block;font-size:clamp(15px,1.2vw,21px);font-weight:500;letter-spacing:-.02em;line-height:1.25}.nx-sequence small{display:block;font-size:11px;line-height:1.5;color:#93a3b9;margin-top:6px}.nx-sequence button[aria-pressed=true]{color:#f5f8ff}.nx-sequence button[aria-pressed=true] .nx-step{color:#7cbfff}.nx-sequence button>i{position:absolute;left:0;bottom:-1px;width:100%;height:2px;transform-origin:left;transform:scaleX(0);background:#77baff;box-shadow:0 0 12px #589eee60}.nx-sequence button[aria-pressed=true]>i{transform:scaleX(var(--progress,0))}.nx-sequence button:hover strong{color:#c6e5ff}.nx-footnote{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-top:17px;color:#97a8bd}.nx-footnote>p{font-size:11px;line-height:1.5;margin:0}.nx-footnote summary{font-size:12px;color:#c5d7ee;cursor:pointer;white-space:nowrap}.nx-footnote details>div{font-size:14px;line-height:1.6;color:#b3c5da;padding:12px 0}.nx-footnote a{color:#8dcaff}.nx-footnote:has(details[open]){flex-wrap:wrap}.nx-footnote details[open]{flex-basis:100%}.nx-download:focus-visible,.nx-sequence button:focus-visible,.nx-footnote summary:focus-visible{outline:2px solid #9cd3ff;outline-offset:5px}.nx-fallback{position:absolute;inset:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:12px;color:#b5d9ff}.nx-fallback b{padding:20px;border:1px solid #6d9fe0;background:#142c4d;border-radius:10px}.nx-fallback-line{width:2px;height:25px;background:#7bafff}.nx-ready .nx-fallback{display:none}.network-cinema:not(.nx-playing) .nx-heading h3 em{animation-play-state:paused}@keyframes nx-shimmer{to{background-position:-260% 0}}
@media(min-width:1001px) and (max-height:850px){.ls-home .network-cinema{padding:24px 30px}.nx-heading{margin-bottom:17px}.network-cinema .nx-heading h3{font-size:48px}.nx-kicker{margin-bottom:12px}.nx-intro{max-width:390px;flex-basis:38%;padding:0}.nx-intro>p{font-size:18px;margin-bottom:7px}.nx-intro>span{font-size:11px;line-height:1.5}.nx-download{margin-top:5px;padding:6px 0;font-size:12px}.nx-stage{height:clamp(255px,39svh,340px)}.nx-sequence{margin-top:9px}.nx-sequence button{padding-bottom:12px}.nx-sequence small{font-size:10px}.nx-footnote{margin-top:11px}.nx-footnote>p{font-size:10px}}
@media(max-width:1000px){.network-cinema .nx-heading h3{font-size:44px}.nx-intro{flex-basis:40%}.nx-stage{height:390px}.nx-sequence{gap:17px}.nx-sequence button{gap:8px}.nx-sequence strong{font-size:16px}.nx-legend>span:last-child{display:none}.nx-heading{gap:25px}}
@media(max-width:760px){.ls-home .network-cinema{padding:23px 16px;border-radius:23px;scroll-margin-top:100px}.nx-heading{display:block;margin-bottom:22px}.nx-kicker{font-size:9px;margin-bottom:16px}.network-cinema .nx-heading h3{font-size:clamp(36px,8.8vw,56px)}.nx-intro{max-width:none;margin-top:16px;padding:0}.nx-intro>p{font-size:18px}.nx-intro>p br{display:none}.nx-intro>span{font-size:12px;max-width:440px}.nx-download{font-size:12px;margin-top:10px;padding:6px 0}.nx-stage{height:350px;border-radius:13px}.nx-stage-top{top:15px;left:13px;right:13px;font-size:7px;letter-spacing:.03em}.nx-stage-top>span:last-child{display:none}.nx-scene-label{display:none}.nx-status{left:12px;right:12px;bottom:13px;padding:10px;font-size:10px}.nx-legend{display:none}.nx-sequence{gap:10px;margin-top:13px}.nx-sequence button{display:block;padding:7px 0 12px}.nx-step{display:block;margin-bottom:7px;font-size:10px}.nx-sequence strong{font-size:12px;line-height:1.35}.nx-sequence small{display:none}.nx-footnote{display:block;margin-top:14px}.nx-footnote>p{font-size:10px}.nx-footnote details{margin-top:12px}.nx-footnote summary{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nx-heading h3 em{animation:none}.nx-webgl canvas{transition:none}}
/* Respect the homepage owner-selected motion mode; reduced-motion remains the fallback. */
@media(prefers-reduced-motion:reduce){html.ls-motion-on .nx-heading h3 em{animation:nx-shimmer 9s linear infinite}html.ls-motion-on .network-cinema:not(.nx-playing) .nx-heading h3 em{animation-play-state:paused}}
/* Leave useful breathing room beneath the fixed desktop navigation. */
@media(min-width:1001px) and (min-height:851px){.nx-stage{height:clamp(350px,40svh,580px)}}
/* LOG378: owner-selected bright blue card and prominent sequential chapters. */
.ls-home .network-cinema{background:linear-gradient(125deg,#2166f6,#2451e8 72%,#294deb);border-color:#4779ff;color:#fff;box-shadow:0 22px 55px -35px #1747c880}
.network-cinema::before{background:radial-gradient(ellipse at 70% 25%,#6dbdff30,transparent 62%)}
.network-cinema .nx-heading h3{color:#fff}.nx-heading h3 em{background:linear-gradient(100deg,#fff,#c5efff,#fff);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:#fff}.nx-intro>p{color:#fff}.nx-intro>span{color:#edf3ff;font-size:14px}.nx-download{color:#fff;border-color:#b7d8ff}.nx-download:hover{color:#fff}.nx-stage{background:radial-gradient(ellipse at 50% 35%,#408afa90,transparent 72%),#1b4fc9;border-color:#87b4ff75;box-shadow:inset 0 1px 0 #bad9ff35}.nx-stage::after{box-shadow:inset 0 0 50px #123faa35}.nx-stage-top,.nx-legend{color:#e1edff}.nx-stage-top i{background:#fff}.nx-scene-label{color:#b5d8ff}.nx-scene-label span{color:#fff;text-shadow:0 1px 5px #143a84}.nx-status{background:#1644aee6;border-color:#8cbaff88;color:#fff0d9}.nx-distributed .nx-status{color:#fff}.nx-footnote,.nx-footnote details>div{color:#e4edff}.nx-footnote summary,.nx-footnote a{color:#fff}.nx-download:focus-visible,.nx-sequence button:focus-visible,.nx-footnote summary:focus-visible{outline-color:#fff}
.nx-sequence{gap:16px;margin-top:18px}.nx-sequence button{background:#1741b4;border:1px solid #83a8ff66;border-radius:13px;padding:17px 18px 34px;gap:14px;min-height:116px;color:#e0e9ff;transition:background .4s,color .4s,border-color .4s,box-shadow .4s}.nx-sequence .nx-step{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border-radius:9px;background:#2c57c3;color:#e0e9ff;font-size:21px;font-weight:700;line-height:1}.nx-sequence strong{font-size:clamp(17px,1.35vw,25px);font-weight:650;line-height:1.2}.nx-sequence small{color:#d0dcf8;font-size:12px;margin-top:7px}.nx-sequence button[aria-pressed=true]{background:#fff;color:#122b63;border-color:#fff;box-shadow:0 7px 20px #0b2d9a35}.nx-sequence button[aria-pressed=true] .nx-step{color:#fff;background:#235bef}.nx-sequence button[aria-pressed=true] small{color:#526482}.nx-sequence button:hover strong{color:inherit}.nx-sequence button>i,.nx-sequence button[aria-pressed=true]>i{left:18px;right:18px;bottom:13px;width:auto;height:10px;border-radius:6px;overflow:hidden;background:#5478d3;box-shadow:none;transform:none}.nx-sequence button>i::before{content:'';position:absolute;inset:0;background:#8fc6ff;transform:scaleX(var(--progress,0));transform-origin:left;border-radius:inherit}.nx-sequence button[aria-pressed=true]>i{background:#dce6fa}.nx-sequence button[aria-pressed=true]>i::before{background:#2861f1;box-shadow:0 0 12px #5296ff50}.nx-sequence button[data-state=complete]{background:#d4ddec;border-color:#d4ddec;color:#51627a;box-shadow:none}.nx-sequence button[data-state=complete] .nx-step{background:#bac6d8;color:#53637a}.nx-sequence button[data-state=complete] small{color:#586b84}.nx-sequence button[data-state=complete]>i{background:#b3c0d3}.nx-sequence button[data-state=complete]>i::before{background:#899bb5}
@media(min-width:1001px) and (max-height:850px){.nx-intro>span{font-size:12px}.nx-sequence{gap:12px;margin-top:12px}.nx-sequence button{padding:12px 13px 29px;min-height:96px;gap:10px}.nx-sequence .nx-step{width:30px;height:30px;font-size:18px}.nx-sequence strong{font-size:17px}.nx-sequence small{font-size:10px}.nx-sequence button>i,.nx-sequence button[aria-pressed=true]>i{left:13px;right:13px;bottom:11px;height:9px}}
@media(max-width:1000px){.nx-sequence button{padding:14px 12px 31px;gap:10px}.nx-sequence .nx-step{width:30px;height:30px;font-size:18px}.nx-sequence strong{font-size:16px}.nx-sequence button>i,.nx-sequence button[aria-pressed=true]>i{left:12px;right:12px}}
@media(max-width:760px){.nx-intro>span{font-size:12px}.nx-sequence{gap:8px}.nx-sequence button{padding:11px 8px 28px;min-height:128px;border-radius:10px}.nx-sequence .nx-step{width:28px;height:28px;font-size:18px;margin-bottom:10px}.nx-sequence strong{font-size:12px;line-height:1.3}.nx-sequence button>i,.nx-sequence button[aria-pressed=true]>i{left:8px;right:8px;height:9px;bottom:10px}}
/* Explain the wider Windows toolkit; RSS is one illustrated mechanism. */
.network-cinema .nx-heading{gap:40px;align-items:center;margin-bottom:22px}.network-cinema .nx-heading>div:first-child{flex:1}.network-cinema .nx-intro{flex:0 1 44%;max-width:650px;padding-top:0}.network-cinema .nx-intro>span{font-size:14px;line-height:1.55}.network-cinema .nx-intro>p{margin-bottom:8px}.network-cinema .nx-download{margin-top:10px}
.nx-toolkit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.nx-toolkit>div{border:1px solid #a9c9ff55;background:#1644b94d;border-radius:12px;padding:16px}.nx-toolkit span{display:block;font-size:10px;font-weight:700;letter-spacing:.07em;color:#d0e1ff;margin-bottom:9px}.nx-toolkit strong{display:block;color:#fff;font-size:18px;line-height:1.2;letter-spacing:-.02em}.nx-toolkit p{font-size:12px;line-height:1.5;color:#e0eaff;margin:9px 0 0}
@media(min-width:1001px){.network-cinema .nx-stage{height:clamp(260px,30svh,410px)}}
@media(min-width:1001px) and (max-height:850px){.network-cinema .nx-stage{height:230px}.nx-toolkit>div{padding:11px}.nx-toolkit strong{font-size:16px}.nx-toolkit p{font-size:11px;margin-top:5px}.network-cinema .nx-intro>span{font-size:12px}.nx-toolkit{margin-bottom:12px}.network-cinema .nx-heading{margin-bottom:14px}}
@media(max-width:1000px){.nx-toolkit{grid-template-columns:repeat(2,minmax(0,1fr))}.network-cinema .nx-intro{flex-basis:45%}.nx-toolkit strong{font-size:17px}}
@media(max-width:760px){.network-cinema .nx-intro{max-width:none;margin-top:18px}.network-cinema .nx-intro>span{font-size:13px}.nx-toolkit{gap:9px}.nx-toolkit>div{padding:12px}.nx-toolkit strong{font-size:15px}.nx-toolkit span{font-size:9px}.nx-toolkit p{font-size:11px}}

.ls-home #network-heading em{display:block}.ls-home #network-preview{scroll-margin-top:120px}
@media(max-width:760px){.ls-home #network-preview{scroll-margin-top:95px}}