.watch-page { background: #f8f5ef; color: #073b3a; }
.watch-hero { padding: clamp(2rem, 5vw, 5rem) 0 clamp(4rem, 8vw, 8rem); background: radial-gradient(circle at 92% 8%, rgba(154,217,209,.38), transparent 30%), linear-gradient(135deg,#fbf8f2,#eef7f4); }
.watch-shell { max-width: 1240px; }
.watch-breadcrumb { display:flex; gap:.65rem; flex-wrap:wrap; margin-bottom:2rem; color:#5e7473; font-size:.94rem; }
.watch-breadcrumb a { color:#0b6b66; text-decoration:none; }
.watch-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:clamp(2rem,5vw,4.5rem); align-items:start; }
.watch-category { display:inline-flex; padding:.55rem .85rem; border-radius:999px; background:#dff3ef; color:#08645f; text-transform:uppercase; letter-spacing:.11em; font-size:.78rem; font-weight:800; }
.watch-page h1 { max-width:900px; margin:1rem 0; font:800 clamp(2rem,4.5vw,4.3rem)/1.04 Manrope,sans-serif; letter-spacing:-.045em; }
.watch-intro { max-width:850px; margin:0 0 1.75rem; color:#526968; font-size:clamp(1.05rem,1.7vw,1.25rem); line-height:1.75; }
.watch-player { position:relative; overflow:hidden; aspect-ratio:16/9; border-radius:28px; background:#022e2d; box-shadow:0 28px 70px rgba(7,59,58,.2); }
.watch-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.watch-meta { display:grid; grid-template-columns:1.4fr repeat(2,1fr); gap:1px; margin-top:1.25rem; overflow:hidden; border:1px solid #d8e3e0; border-radius:18px; background:#d8e3e0; }
.watch-meta span { display:flex; flex-direction:column; gap:.25rem; padding:1rem 1.1rem; background:#fff; }
.watch-meta strong { font-size:.98rem; }.watch-meta small{color:#708281;}
.watch-aside { position:sticky; top:120px; padding:2rem; border:1px solid rgba(7,59,58,.12); border-radius:26px; background:rgba(255,255,255,.9); box-shadow:0 20px 55px rgba(7,59,58,.1); }
.watch-aside h2 { margin:.45rem 0 1rem; font:800 1.65rem/1.15 Manrope,sans-serif; }
.watch-aside>p:not(.kicker) { color:#5d706f; line-height:1.7; }
.watch-note { display:flex; gap:.8rem; padding:1rem; margin:1.4rem 0; border-radius:16px; background:#fff1eb; color:#783c32; }
.watch-note span { color:#cf5a49; }.watch-note p{margin:0;line-height:1.5;}.watch-note strong{display:block;}
.watch-aside .button { width:100%; justify-content:center; }
.watch-library-link { display:flex; justify-content:center; align-items:center; gap:.45rem; margin-top:1rem; color:#0b6b66; font-weight:800; text-decoration:none; }
@media (max-width: 900px){.watch-layout{grid-template-columns:1fr}.watch-aside{position:static}.watch-meta{grid-template-columns:1fr 1fr}.watch-meta span:first-child{grid-column:1/-1}}
@media (max-width: 560px){.watch-hero{padding-top:1.5rem}.watch-player{border-radius:18px}.watch-meta{grid-template-columns:1fr}.watch-meta span:first-child{grid-column:auto}.watch-aside{padding:1.4rem}.watch-page h1{font-size:clamp(1.8rem,10vw,2.7rem)}}
@media (prefers-reduced-motion:no-preference){.watch-player{animation:watchRise .65s ease-out both}.watch-aside{animation:watchRise .65s .12s ease-out both}@keyframes watchRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}