.streaming-page{--streaming-paper:var(--color-white);--streaming-margin:#de5c6873;--streaming-screen:#0b1630;color:var(--color-deep);overflow-x:clip}.streaming-page p{margin:0;line-height:1.95}.streaming-page h2,.streaming-page h3{font-family:var(--font-family-serif);text-wrap:balance;margin:0;line-height:1.6}.streaming-hero{padding:clamp(6rem, 9vw, 7.5rem) var(--space-4) clamp(2.75rem, 5vw, 4.5rem);isolation:isolate;position:relative;overflow:hidden}.streaming-hero__ground{z-index:-2;object-fit:cover;object-position:50% 40%;width:100%;height:100%;position:absolute;inset:0}.streaming-hero:before{z-index:-1;content:"";background:linear-gradient(#ffffff4d,#fff0 35%,#ffffff8c 100%);position:absolute;inset:0}.streaming-hero__inner{z-index:0;grid-template-columns:minmax(0,31rem) minmax(0,1fr);grid-template-areas:"sheet screen";align-items:center;gap:clamp(2rem,4vw,3.5rem);width:min(100%,76rem);margin:0 auto;display:grid;position:relative}.streaming-screen{background:var(--streaming-screen);border-radius:.9rem;grid-area:screen;margin:0;padding:clamp(.45rem,.9vw,.7rem);position:relative;rotate:1deg;box-shadow:0 .2rem #0a285a1a,0 1.4rem 2.8rem #0a285a47}.streaming-screen img{border-radius:.45rem;width:100%;height:auto;display:block}.streaming-screen__live{z-index:5;color:var(--color-white);font-size:var(--text-xs);letter-spacing:.14em;background:#d61f45;border-radius:.3rem;padding:.1rem .6rem;font-weight:800;position:absolute;top:-.75rem;left:1.25rem}.streaming-screen figcaption{background:var(--tape-yellow);color:var(--color-deep);font-size:var(--text-sm);clip-path:var(--tape-edges);padding:.3rem 1.1rem;font-weight:700;position:absolute;bottom:-1.05rem;right:1.5rem;rotate:-2deg}.streaming-hero__sheet{gap:var(--space-4);background:linear-gradient(90deg, transparent 1.6rem, var(--streaming-margin) 1.6rem 1.7rem, transparent 1.7rem), var(--streaming-paper);grid-area:sheet;padding:clamp(1.75rem,3vw,2.5rem) clamp(1.25rem,3vw,2.5rem) clamp(1.75rem,3vw,2.25rem) clamp(2.25rem,4vw,3.25rem);display:grid;position:relative;rotate:-.8deg;box-shadow:0 .15rem #0a285a0f,0 1.2rem 2.4rem #0a285a2e}.streaming-hero__sheet:before,.streaming-hero__sheet:after{background:var(--tape-stripe);width:6.5rem;height:1.5rem;clip-path:var(--tape-edges);content:"";position:absolute;top:-.7rem}.streaming-hero__sheet:before{left:1.5rem;rotate:-6deg}.streaming-hero__sheet:after{background:var(--tape-yellow);right:1.5rem;rotate:5deg}.streaming-hero h1{font-family:var(--font-family-serif);letter-spacing:.02em;margin:0;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.25}.streaming-hero__catch{font-family:var(--font-family-serif);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700}.streaming-hero__lead{font-size:var(--text-sm)}.streaming-badges{gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.streaming-badges li{background:var(--tape-gingham);font-size:var(--text-sm);clip-path:var(--tape-edges);padding:.2rem .85rem;font-weight:700}.streaming-badges li:nth-child(4n+2){background:var(--tape-dots)}.streaming-badges li:nth-child(4n+3){background:var(--tape-yellow)}.streaming-badges li:nth-child(4n+4){background:var(--tape-stripe)}.streaming-hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media not all and (min-width:64rem){.streaming-hero{padding-top:clamp(5rem,12vw,6rem)}.streaming-hero__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"screen""sheet";gap:clamp(2.25rem,6vw,3rem);width:min(100%,40rem)}.streaming-screen{rotate:.6deg}.streaming-hero__sheet{rotate:-.4deg}.streaming-hero__actions .journey-button{flex:100%;min-height:3.25rem}}.streaming-page__inner{width:min(calc(100% - 2 * var(--space-4)), var(--content-default));padding:var(--space-6) 0 clamp(3rem, 6vw, 5rem);gap:clamp(3rem,6vw,5rem);margin:0 auto;display:grid}.streaming-breadcrumb{gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.streaming-breadcrumb a{color:inherit}.streaming-heading{background:linear-gradient(transparent 58%, color-mix(in srgb, var(--color-sun) 55%, transparent) 0);text-align:center;justify-self:center;padding:.15rem 1.4rem;font-size:clamp(1.45rem,2.8vw,2rem)}.streaming-easy,.streaming-enjoy,.streaming-prepare{gap:clamp(1.75rem,3.5vw,2.5rem);display:grid}.streaming-easy__list,.streaming-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,2.5vw,2rem);margin:0;padding:0;list-style:none;display:grid}.streaming-note{align-content:start;gap:var(--space-3);background:var(--streaming-paper);padding:1.7rem 1.4rem 1.4rem;display:grid;position:relative;box-shadow:0 .6rem 1.6rem #0a285a1a}.streaming-note:before{background:var(--tape-stripe);width:5.5rem;height:1.4rem;clip-path:var(--tape-edges);content:"";position:absolute;top:-.7rem;left:50%;translate:-50%;rotate:-3deg}.streaming-note:nth-child(4n+2):before{background:var(--tape-yellow);rotate:2deg}.streaming-note:nth-child(4n+3):before{background:var(--tape-gingham);rotate:-1.5deg}.streaming-note:nth-child(4n+4):before{background:var(--tape-dots);rotate:3deg}.streaming-note h3{font-size:clamp(1.08rem,1.6vw,1.2rem)}.streaming-note p{font-size:var(--text-sm);line-height:1.85}.streaming-note .journey-link{font-size:var(--text-sm);justify-self:start;font-weight:700}.streaming-way{border-top:.35rem solid color-mix(in srgb, var(--color-blue) 35%, transparent);background:var(--streaming-paper);gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.5rem);display:grid;box-shadow:0 .6rem 1.6rem #0a285a1a}.streaming-way--media{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}.streaming-way--media:nth-of-type(odd) .streaming-way__screen{order:-1}.streaming-way__text{align-content:start;gap:var(--space-3);display:grid}.streaming-way__number{color:color-mix(in srgb, var(--color-blue) 70%, var(--color-white));font-family:var(--font-family-serif);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1}.streaming-way h3{font-size:clamp(1.3rem,2.4vw,1.7rem)}.streaming-way__screen{margin:0}.streaming-way__screen img{border-radius:.5rem;width:100%;height:auto;display:block;box-shadow:0 .6rem 1.4rem #0a285a2e}.streaming-themes{gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4);background:var(--color-pale-sky);border-radius:.75rem;display:grid}.streaming-themes__heading{font-size:var(--text-sm);font-weight:700}.streaming-themes ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.streaming-themes li{background:var(--color-white);font-size:var(--text-sm);border-radius:1rem 1rem 1rem .25rem;justify-self:start;padding:.35rem .95rem;line-height:1.6;box-shadow:0 .1rem .3rem #0a285a1a}.streaming-chapters{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.streaming-chapters a{align-content:start;gap:var(--space-2);color:inherit;text-decoration:none;display:grid}.streaming-chapters img{border-radius:.4rem;width:100%;height:auto;display:block;box-shadow:0 .4rem 1rem #0a285a29}.streaming-chapters__label{font-family:var(--font-family-serif);font-size:var(--text-sm);font-weight:700;line-height:1.5}.streaming-chapters__title{display:block}.streaming-chapters a:hover .streaming-chapters__label{text-underline-offset:.25em;text-decoration:underline}.streaming-chapters a:focus-visible{outline:3px solid var(--color-deep);outline-offset:4px}.streaming-chapters__topic{background:var(--color-pale-sky);font-size:var(--text-sm);justify-self:start;padding:.1rem .6rem;line-height:1.6}.streaming-prepare{scroll-margin-top:5rem}.streaming-note .streaming-steps__number{color:var(--color-blue);font-family:var(--font-family-serif);font-size:1.8rem;font-weight:700;line-height:1}.streaming-description{gap:var(--space-3);border:2px dashed color-mix(in srgb, var(--color-blue) 45%, transparent);background:var(--streaming-paper);padding:clamp(1.25rem,3vw,2rem);display:grid}.streaming-description h3{font-size:clamp(1.1rem,1.8vw,1.3rem)}.streaming-description p{font-size:var(--text-sm)}.streaming-description pre{padding:var(--space-4);background:var(--color-pale-sky);color:var(--color-deep);font-family:var(--font-family-sans);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0;line-height:1.8}.streaming-description__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.streaming-description__actions .journey-button{cursor:pointer;font-family:inherit}.streaming-description__status{font-weight:700}.streaming-rules{font-size:var(--text-sm);text-align:center}.streaming-rules a{color:inherit;text-underline-offset:.25em}@media not all and (min-width:64rem){.streaming-easy__list{grid-template-columns:repeat(2,minmax(0,1fr))}.streaming-way--media{grid-template-columns:minmax(0,1fr)}.streaming-way--media:nth-of-type(odd) .streaming-way__screen{order:0}.streaming-chapters{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.streaming-chapters a{align-items:start;column-gap:var(--space-4);row-gap:var(--space-2);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,15rem) minmax(0,1fr)}.streaming-chapters img{grid-row:span 2}}@media (max-width:35rem){.streaming-easy__list,.streaming-steps{grid-template-columns:minmax(0,1fr)}.streaming-chapters a{column-gap:var(--space-3);grid-template-columns:minmax(0,9rem) minmax(0,1fr)}.streaming-description__actions .journey-button{flex:100%;min-height:3.25rem}}