header .brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 8px 0;
}
header .brand-logo {
  display: block;
  position: relative;
  width: 210px;
  max-width: 100%;
  aspect-ratio: 210 / 54;
  overflow: hidden;
  background: transparent;
}
header .brand-logo img {
  position: absolute;
  top: -30%;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
}
/* Reuse the approved bitmap's exact letter shapes as a white wordmark.
   The emblem keeps its original colors, without a surrounding panel. */
header .brand-logo::after {
  content: '';
  position: absolute;
  top: -30%;
  left: 0;
  width: 100%;
  aspect-ratio: 1983 / 793;
  background: #fff;
  -webkit-mask: url('/mypekin-logo.webp') center / 100% 100% no-repeat;
  mask: url('/mypekin-logo.webp') center / 100% 100% no-repeat;
  clip-path: inset(0 0 0 29%);
  pointer-events: none;
}
header .brand small {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #c4dde0;
}
@media (max-width: 1000px) {
  header .brand { flex: 1; min-width: 0; padding: 0; }
  header .brand-logo { width: min(210px, 100%); }
  header .brand small { max-width: 240px; }
}

/* Owner tools and support, shared by the homepage and signup pages. */
.owner-value{margin:32px 0;padding:32px;border:1px solid #cbdadd;border-radius:20px;background:#f4faf9;color:#15353e}.owner-value h2{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.2;margin:10px 0 16px;max-width:760px}.owner-value-intro{max-width:800px;line-height:1.65}.owner-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.owner-value-grid article{background:#fff;border:1px solid #d7e3e4;border-radius:14px;padding:22px;text-align:left}.owner-value-grid h3{font-size:1.15rem;line-height:1.35;margin:8px 0 12px;color:#15353e}.owner-value-grid p{font-size:1rem;line-height:1.6;margin:0;color:#365660}.owner-value-number{display:inline-block;color:#075b69;font-size:.9rem;font-weight:700;background:#f8edc8;border-radius:7px;padding:5px 9px}.owner-value-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.owner-value-actions>a{font-weight:700}.signup-value{margin:24px 0 32px;text-align:left}.signup-value>h2{margin-top:0}.signup-value .owner-value-grid{margin-bottom:0}.owner-value-grid a{color:#075b69;text-decoration:underline}@media(max-width:800px){.owner-value-grid{grid-template-columns:1fr}.owner-value{padding:22px}.owner-value-grid article{padding:20px}.owner-value-actions{align-items:flex-start;gap:18px}}
.owner-value #owner-value-title{font-size:clamp(1.25rem,2.3vw,1.8rem);max-width:none;line-height:1.25}

.review-stars{display:inline-block;color:#946400;letter-spacing:.08em;font-size:1.15rem;vertical-align:middle}.review-rating{display:inline-block;font-size:.9rem;margin-left:8px}

.service-input-row{display:grid;grid-template-columns:1fr 1.5fr .8fr auto;align-items:end;gap:12px;margin:16px 0;padding:16px;border:1px solid #c4d7da;border-radius:10px;min-width:0}.service-input-row legend{font-weight:650;font-size:.9rem;padding:0 6px}.service-input-row label{margin:0;min-width:0}.service-input-row input{font-size:.9rem}.service-input-row .service-remove{margin:0;font-size:.875rem;padding:10px}.service-fields>button{margin-top:4px}@media(max-width:900px){.service-input-row{grid-template-columns:1fr 1fr}.service-input-row label:nth-of-type(2){grid-column:1/-1;grid-row:3}.service-input-row .service-remove{justify-self:end}}@media(max-width:560px){.service-input-row{grid-template-columns:1fr}.service-input-row label:nth-of-type(2){grid-column:auto;grid-row:auto}}

header .account-logout{font:inherit;font-weight:650;color:#fff;background:transparent;border:1px solid #c4dde0;border-radius:8px;padding:9px 14px;cursor:pointer;white-space:nowrap}header .account-logout[hidden]{display:none}header .account-logout:hover{background:#24515b}header .account-logout:focus-visible{outline:3px solid #f5cc64;outline-offset:3px}header .account-logout:disabled{opacity:.7;cursor:wait}header .account-logout-status{color:#fff;font-size:13px}header .account-logout-status:empty{display:none}@media(max-width:1000px){header .account-logout{width:100%;text-align:left;min-height:44px}}

header .account-signin[hidden]{display:none}


/* Community discovery and listing benefits */
.why-more{margin:16px 0;border:1px solid #b9d2d5;border-radius:12px;background:#fff;padding:16px 18px}.why-more>summary,.why-faq>summary{cursor:pointer;font-weight:700;line-height:1.5;color:#123e49}.why-more>summary:focus-visible,.why-faq>summary:focus-visible{outline:3px solid #006b75;outline-offset:4px}.why-explanation{display:grid;gap:16px;margin-top:20px}.why-explanation h3{font-size:18px;line-height:1.4;margin:0 0 6px}.why-explanation p,.why-faq p{font-size:16px;line-height:1.65;margin:0}.why-faq{padding:14px 0;border-bottom:1px solid #d4e3e5}.why-faq p{margin-top:10px}.listing-benefits>.pagelink{display:inline-block;margin:8px 0 0}@media(max-width:640px){.why-more{padding:14px}.why-explanation h3{font-size:17px}}

/* Consolidated directory navigation. */
header .navlinks{gap:24px;font-size:15px}
header .nav-explore{position:relative;border:0;margin:0;padding:0;background:transparent;color:inherit}
header .nav-explore>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-weight:650;color:inherit}
header .nav-explore>summary::-webkit-details-marker{display:none}
header .nav-explore>summary:focus-visible{outline:3px solid #f5cc64;outline-offset:4px;border-radius:4px}
header .nav-explore[open]>summary{color:#f5cc64}
header .nav-explore-links{position:absolute;top:calc(100% + 8px);left:0;z-index:100;width:290px;padding:8px;background:#fff;color:#102e38;border:1px solid #c4d7da;border-radius:12px;box-shadow:0 12px 32px #102e3833}
header .navlinks .nav-explore-links a{display:block;padding:12px;min-height:44px;line-height:1.4;border-radius:6px;white-space:normal;color:#102e38}
header .navlinks .nav-explore-links a:hover,header .navlinks .nav-explore-links a[aria-current=page]{background:#e3eeef;color:#075b69}
header .navlinks>a.nav-list-free{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;background:#f5cc64;color:#102e38;font-weight:750;white-space:nowrap}
header .navlinks>a.nav-list-free:hover{background:#ffda7d}
@media(max-width:1000px){header .navlinks{gap:6px;font-size:16px}header .nav-explore{width:100%}header .nav-explore>summary{padding:12px 4px;min-height:48px;justify-content:space-between}header .nav-explore-links{position:static;width:100%;padding:4px 8px;margin:0 0 8px;box-shadow:none;border:0;border-left:2px solid #f5cc64;border-radius:0;background:#173e48;color:#fff}header .navlinks .nav-explore-links a{color:#fff;padding:12px;min-height:48px}header .navlinks .nav-explore-links a:hover,header .navlinks .nav-explore-links a[aria-current=page]{background:#24515b;color:#f5cc64}header .navlinks>a.nav-list-free{align-self:flex-start;width:auto;min-height:48px;padding:12px 18px}}
