/* Watch uses Garden's phone bar proportions and line icons. */
.watch-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,32px);margin-left:auto;margin-right:clamp(14px,2.5vw,28px)}
.watch-nav a{position:relative;padding:8px 0;font-size:13px;letter-spacing:.06em;font-weight:var(--weight-ui-emphasis,500);white-space:nowrap;color:inherit;text-decoration:none}
.watch-nav a:hover,.watch-nav a[aria-current="page"]{color:var(--pink)}
.watch-nav a.watch-nav-subscribe{color:var(--pink)}
.watch-bottom-nav{display:none}
@media(max-width:760px){
  .site-header{height:67px}
  .site-header .header-inner{display:flex;padding-block:0}
  .site-header .watch-nav{display:none}
  .site-header .header-inner>.HeaderSubscription-module__DbYwVq__tools{margin-left:auto}
  .site-header .header-inner>[data-language-switch]{margin-left:auto}
  .site-shell{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .watch-bottom-nav{position:fixed;z-index:60;height:calc(68px + env(safe-area-inset-bottom));box-sizing:border-box;transform:translateZ(0);backface-visibility:hidden;animation:none;transition:none;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--paper,#211e1e);border-top:1px solid var(--line,#3a3533);padding:0 8px env(safe-area-inset-bottom)}
  .watch-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:7px 2px;color:var(--muted,#b9b1a8);font:500 11px/1.2 -apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
  .watch-bottom-nav a[aria-current="page"]{color:var(--pink,#d4a0aa)}
  .watch-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
  .watch-bottom-nav a[data-bottom-subscribe]{min-height:50px;margin:7px 5px;border-radius:12px;background:var(--pink,#d4a0aa);color:#211e1e;font-weight:700}
  .watch-bottom-nav a:focus-visible{outline:2px solid var(--pink);outline-offset:-3px}
}
/* Same ◐/◑ control and 44px touch area as Garden. */
.watch-header-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.watch-appearance{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 0 0 -4px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}
.watch-appearance svg{width:20px;height:20px}
.watch-appearance:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.watch-appearance:active{background:color-mix(in srgb,var(--ink) 11%,transparent)}
.watch-appearance:focus-visible{outline:2px solid var(--pink);outline-offset:-2px}
html[data-appearance="light"]{color-scheme:light}
html[data-appearance="light"] body:has(.sg.simple-subscription),html[data-appearance="light"] .sg.simple-subscription{--paper:#f8f5ef!important;--ink:#24221f!important;--muted:#6a655f!important;--pink:#c58e99!important;--line:#ded8cf!important;--white:#fffdf8!important;--rose:#c58e99!important;--quiet-panel:#efe8df!important}
html[data-appearance="light"] .sg.simple-subscription .hero.generic .hero-label{color:#9e3a57!important;text-shadow:0 0 12px rgba(197,142,153,.25)!important}
html[data-appearance="light"] .sg.simple-subscription .hero.generic .generic-description{color:#6a655f!important}
html[data-appearance="light"] .watch-x-title{color:#9e3a57;text-shadow:0 0 12px rgba(197,142,153,.3)}
/* Keep the X brand centered while leaving room for two 44px controls. */
.watch-x-header .header-inner{grid-template-columns:80px minmax(0,1fr) 80px!important}
.watch-x-header .watch-header-tools{grid-column:3;grid-row:1;gap:0;margin:0;justify-self:end}
.watch-x-header .watch-x-title{grid-row:1}
@media(max-width:600px){.watch-x-title{font-size:clamp(15px,4vw,20px);letter-spacing:.01em}.watch-x-header .header-inner{width:calc(100% - 24px);grid-template-columns:70px minmax(0,1fr) 70px!important}.watch-x-header .watch-appearance{width:36px;margin:0}.watch-x-header [data-language-switch]{min-width:30px;padding-inline:0}}
html[data-appearance="light"] .sg.simple-subscription .assistance .pay-method,html[data-appearance="light"] .sg.simple-subscription .inline-checkout label,html[data-appearance="light"] .sg.simple-subscription .simple-delivery{color:#6a655f!important}
.watch-x-header{height:auto!important;min-height:84px}
.watch-x-header .header-inner{display:grid!important}
@media(max-width:600px){.watch-x-header .header-inner{width:calc(100% - 24px)!important}.watch-x-header .watch-x-title{font-size:clamp(17px,4.7vw,20px)}}

@media(max-width:760px){.watch-bottom-nav{overflow-anchor:none}.watch-bottom-nav a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}

/* Phone pages use the fixed bar; subscription keeps its account/renewal/help links. */
@media(max-width:760px){.site-shell:not(.watch-subscription-site):not(:has([data-subscription-guide]))>.site-footer{display:none}}

/* Prevent animated focus scrolling only during an outgoing bottom-nav tap. */
html[data-watch-nav-pending]{scroll-behavior:auto!important;overflow-anchor:none}
