/* Watch status dashboard: mobile-first status, rollout, availability and policy */
.page--watch{padding-top:7.2rem}

.watch-hero{display:grid;gap:1.2rem;margin-bottom:2rem;padding:1.15rem 1rem}
.watch-hero__intro h1{margin-bottom:.8rem;font-size:clamp(1.9rem,8vw,2.7rem);line-height:1.12}
.watch-hero__intro .lede{font-size:.98rem;line-height:1.65}
.watch-hero__brief{position:relative;padding:1rem;border:1px solid rgba(201,162,94,.22);border-radius:4px;background:linear-gradient(145deg,rgba(240,234,214,.07),rgba(240,234,214,.018))}
.watch-hero__brief .status-badge{margin-bottom:.65rem}
.watch-hero__brief h2{font-size:1.2rem;font-weight:600;line-height:1.35;margin-bottom:.45rem}
.watch-hero__brief p{color:var(--cream-dim);font-size:.9rem;line-height:1.65}

.status-dashboard{display:grid;gap:.85rem;margin-bottom:2.5rem}
.status-card{position:relative;min-width:0;overflow:hidden;padding:1rem;border:1px solid rgba(201,162,94,.22);border-radius:5px;background:linear-gradient(145deg,rgba(11,18,32,.95),rgba(11,18,32,.76));box-shadow:0 .8rem 2.2rem rgba(0,0,0,.18)}
.status-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold)}
.status-card--released:before{background:#8fbc8f}
.status-card--pending:before{background:#d5a848}
.status-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;margin-bottom:.75rem}
.status-card__head .eyebrow{min-width:0;margin:0;font-size:.68rem;line-height:1.4;letter-spacing:.16em}
.status-card__status{margin-bottom:.55rem;font-size:clamp(1.05rem,4.2vw,1.35rem);font-weight:600;line-height:1.35;text-wrap:balance}
.status-card__note{color:var(--cream-dim);font-size:.9rem;line-height:1.65}

.status-badge{display:inline-flex;align-items:center;gap:.38rem;flex:none;max-width:100%;padding:.25rem .55rem;border:1px solid currentColor;border-radius:999px;font-family:"Noto Serif SC",serif;font-size:.58rem;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;white-space:normal}
.status-badge:before{content:"";flex:none;width:.38rem;height:.38rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}
.status-badge--released{color:#a9d0a7;background:rgba(143,188,143,.08)}
.status-badge--pending{color:#e0b96e;background:rgba(213,168,72,.08)}
.status-badge--blocked{color:#e07c6c;background:rgba(199,62,41,.1)}

.watch-timeline{position:relative;display:grid;gap:0;list-style:none;margin:0;padding:0}
.watch-timeline:before{content:"";position:absolute;top:.8rem;bottom:1.2rem;left:1.03rem;width:1px;background:linear-gradient(to bottom,rgba(201,162,94,.6),rgba(201,162,94,.12))}
.watch-timeline__wave{position:relative;display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.8rem;padding-bottom:1.2rem}
.watch-timeline__wave:last-child{padding-bottom:0}
.watch-timeline__marker{position:relative;z-index:1;display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid rgba(201,162,94,.5);border-radius:50%;background:var(--ink);color:var(--gold);font-size:.72rem;letter-spacing:.05em;box-shadow:0 0 0 4px rgba(11,18,32,.9)}
.watch-timeline__body{min-width:0;padding:.75rem .85rem 1rem;border:1px solid rgba(201,162,94,.17);border-radius:4px;background:rgba(240,234,214,.025)}
.watch-timeline__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .6rem;margin-bottom:.65rem}
.watch-timeline__date{font-size:1.05rem;color:var(--cream)}
.watch-timeline__year{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-faint)}
.watch-timeline__meta .status-badge{margin-left:auto}
.watch-timeline__regions{display:flex;flex-wrap:wrap;gap:.42rem;list-style:none;margin:0;padding:0}
.watch-timeline__regions li{padding:.24rem .58rem;border:1px solid rgba(240,234,214,.16);border-radius:999px;color:var(--cream-dim);font-size:.78rem;line-height:1.35;background:rgba(240,234,214,.035)}
.watch-timeline__note{margin-top:.65rem;color:var(--cream-faint);font-size:.8rem;line-height:1.55}

.availability-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}
.availability-card__head .eyebrow{min-width:0;margin:0;font-size:.68rem;line-height:1.4;letter-spacing:.15em}
.availability-card h3{line-height:1.4}

.faq-list{display:grid;gap:.65rem;margin-top:1.2rem}
.faq-list details{border:1px solid rgba(201,162,94,.2);border-radius:4px;background:rgba(240,234,214,.025)}
.faq-list summary{cursor:pointer;padding:.82rem .9rem;color:var(--cream);font-size:.94rem;line-height:1.45;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";float:right;margin-left:1rem;color:var(--gold)}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{padding:0 .9rem .9rem;color:var(--cream-dim);font-size:.9rem;line-height:1.65}

@media (min-width:700px){
.watch-hero{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);align-items:center;gap:2rem;padding:1.6rem 1.8rem;margin-bottom:2.5rem}
.watch-hero__intro h1{font-size:clamp(2.5rem,5vw,3.6rem)}
.watch-hero__brief{padding:1.2rem}
.status-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:3rem}
.status-card{display:flex;flex-direction:column;padding:1.15rem}
.status-card__head{min-height:3.8rem}
.status-card__note{flex:1}
.watch-timeline{padding-left:.25rem}
.watch-timeline__body{display:grid;grid-template-columns:minmax(10rem,.8fr) minmax(0,1.8fr);gap:.5rem 1.2rem;padding:1rem 1.1rem}
.watch-timeline__meta{grid-column:1;align-content:start;margin:0}
.watch-timeline__meta .status-badge{margin-left:0}
.watch-timeline__regions{grid-column:2;grid-row:1 / span 2}
.watch-timeline__note{grid-column:1;margin-top:.2rem}
}

@media (max-width:860px){
.page--watch{padding-top:10.5rem}
}

@media (prefers-reduced-motion:reduce){
.watch-hero,.status-card,.watch-timeline__wave{scroll-behavior:auto}
}