/* Compact home navigation; long-form content belongs to the dedicated pages. */
.buying-help-entry { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 12px; color: #243137; scroll-margin-top: 100px; }
.buying-help-link { display: flex; align-items: center; text-align: left; gap: 12px; min-width: 0; min-height: 88px; padding: 16px; border: 1px solid rgba(255,255,255,.7); border-radius: 16px; background: linear-gradient(125deg,rgba(255,255,255,.5),rgba(244,248,248,.2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.4); color: inherit; text-decoration: none; transition: background 160ms ease, transform 160ms ease; }
.buying-help-link-icon { display: grid; place-items: center; flex: 0 0 30px; color: #405863; }
.buying-help-link-icon svg { width: 26px; height: 26px; }
.buying-help-link-copy { display: grid; gap: 4px; min-width: 0; }
.buying-help-link-copy strong { font-size: 16px; font-weight: 650; line-height: 1.35; letter-spacing: -.025em; }
.buying-help-link-copy > span { color: #506068; font-size: 11px; line-height: 1.5; }
.buying-help-entry .buying-help-link:disabled { opacity: 1; color: #5b666b; background: rgba(223,229,229,.25); border-style: dashed; cursor: not-allowed; }
.buying-help-entry :focus-visible { outline: 2px solid #355762; outline-offset: 4px; }
@media (hover: hover) { .buying-help-link[href]:hover { transform: translateY(-2px); background: rgba(255,255,255,.65); } }
.help-page { --help-ink: #202b30; --help-muted: #4b5b63; color: var(--help-ink); background: radial-gradient(ellipse at top right,rgba(255,255,255,.75),transparent 75%),linear-gradient(115deg,#e0e3e1,#c5cdcf 50%,#e2e5e3); }
.help-page .nav-shell { color: var(--ink); }
.help-page main { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding-bottom: 70px; }
.help-page .help-home { color: var(--ink); border: 1px solid var(--line); padding: 10px 14px; border-radius: 10px; min-height: 44px; font-size: 13px; white-space: nowrap; }
.help-page-nav { display: flex; gap: 8px; flex-wrap: wrap; padding: 24px 0 0; }
.help-page-nav a { padding: 10px 16px; min-height: 44px; border: 1px solid rgba(60,76,82,.2); border-radius: 999px; font-size: 13px; }
.help-page-nav a[aria-current="page"] { background: var(--bg); color: var(--ink); }
.help-page :where(a,button,input,select,summary):focus-visible { outline: 2px solid #355762; outline-offset: 4px; }
.help-page .site-footer :focus-visible, .help-page .nav-shell :focus-visible { outline-color: var(--ink); }
.help-page .site-footer { color: var(--muted); }
.help-page .buying-help { margin: 0; border-bottom: 0; }
.help-page .buying-help-heading { max-width: 750px; margin-bottom: 36px; }
.help-page .buying-help-heading h1 { font-size: clamp(34px,5vw,64px); line-height: 1.12; }
.help-page .buying-help-heading p { max-width: 60ch; font-size: 16px; }
.buying-help {
  --help-ink: #202b30;
  --help-muted: #4b5b63;
  color: var(--help-ink);
  padding: clamp(24px, 4vw, 48px) 0;
  margin-bottom: 36px;
  border-bottom: 1px solid rgba(48, 64, 71, .2);
}

.buying-help-return {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0 0 20px;
  color: var(--help-muted);
  font-size: 13px;
  font-weight: 600;
  text-underline-offset: 5px;
}

.buying-help-heading {
  max-width: 800px;
  margin-bottom: 30px;
}

.buying-help-heading .eyebrow { color: var(--help-muted); }
.buying-help-heading h1 {
  margin: 12px 0;
  font-family: var(--heading-font);
  font-size: clamp(28px, 3.2vw, 46px);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.045em;
}

.buying-help-heading p,
.buying-help-answer,
.buying-help-step p,
.buying-help-contact p {
  color: var(--help-muted);
  line-height: 1.75;
}

.buying-help :where(button, a, summary, [tabindex]):focus-visible {
  outline: 2px solid #354d5a;
  outline-offset: 4px;
}

.buying-help-category[id],
.buying-help-question[id] { scroll-margin-top: 100px; }
.buying-help-faq {
  display: grid;
  grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 80px);
  align-items: start;
}

.buying-help-categories {
  position: sticky;
  top: 112px;
  display: grid;
  gap: 6px;
  min-width: 0;
}

.buying-help-categories a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--help-muted);
  font-size: 14px;
  font-weight: 600;
}

.buying-help-categories a:hover {
  color: var(--help-ink);
  background: rgba(255, 255, 255, .25);
  border-color: rgba(60, 76, 82, .13);
}

.buying-help-answers { min-width: 0; }
.buying-help-category { margin-bottom: 38px; }
.buying-help-category:last-child { margin-bottom: 0; }
.buying-help-category h2 {
  margin: 0 0 12px;
  font-family: var(--heading-font);
  font-size: 19px;
  font-weight: 650;
  letter-spacing: -.02em;
}

.buying-help-question {
  border-bottom: 1px solid rgba(48, 64, 71, .2);
}

.buying-help-question summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 62px;
  padding: 16px 0;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.buying-help-question summary::-webkit-details-marker { display: none; }
.buying-help-question summary::after {
  content: "+";
  flex: 0 0 24px;
  text-align: center;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
}
.buying-help-question[open] summary::after { content: "−"; }
.buying-help-answer { margin: 0; padding: 0 38px 22px 0; font-size: 14px; }
.buying-help-guide-title {
  margin: 0 0 24px;
  font-family: var(--heading-font);
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 550;
  letter-spacing: -.035em;
}

.buying-help-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.buying-help-step {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 18px;
  min-width: 0;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, .1));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
}

.buying-help-step-number {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(55, 74, 82, .3);
  border-radius: 50%;
  font-size: 12px;
  font-weight: 650;
}

.buying-help-step h2 {
  margin: 3px 0 12px;
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: -.025em;
}

.buying-help-step p { margin: 0; font-size: 14px; }
.buying-help-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 38px;
  padding-top: 28px;
  border-top: 1px solid rgba(48, 64, 71, .2);
}
.buying-help-contact p { margin: 0; max-width: 48ch; }
.buying-help-contact .action-primary { background: var(--bg); color: var(--ink); white-space: nowrap; }



/* Video guidebook: isolated to the existing public help page. */
.watch-guide-hero { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,64px); align-items:center; padding:12px 0 36px; }
.watch-guide-hero-copy > .eyebrow { color:var(--help-muted); font-size:10px; }
.watch-guide-hero-copy h1 { margin:16px 0 22px; font-size:clamp(36px,4.6vw,62px); font-weight:550; line-height:1.08; letter-spacing:-.055em; white-space:pre-line; }
.watch-guide-hero-copy > p:not(.eyebrow) { color:var(--help-muted); max-width:45ch; font-size:15px; line-height:1.8; }
.watch-library-link { display:inline-flex; align-items:center; gap:12px; margin-top:16px; padding:13px 22px; min-height:48px; border-radius:999px; background:#26363e; color:#f3f5f4; font-size:13px; font-weight:650; }
.watch-featured, .watch-guide-cover { position:relative; display:block; width:100%; overflow:hidden; padding:0; border:0; background:#253238; color:#fff; cursor:pointer; }
.watch-featured { aspect-ratio:1.28; border-radius:24px; text-align:left; box-shadow:0 24px 44px -30px #18262d; }
.watch-featured img, .watch-guide-cover img { width:100%; height:100%; object-fit:cover; transition:transform 220ms ease; }
.watch-featured::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(14,24,30,.94),transparent 70%); pointer-events:none; }
.watch-featured-copy { position:absolute; z-index:1; bottom:0; left:0; padding:28px; display:grid; gap:12px; }
.watch-featured-copy .eyebrow { color:#cadadd; font-size:10px; }
.watch-featured-copy strong { font-size:clamp(22px,2.5vw,34px); line-height:1.2; letter-spacing:-.035em; max-width:15ch; }
.watch-featured-copy > span:last-child { font-size:12px; color:#d7e0e3; }
.watch-play-icon { position:absolute; top:50%; left:50%; display:grid; place-items:center; width:50px; height:50px; padding-left:3px; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.75); border-radius:50%; background:rgba(24,36,43,.65); color:white; box-shadow:0 6px 24px rgba(0,0,0,.2); font-size:16px; z-index:1; }
.watch-featured .watch-play-icon { top:28%; left:auto; right:26px; transform:none; }
.watch-guide-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid rgba(61,79,86,.18); border-radius:14px; background:rgba(70,87,94,.13); overflow:hidden; }
.watch-guide-quick button { min-width:0; min-height:62px; padding:14px; background:rgba(239,243,242,.8); border:0; color:var(--help-ink); text-align:left; font-size:12px; font-weight:650; }
.watch-guide-library { padding-top:60px; scroll-margin-top:100px; }
.watch-section-heading { margin-bottom:26px; }
.watch-section-heading .eyebrow { color:var(--help-muted); font-size:10px; }
.watch-section-heading h2 { margin:10px 0; font-size:clamp(27px,3vw,38px); line-height:1.2; letter-spacing:-.04em; font-weight:550; }
.watch-section-heading > p:not(.eyebrow) { font-size:14px; color:var(--help-muted); line-height:1.7; }
.watch-guide-tools { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:12px; }
.watch-guide-search, .watch-guide-brand { display:grid; gap:8px; font-size:11px; color:var(--help-muted); font-weight:650; }
.watch-guide-tools :is(input,select) { width:100%; min-height:50px; padding:12px 16px; border:1px solid #9ba9ad; border-radius:12px; background:rgba(255,255,255,.45); color:var(--help-ink); font:inherit; font-size:14px; }
.watch-guide-filters { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0; }
.watch-guide-filters button { min-height:42px; padding:9px 14px; border:1px solid rgba(75,96,104,.35); border-radius:999px; background:rgba(255,255,255,.15); color:var(--help-ink); font-size:11px; }
.watch-guide-filters button[aria-pressed="true"] { color:#fff; background:#293b44; border-color:#293b44; }
.watch-guide-count { color:var(--help-muted); font-size:12px; margin:0 0 20px; }
.watch-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.watch-guide-card { min-width:0; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.8); border-radius:17px; overflow:hidden; background:linear-gradient(130deg,rgba(255,255,255,.63),rgba(237,244,244,.22)); box-shadow:0 5px 20px -14px rgba(33,53,62,.4); }
.watch-guide-card[hidden], .watch-guide-empty[hidden], .watch-guide-cover img[hidden], .watch-featured img[hidden] { display:none; }
.watch-guide-cover { aspect-ratio:16/9; flex-shrink:0; }
.watch-guide-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(12,20,25,.3),transparent 50%); pointer-events:none; }
.watch-guide-badge { position:absolute; z-index:1; left:12px; bottom:10px; max-width:calc(100% - 24px); padding:5px 9px; border:1px solid rgba(255,255,255,.35); border-radius:999px; background:rgba(23,35,41,.84); font-size:9px; }
.watch-guide-card-copy { display:flex; flex:1; flex-direction:column; gap:12px; padding:20px; }
.watch-guide-card p { margin:0; font-size:12px; color:var(--help-muted); line-height:1.7; }
.watch-guide-card .watch-guide-model { font-size:10px; line-height:1.55; font-weight:650; }
.watch-guide-card h3 { margin:0; line-height:1.3; }
.watch-guide-title { display:block; padding:0; border:0; background:none; color:var(--help-ink); text-align:left; font:inherit; font-size:21px; font-weight:600; letter-spacing:-.035em; }
.watch-guide-source { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:14px; border-top:1px solid rgba(61,80,88,.15); color:var(--help-muted); font-size:10px; line-height:1.4; }
.watch-guide-source a { display:flex; align-items:center; min-height:44px; flex-shrink:0; font-size:11px; font-weight:650; color:var(--help-ink); }
.watch-guide-note { margin:26px 0 0; padding:16px 20px; border-left:2px solid #6b8089; background:rgba(255,255,255,.2); color:var(--help-muted); font-size:12px; line-height:1.8; }
.watch-guide-empty { padding:32px; border:1px solid #aab7bc; border-radius:16px; }
.watch-guide-empty h3 { font-size:23px; margin:0 0 10px; }
.watch-guide-empty p { color:var(--help-muted); font-size:14px; line-height:1.7; }
.watch-guide-empty button { background:#293b44; color:#fff; border:0; border-radius:999px; min-height:44px; padding:10px 20px; }
.watch-guide-section { margin-top:64px; padding-top:42px; border-top:1px solid rgba(64,85,93,.22); }
.watch-question-grid, .watch-calendar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.watch-question { display:grid; gap:12px; min-width:0; padding:22px; text-align:left; border:1px solid rgba(255,255,255,.65); border-radius:16px; background:rgba(246,249,247,.25); color:var(--help-ink); }
.watch-question-number { color:#6a8089; font-size:11px; }
.watch-question strong { font-size:15px; font-weight:600; }
.watch-question > span:last-child { font-size:11px; color:var(--help-muted); }
.watch-wrist { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:48px; }
.watch-wrist-steps { margin:0; padding-left:20px; }
.watch-wrist-steps li { padding-left:10px; margin-bottom:20px; font-size:13px; }
.watch-wrist-steps p, .watch-wrist-tip { font-size:12px; color:var(--help-muted); line-height:1.8; margin:6px 0 0; }
.watch-wrist-visual { position:relative; overflow:hidden; aspect-ratio:1; border-radius:24px; background:radial-gradient(ellipse at 50% 50%,#c6d1d3,transparent 60%),linear-gradient(145deg,#354950,#24333b); }
.watch-wrist-outline { position:absolute; width:30%; height:110%; top:-5%; left:35%; transform:rotate(25deg); border:1px solid rgba(221,233,231,.45); border-radius:36%; background:linear-gradient(90deg,rgba(195,212,213,.04),rgba(225,239,240,.16),rgba(195,212,213,.04)); }
.watch-wrist-tape { position:absolute; width:58%; height:15%; left:21%; top:39%; transform:rotate(10deg); border:1px solid #becdd0; border-radius:50%; box-shadow:0 18px 15px -15px #0d1b21; background:repeating-linear-gradient(90deg,transparent 0 12px,#6f858e 12px 13px),linear-gradient(#dce6e3,#a9bcc1); }
.watch-wrist-label { position:absolute; bottom:28px; left:0; right:0; text-align:center; color:#d9e3e4; font-size:10px; letter-spacing:.2em; }
.watch-calendar { padding:26px; border-radius:18px; background:rgba(255,255,255,.27); border:1px solid rgba(255,255,255,.6); }
.watch-calendar-mark { font-size:36px; color:#617b85; letter-spacing:-.05em; }
.watch-calendar h3 { font-size:18px; margin:14px 0; font-weight:600; }
.watch-calendar p { color:var(--help-muted); font-size:12px; line-height:1.8; }
.watch-calendar :is(button,a) { display:inline-flex; align-items:center; min-height:44px; padding:0; background:none; border:0; color:var(--help-ink); font-size:12px; font-weight:650; text-align:left; }
.watch-guide-help { display:grid; grid-template-columns:.8fr 1.2fr; gap:48px; }
.watch-guide-help .watch-section-heading > a { display:inline-flex; min-height:44px; align-items:center; text-decoration:underline; text-underline-offset:5px; font-size:13px; }
.watch-guide-credit { margin:36px 0 0; color:var(--help-muted); font-size:11px; line-height:1.7; }
.watch-player-open { overflow:hidden; }
.watch-player { width:min(920px,calc(100% - 32px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #8a9ba2; border-radius:20px; background:#e0e6e5; color:#202e34; overflow:auto; overscroll-behavior:contain; box-shadow:0 30px 100px rgba(0,0,0,.45); }
.watch-player::backdrop { background:rgba(10,19,24,.82); backdrop-filter:blur(8px); }
.watch-player-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; }
.watch-player-header h2 { font-size:20px; font-weight:600; letter-spacing:-.03em; margin:0; }
.watch-player-close { padding:10px 14px; border:1px solid #879ca5; border-radius:999px; flex-shrink:0; min-height:44px; font-size:12px; background:transparent; color:inherit; }
.watch-player-frame { aspect-ratio:16/9; background:#111b20; }
.watch-player-frame iframe { display:block; width:100%; height:100%; border:0; }
.watch-player-meta { padding:24px; }
.watch-player-meta .eyebrow { color:#465d67; font-size:10px; }
.watch-player-meta p { font-size:13px; line-height:1.7; }
.watch-player-links { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; }
.watch-player-links a { display:flex; align-items:center; min-height:44px; padding:10px 16px; border-radius:999px; border:1px solid #a0b0b5; font-size:12px; }
.watch-player-links a:first-child { color:white; background:#273c46; border-color:#273c46; }
.watch-player-meta .watch-player-help { font-size:11px; color:#50646c; margin-bottom:0; }
@media (hover:hover) {
  .watch-guide-cover:hover img, .watch-featured:hover img { transform:scale(1.035); }
  .watch-guide-quick button:hover, .watch-question:hover { background:rgba(255,255,255,.6); }
  .watch-guide-title:hover, .watch-guide-source a:hover { text-decoration:underline; text-underline-offset:4px; }
}
@media (max-width:1000px) { .watch-question-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) {
  .watch-guide-hero { grid-template-columns:minmax(0,1fr); gap:24px; padding:0 0 24px; }
  .watch-guide-hero-copy h1 { font-size:38px; }
  .watch-guide-hero-copy > p:not(.eyebrow) { font-size:14px; }
  .watch-featured { aspect-ratio:1.6; border-radius:18px; }
  .watch-featured-copy { padding:20px; gap:8px; }
  .watch-featured .watch-play-icon { top:20px; right:20px; }
  .watch-guide-quick { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .watch-guide-quick button { min-height:58px; font-size:11px; padding:12px; }
  .watch-guide-library { padding-top:40px; }
  .watch-guide-tools { grid-template-columns:minmax(0,1fr); }
  .watch-guide-card-copy { padding:20px; }
  .watch-guide-section { margin-top:44px; padding-top:32px; }
  .watch-wrist, .watch-guide-help, .watch-calendar-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .watch-wrist-visual { max-height:270px; aspect-ratio:1.3; }
  .watch-question { padding:16px; }
  .watch-question strong { font-size:13px; line-height:1.5; }
  .watch-player-header, .watch-player-meta { padding:16px; }
  .watch-player-header h2 { font-size:17px; }
}
@media (prefers-reduced-motion:reduce) { .watch-featured img, .watch-guide-cover img { transition:none; } }

@media (max-width: 1000px) { .buying-help-entry { grid-template-columns: repeat(2,minmax(0,1fr)); } .watch-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) {
  .buying-help-entry { gap: 8px; margin-bottom: 16px; }
  .buying-help-link { min-height: 72px; gap: 8px; padding: 12px; border-radius: 12px; }
  .buying-help-link-icon { flex-basis: 24px; }
  .buying-help-link-icon svg { width: 23px; height: 23px; }
  .buying-help-link-copy strong { font-size: 13px; }
  .buying-help-link-copy > span { display: none; }
  .buying-help-link:disabled .buying-help-link-copy > span { display: block; font-size: 10px; }
  .help-page main { width: calc(100% - 36px); }
  .help-page-nav { gap: 6px; padding-top: 18px; }
  .help-page-nav a { padding: 10px 12px; font-size: 12px; }
  .buying-help-faq { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .buying-help-categories { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  .buying-help-categories a { padding: 10px; font-size: 12px; background: rgba(255,255,255,.18); border-color: rgba(60,76,82,.13); }
  .buying-help-steps, .watch-guide-grid { grid-template-columns: minmax(0,1fr); }
  .buying-help-step { gap: 14px; }
  .buying-help-contact { align-items: flex-start; flex-direction: column; gap: 16px; }
  .buying-help-answer { padding-right: 0; }
  .watch-guide-filters { gap: 6px; }
  .watch-guide-filters button { font-size: 12px; padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) { .buying-help-link { transition: none; } }