.manuals-page .manual-library {
  padding-top: 130px;
  padding-bottom: 60px;
}
.manual-heading {
  text-align: center;
  margin-bottom: 40px;
}
.manual-heading .big {
  margin: 16px auto 24px;
}
.manual-kicker {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--mu);
}
.manual-heading > p:last-child {
  color: var(--mu);
}
.manual-search-label {
  display: block;
  font-weight: 700;
  margin-bottom: 12px;
}
#manual-search {
  width: 100%;
  border: 1px solid var(--line);
  background: var(--s);
  color: var(--text-ink);
  padding: 18px 24px;
  border-radius: 24px;
  font: inherit;
  box-shadow: var(--sh);
}
.manual-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 24px 0;
}
.manual-filters button {
  border: 1px solid var(--line);
  border-radius: 30px;
  background: var(--s);
  padding: 10px 18px;
  cursor: pointer;
  transition:
    background 0.25s,
    color 0.25s;
}
.manual-filters button[aria-pressed="true"] {
  background: #d366ac;
  color: #fff;
  border-color: #d366ac;
}
#manual-search-status {
  font-size: 14px;
  color: var(--mu);
  margin: 18px 0;
}
.manual-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.manual-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  background: var(--s);
  border-radius: 26px;
  text-decoration: none;
  box-shadow: var(--sh);
  transition: transform 0.25s;
}
.manual-card:hover {
  transform: translateY(-4px);
}
.manual-art {
  height: 145px;
  display: grid;
  place-items: center;
}
.manual-art img {
  max-width: 100%;
  max-height: 145px;
  object-fit: contain;
}
.guide-art {
  font: 800 80px/1 var(--detail-font);
  color: var(--ac);
}
.manual-card h2 {
  font: 800 26px/1.15 var(--detail-font);
  overflow-wrap: anywhere;
}
.manual-card > span {
  margin-top: auto;
  font-size: 14px;
  font-weight: 700;
  color: var(--ac);
}
.manuals-page [hidden] {
  display: none !important;
}
.manual-reader {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 50px;
  padding-top: 40px;
  padding-bottom: 100px;
}
.manual-sidebar {
  position: sticky;
  top: 88px;
  align-self: start;
  max-height: calc(100vh - 112px);
  overflow: auto;
  font-size: 14px;
  padding-right: 12px;
}
.manual-sidebar ul {
  list-style: none;
  padding: 0;
}
.manual-sidebar a {
  display: block;
  text-decoration: none;
  padding: 7px 10px;
  border-radius: 9px;
  transition:
    background 0.25s,
    color 0.25s;
}
.manual-sidebar a:hover,
.manual-sidebar a[aria-current] {
  background: color-mix(in srgb, #d366ac 16%, transparent);
  color: var(--ac);
}
.manual-sidebar a[aria-current="page"] {
  font-weight: 700;
}
.manual-sidebar ul ul {
  margin-left: 12px;
  border-left: 1px solid var(--line);
}
.manual-sidebar summary {
  cursor: pointer;
  font-weight: 700;
  margin-bottom: 16px;
}
.manual-document {
  min-width: 0;
  max-width: 740px;
}
.manual-library-link {
  display: inline-block;
  color: var(--ac);
  margin-bottom: 25px;
  text-decoration: none;
}
.manual-product-image {
  display: block;
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
  margin: 0 auto 32px;
}
.manual-chapter {
  font: 400 17px/1.75 var(--body-font);
  scroll-margin-top: 95px;
}
.manual-chapter h2,
.manual-chapter h3 {
  font-family: var(--detail-font);
  font-weight: 800;
  line-height: 1.15;
  margin: 40px 0 18px;
  scroll-margin-top: 100px;
  overflow-wrap: anywhere;
}
.manual-chapter .manual-title {
  font-size: clamp(32px, 4vw, 48px);
  margin-top: 0;
}
.manual-chapter h2 {
  font-size: 28px;
}
.manual-chapter h3 {
  font-size: 22px;
}
.manual-chapter p {
  margin: 16px 0;
}
.manual-chapter ul,
.manual-chapter ol {
  padding-left: 24px;
}
.manual-chapter li {
  margin: 10px 0;
}
.manual-chapter strong {
  font-weight: 700;
}
.manual-chapter a {
  color: var(--ac);
  overflow-wrap: anywhere;
}
.manual-chapter pre,
.manual-chapter blockquote {
  padding: 20px;
  background: var(--s);
  border-radius: 20px;
  margin: 20px 0;
  overflow: auto;
}
.manual-chapter code {
  font-family: var(--body-font);
  font-weight: 600;
}
.manual-chapter hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 32px 0;
}
.manual-result {
  display: block;
  padding: 24px;
  background: var(--s);
  border-radius: 20px;
  margin: 12px 0;
  text-decoration: none;
}
.manual-result strong {
  display: block;
  color: var(--ac);
  margin-bottom: 8px;
}
.manual-result p {
  font-size: 15px;
  color: var(--mu);
  line-height: 1.6;
}
.manual-result mark {
  background: #d366ac;
  color: #fff;
  border-radius: 3px;
}
.manual-chapter mark {
  background: #d366ac;
  color: #fff;
}
@media (max-width: 850px) {
  .manual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .manual-reader {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .manual-sidebar {
    position: static;
    max-height: none;
    padding: 18px;
    background: var(--s);
    border-radius: 20px;
  }
  .manual-sidebar details[open] nav {
    max-height: 320px;
    overflow: auto;
  }
  .manual-chapter {
    font-size: 16px;
  }
  .manuals-page .manual-library {
    padding-top: 105px;
  }
}
@media (max-width: 480px) {
  .manual-card {
    padding: 18px;
    gap: 14px;
  }
  .manual-card h2 {
    font-size: 21px;
  }
  .manual-art,
  .manual-art img {
    height: 110px;
  }
  .manual-grid {
    gap: 12px;
  }
  .manual-filters button {
    font-size: 13px;
    padding: 9px 12px;
  }
  .manual-reader {
    padding-bottom: 60px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .manual-card,
  .manual-filters button,
  .manual-sidebar a {
    transition: none;
  }
  .manual-card:hover {
    transform: none;
  }
}
/* Scoped to Manuals, Support, Account and legal pages; commerce stays separate. */
.utility-page {--utility-title:64px;--utility-title-mobile:64px;--utility-heading:26px;--utility-subheading:22px;}
.utility-page main {font-size:18px;line-height:1.65;}
.utility-page .information-main,.utility-page .manual-library {padding-top:120px;padding-bottom:64px;}
.utility-page .info-heading,.utility-page .manual-heading {margin-bottom:40px;}
.utility-page .info-heading h1.big,.utility-page .manual-heading h1.big {font-size:var(--utility-title);line-height:1.1;margin:0 auto 16px;background:none;color:var(--text-ink);-webkit-text-fill-color:currentColor;}
.utility-page .info-heading p,.utility-page .manual-heading p {font-size:18px;max-width:65ch;line-height:1.65;}
.utility-page .manual-kicker {font-size:14px;margin-bottom:16px;}
.utility-page .information-main h2:not(.big),.utility-page .manual-chapter h2 {font-size:var(--utility-heading);line-height:1.3;text-transform:none;}
.utility-page .legal-copy h3,.utility-page .collection-card h3,.utility-page .manual-chapter h3,.utility-page .manual-card h2 {font-family:var(--detail-font);font-size:var(--utility-subheading);line-height:1.3;text-transform:none;}
.utility-page .legal-copy,.utility-page .manual-document {max-width:72ch;}
.utility-page .manual-chapter {font-size:18px;line-height:1.75;}
.utility-page .manual-chapter .manual-title {font-size:32px;}
.utility-page main a:not(.btn),.utility-page .preview-notice strong,.utility-page .manual-card > span,.utility-page .manual-result strong,.utility-page .guide-art {color:var(--text-ink);}
.utility-page main a:not(.btn) {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;transition:background-color 250ms ease,color 250ms ease,text-decoration-color 250ms ease,transform 250ms ease,border-color 250ms ease;}
.utility-page main a:not(.btn):hover {color:var(--text-ink);text-decoration-color:#d366ac;}
.utility-page .legal-index a,.utility-page .manual-sidebar a,.utility-page a.manual-card,.utility-page a.manual-result {text-decoration:none;}
.utility-page .legal-index a:hover,.utility-page .manual-sidebar a:hover,.utility-page .manual-sidebar a[aria-current] {color:var(--text-ink);background:color-mix(in srgb,#d366ac 16%,transparent);}
.utility-page .manual-card > span {text-decoration:underline;text-underline-offset:4px;}
.utility-page .info-surface,.utility-page .collection-card,.utility-page .manual-card,.utility-page .manual-result {box-shadow:none;border:1px solid var(--line);border-radius:20px;}
.utility-page .preview-notice {border-color:var(--line);border-left:4px solid #d366ac;}
.utility-page .preview-notice,.utility-page .manual-result p {font-size:16px;}
.utility-page .info-actions .btn,.utility-page .info-surface .btn {background:var(--ink);color:var(--bg);border:1px solid var(--ink);box-shadow:none;transition:background-color 250ms ease,color 250ms ease;}
.utility-page .info-actions .btn:hover,.utility-page .info-surface .btn:hover {background:var(--s);color:var(--text-ink);box-shadow:none;}
.utility-page .founder-badge,.utility-page .manual-filters button[aria-pressed="true"] {background:var(--ink);color:var(--bg);border-color:var(--ink);}
.utility-page .manual-filters button {color:var(--text-ink);font:600 14px var(--body-font);}
.utility-page .manual-filters button[aria-pressed="true"] {color:var(--bg);}
.utility-page mark {background:#d366ac;color:var(--neutral-black);}
.utility-page .manual-card {gap:20px;}
.utility-page .manual-card:hover {transform:none;border-color:var(--ink);}
.utility-page .manual-grid {gap:24px;}
.utility-page .legal-index,.utility-page .manual-sidebar {font-size:16px;}
.utility-page main :focus-visible {outline:2px solid var(--ink);outline-offset:4px;}
@media(max-width:600px){
 .utility-page .information-main,.utility-page .manual-library {padding-top:104px;padding-bottom:48px;}
 .utility-page .info-heading h1.big,.utility-page .manual-heading h1.big {font-size:var(--utility-title-mobile);}
 .utility-page .manual-grid {grid-template-columns:1fr;gap:16px;}
 .utility-page .info-heading,.utility-page .manual-heading {margin-bottom:32px;}
}

/* Manuals alone use landscape, edge-to-edge artwork and a single title strip. */
body.manuals-page.utility-page .manual-card {
  padding: 0;
  gap: 0;
  overflow: hidden;
  border-radius: 26px;
}
body.manuals-page.utility-page .manual-art {
  height: auto;
  aspect-ratio: 2 / 1;
  flex: 0 0 auto;
  min-height: 0;
  padding: 0;
  width: 100%;
}
body.manuals-page.utility-page .manual-art img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
}
body.manuals-page.utility-page .manual-card h2 {
  margin: 16px 20px;
  padding: 0;
}
body.manuals-page.utility-page .manual-guide-card {
  background: var(--neutral-black);
  color: #fff;
  justify-content: center;
  min-height: 210px;
}
body.manuals-page.utility-page .manual-guide-card h2 {
  color: inherit;
  text-align: center;
}
[data-theme="dark"] body.manuals-page.utility-page .manual-guide-card {
  background: #fff;
  color: var(--neutral-black);
}

/* Text-only guide cards retain the approved two-line titles at full size. */
body.manuals-page.utility-page .manual-guide-card {
  transition: background-color 250ms ease, color 250ms ease, transform 250ms ease;
}
body.manuals-page.utility-page .manual-guide-card h2 {
  font-size: 34px;
  margin-inline: 12px;
}
@media (hover: hover) {
  body.manuals-page.utility-page .manual-guide-card:hover {
    background-color: #d366ac;
    color: #fff;
  }
  [data-theme="dark"] body.manuals-page.utility-page .manual-guide-card:hover {
    background-color: #fff;
    color: #d366ac;
  }
}
body.manuals-page.utility-page .manual-guide-card:focus-visible {
  background-color: #d366ac;
  color: #fff;
}
[data-theme="dark"] body.manuals-page.utility-page .manual-guide-card:focus-visible {
  background-color: #fff;
  color: #d366ac;
}
/* Manuals keep their own reading/navigation design, rather than legal-page links. */
.manuals-page .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.manuals-page.utility-page .manual-heading {
  margin-bottom: 32px;
}
.manuals-page.utility-page #manual-search {
  border: 0;
  box-shadow: none;
  border-radius: 24px;
}
.manuals-page.utility-page .manual-filters button {
  border: 0;
}
.manuals-page.utility-page .manual-card {
  padding: 0 0 24px;
  gap: 20px;
  border: 0;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: var(--sh);
  transition: transform 250ms ease;
}
.manuals-page.utility-page a.manual-card,
.manuals-page.utility-page .manual-card > span {
  text-decoration: none;
}
.manuals-page.utility-page .manual-card:hover {
  transform: translateY(-5px);
}
.manuals-page.utility-page .manual-card h2 {
  text-align: center;
  padding: 0 20px;
  margin: 0;
}
.manuals-page.utility-page .manual-card > span {
  padding: 0 20px;
}
.manuals-page.utility-page .manual-art {
  height: 220px;
  flex: 0 0 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 28px;
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--product-color) 23%, transparent),
    transparent
  );
}
.manuals-page.utility-page .manual-art img {
  max-height: 164px;
  max-width: 100%;
  width: auto;
  height: auto;
  min-height: 0;
}
.manuals-page.utility-page .manual-reader {
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: 64px;
}
.manuals-page.utility-page .manual-sidebar {
  font-size: 14px;
  top: 100px;
  padding-right: 24px;
}
.manuals-page.utility-page .manual-sidebar a {
  padding: 8px 0;
  border-radius: 0;
  color: var(--mu);
  text-decoration: none;
  background: none;
  line-height: 1.5;
}
.manuals-page.utility-page .manual-chapter-link {
  font-weight: 700;
}
.manuals-page.utility-page .manual-sidebar a:hover,
.manuals-page.utility-page .manual-sidebar a[aria-current] {
  color: var(--text-ink);
  background: none;
  text-decoration: none;
}
.manuals-page.utility-page .manual-sidebar ul ul {
  margin-left: 16px;
  border: 0;
}
.manuals-page.utility-page .manual-sidebar ul ul a {
  padding: 3px 0 3px 10px;
  font-size: 13px;
  border-left: 1px solid transparent;
}
.manuals-page.utility-page .manual-sidebar ul ul a:hover,
.manuals-page.utility-page .manual-sidebar ul ul a[aria-current] {
  border-left-color: #d366ac;
}
.manuals-page.utility-page .manual-library-link {
  text-decoration: none;
}
[data-theme="dark"] .manuals-page .manual-chapter strong {
  color: #d366ac;
  font-weight: 700;
}
@media (min-width: 851px) {
  .manuals-page .manual-sidebar summary {
    display: none;
  }
}
@media (max-width: 850px) {
  .manuals-page.utility-page .manual-reader {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .manuals-page.utility-page .manual-sidebar {
    padding: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .manuals-page.utility-page .manual-card {
    transition: none;
  }
  .manuals-page.utility-page .manual-card:hover {
    transform: none;
  }
}

/* Introductory and Support guides use edge-to-edge artwork with a single title.
   Hover keeps the artwork and white text; the shared 250ms card lift remains. */
body.manuals-page.utility-page .manual-guide-card.manual-guide-texture {
  background: var(--neutral-black) url("/assets/images/backgrounds/feddsp-bundles-02.webp") center / cover no-repeat;
}
body.manuals-page.utility-page .manual-guide-card.manual-guide-texture h2 {
  color: #fff;
}
/* Manuals and legal documents use the same reading index. */
.utility-page :is(.manual-reader, .legal-layout) {
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: 64px;
}
.utility-page :is(.manual-reader, .legal-layout) :is(.manual-sidebar, .legal-index) {
  position: sticky;
  align-self: start;
  top: 100px;
  padding: 0 24px 0 0;
  font-size: 18px;
  max-height: calc(100vh - 112px);
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.utility-page :is(.manual-reader, .legal-layout) :is(.manual-sidebar, .legal-index) ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.utility-page :is(.manual-reader, .legal-layout) :is(.manual-sidebar, .legal-index) a {
  display: block;
  padding: 8px 0;
  font-weight: 700;
  line-height: 1.5;
  color: var(--mu);
  text-decoration: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  transition: color 250ms ease, border-color 250ms ease;
}
.utility-page :is(.manual-reader, .legal-layout) :is(.manual-sidebar, .legal-index) a:is(:hover, :focus-visible, [aria-current]) {
  color: var(--text-ink);
  background: none;
  text-decoration: none;
}
.utility-page :is(.manual-reader, .legal-layout) :is(.manual-sidebar, .legal-index) ul ul {
  margin-left: 16px;
  border: 0;
}
.utility-page :is(.manual-reader, .legal-layout) :is(.manual-sidebar, .legal-index) ul ul a {
  font-size: 17px;
  font-weight: 400;
  padding: 3px 0 3px 10px;
  border-left: 1px solid transparent;
}
.utility-page :is(.manual-reader, .legal-layout) :is(.manual-sidebar, .legal-index) ul ul a:is(:hover, :focus-visible, [aria-current]) {
  border-left-color: #d366ac;
}
.utility-page :is(.manual-sidebar, .legal-index) summary {
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 16px;
}
@media (min-width: 851px) {
  .utility-page :is(.manual-sidebar, .legal-index) summary { display: none; }
}
@media (max-width: 850px) {
  .utility-page :is(.manual-reader, .legal-layout) { grid-template-columns: 1fr; gap: 24px; }
  .utility-page :is(.manual-reader, .legal-layout) :is(.manual-sidebar, .legal-index) {
    position: static;
    max-height: none;
    padding: 20px;
    background: var(--s);
    border-radius: 20px;
  }
  .utility-page :is(.manual-sidebar, .legal-index) details[open] nav { max-height: 320px; overflow: auto; }
}