/* A calm reading surface follows the coastal home's typography and spacing. */
.product-page{background:#122a37;color:#e9eeeb}.product-main{max-width:1100px;margin:auto;padding:40px var(--pad) 80px}.product-back{display:inline-flex;min-height:44px;align-items:center;font-size:13px;color:#b8ced3}.product-intro{max-width:730px;padding:45px 0 78px}.product-eyebrow{font-size:12px;letter-spacing:.08em;color:#acc3cb;line-height:1.8}.product-intro h1{font-size:clamp(42px,5.2vw,70px);line-height:1.12}.product-intro>p:not(.product-eyebrow){max-width:570px;font-size:16px;line-height:1.9;margin:25px 0 32px}.product-layout{display:grid;grid-template-columns:180px minmax(0,660px);gap:60px}.product-layout aside{align-self:start;position:sticky;top:24px}.product-toc p{font-size:12px;color:#a9bec7}.product-toc a{display:flex;min-height:44px;align-items:center;font-size:13px}.product-layout section{padding:0 0 64px;scroll-margin-top:32px}.product-layout h2{font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.4;margin:17px 0 25px;overflow-wrap:anywhere}.product-layout h3{font-size:18px;font-weight:500;margin:0;line-height:1.6}.product-layout p{font-size:15px;color:#c6d5da;line-height:1.9}.platform-list{border-top:1px solid #ffffff40;margin-top:32px}.platform-list>div{padding:24px 0;border-bottom:1px solid #ffffff40}.platform-list p{margin:8px 0 0}.setup-steps{padding-left:24px}.setup-steps li{padding:14px 0 20px 14px}.setup-steps p{margin:10px 0 0}.product-page .primary-entry{margin:0}.product-page header nav{flex-wrap:wrap}.product-page a:focus-visible{outline-color:#c8e7ec}@media(max-width:760px){.product-main{padding:24px 24px 50px}.product-intro{padding:24px 0 52px}.product-layout{display:block}.product-layout aside{position:static;margin-bottom:45px}.product-toc{display:flex;flex-wrap:wrap;gap:0 25px}.product-toc p{flex-basis:100%;margin-bottom:0}.product-page header{align-items:flex-start}.product-page header nav{justify-content:flex-end;gap:0 18px;max-width:200px}.product-layout section{padding-bottom:44px}}

html[data-night=false] body.product-page{background:#eaf0ed;color:#173844}html[data-night=false] body.product-page .product-back,html[data-night=false] body.product-page .product-eyebrow,html[data-night=false] body.product-page .product-toc p{color:#426572}html[data-night=false] body.product-page .product-layout p{color:#36555f}html[data-night=false] body.product-page header{color:#173844;text-shadow:none}html[data-night=false] body.product-page .platform-list,html[data-night=false] body.product-page .platform-list>div{border-color:#55757b55}html[data-night=false] body.product-page .primary-entry{border-color:#496c7b50}html[data-night=false] body.product-page a:focus-visible{outline-color:#2e687e}

.product-layout pre{max-width:100%;overflow-x:auto;padding:16px;border:1px solid #55757b55;border-radius:10px;font-size:13px;line-height:1.7}.product-layout code{overflow-wrap:anywhere}

.download-list {
  margin: 28px 0;
  border-top: 1px solid #ffffff40;
}
.download-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0 24px;
  min-width: 0;
  padding: 25px 0;
  border-bottom: 1px solid #ffffff40;
}
.product-layout .download-card h3 {
  grid-column: 1;
  grid-row: 1;
  font-size: 23px;
  margin: 0;
}
.product-layout .download-card p {
  overflow-wrap: anywhere;
}
.download-card > p:not(.download-status) {
  grid-column: 1;
  grid-row: 2;
  margin: 8px 0 0;
}
.product-layout .download-status {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  align-self: center;
  display: inline-block;
  margin: 0;
  padding: 4px 9px;
  border-radius: 20px;
  background: #b4dedb22;
  color: #d0efea;
  font-size: 12px;
  line-height: 1.6;
}
.product-layout .download-status-pending {
  background: #ffffff0c;
  color: #bdcfd5;
}
.download-card .primary-entry {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  box-sizing: border-box;
  max-width: 260px;
  margin-top: 8px;
  padding: 12px;
  justify-content: center;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.55;
}
.product-layout .download-note { font-size: 14px; }
/* Keep the shared monochrome palette in interaction states as well. */
html[data-night] body.product-page a.primary-entry:is(:hover, :focus-visible) {
  background: var(--ink);
  color: var(--inverse);
  border-color: var(--ink);
  opacity: .88;
}
.usage-examples { padding-left: 22px; }
.usage-examples li { padding: 6px 0 6px 6px; line-height: 1.9; }
html[data-night=false] body.product-page .download-list,
html[data-night=false] body.product-page .download-card {
  border-color: #55757b55;
}
html[data-night=false] body.product-page .download-status {
  background: #356d6620;
  color: #265b53;
}
html[data-night=false] body.product-page .download-status-pending {
  background: #45647312;
  color: #46616c;
}
@media (max-width: 760px) {
  .download-card { gap: 0 12px; }
  .download-card .primary-entry {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: start;
    margin-top: 18px;
  }
}