@font-face{
  font-family:"SPPremiumSerif";
  src:url("/fonts/Tinos-Regular.ttf") format("truetype");
  font-display:swap;
}
@font-face{
  font-family:"SPPremiumSmallCaps";
  src:url("/fonts/EBGaramondSC12-Regular.ttf") format("truetype");
  font-display:swap;
}

body.premium-public-page{
  --sp-bg:#080909;
  --sp-panel:#101111;
  --sp-panel-raised:#171714;
  --sp-panel-soft:#1d1b17;
  --sp-ink:#f3eee5;
  --sp-muted:#bdb5aa;
  --sp-gold:#c79445;
  --sp-gold-light:#e2b86a;
  --sp-line:rgba(201,148,69,.34);
  --sp-line-soft:rgba(201,148,69,.19);
  --sp-input:#0b0c0c;
  --sp-success:#9fc29f;
  --sp-danger:#f0a49a;
  --bg:var(--sp-bg);
  --panel:var(--sp-panel);
  --panel-2:var(--sp-panel-raised);
  --text:var(--sp-ink);
  --muted:var(--sp-muted);
  --line:var(--sp-line);
  --accent:var(--sp-gold);
  --accent-dark:var(--sp-gold-light);
  --accent-soft:rgba(201,148,69,.12);
  --success:var(--sp-success);
  --shadow:0 22px 50px rgba(0,0,0,.34);
  margin:0;
  background:
    radial-gradient(circle at 8% 12%,rgba(65,119,43,.10),transparent 25%),
    radial-gradient(circle at 92% 30%,rgba(201,148,69,.08),transparent 27%),
    linear-gradient(180deg,#080909 0%,#0e0f0e 48%,#080909 100%)!important;
  color:var(--sp-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  line-height:1.55;
}
body.premium-public-page a{color:inherit;text-decoration:none}
body.premium-public-page img{max-width:100%}
body.premium-public-page h1,
body.premium-public-page h2,
body.premium-public-page h3{
  color:var(--sp-ink);
  font-family:"SPPremiumSerif",Georgia,serif;
  font-weight:400;
}

/* Privacy page */
.premium-public-page .privacy-shell{
  width:min(980px,calc(100% - 40px));
  margin:42px auto 68px;
}
.premium-public-page .privacy-hero,
.premium-public-page .privacy-card{
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),var(--sp-panel);
  border:1px solid var(--sp-line);
  border-radius:16px;
  box-shadow:var(--shadow);
}
.premium-public-page .privacy-hero{
  padding:clamp(28px,5vw,54px);
  text-align:center;
  margin-bottom:20px;
}
.premium-public-page .privacy-hero h1{
  margin:8px 0 12px;
  font-size:clamp(2.5rem,6vw,4.8rem);
  line-height:1;
}
.premium-public-page .privacy-hero p:last-child{
  max-width:720px;
  margin:0 auto;
  color:var(--sp-muted);
}
.premium-public-page .privacy-card{
  padding:clamp(24px,4vw,42px);
}
.premium-public-page .privacy-card section+section{
  margin-top:30px;
  padding-top:30px;
  border-top:1px solid var(--sp-line-soft);
}
.premium-public-page .privacy-card h2{margin:0 0 10px;font-size:clamp(1.5rem,3vw,2rem)}
.premium-public-page .privacy-card p,
.premium-public-page .privacy-card li{color:#cec7bd}
.premium-public-page .privacy-card ul{margin:10px 0 0;padding-left:22px}
.premium-public-page .privacy-card a,
.premium-public-page .privacy-note a,
.premium-public-page .section-helper a{color:var(--sp-gold-light);text-decoration:underline;text-underline-offset:3px}
.premium-public-page .privacy-choice{
  margin-top:18px;
  padding:20px;
  border:1px solid var(--sp-line-soft);
  border-radius:13px;
  background:rgba(201,148,69,.055);
}
.premium-public-page .privacy-choice p{margin:0 0 14px}
.premium-public-page .privacy-choice-actions{display:flex;flex-wrap:wrap;gap:12px}
.premium-public-page .privacy-action{
  appearance:none;
  border:1px solid var(--sp-gold);
  border-radius:999px;
  padding:12px 20px;
  background:linear-gradient(135deg,var(--sp-gold-light),var(--sp-gold));
  color:#1b160f;
  font-weight:700;
  cursor:pointer;
}
.premium-public-page .privacy-action.secondary{
  background:transparent;
  color:var(--sp-ink);
  border-color:rgba(226,184,106,.58);
}
.premium-public-page .privacy-choice-status{margin:13px 0 0!important;font-weight:700;color:var(--sp-gold-light)!important}

/* Shared Stone & Paws header */
.premium-public-page .sp-shell{width:100%;max-width:none;margin:0 auto}
.premium-public-page .sp-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(7,8,8,.96);
  border-bottom:1px solid rgba(201,148,69,.25);
  backdrop-filter:blur(12px);
}
.premium-public-page .sp-nav{
  min-height:84px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
  padding:0 24px;
}
.premium-public-page .sp-brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  white-space:nowrap;
}
.premium-public-page .sp-brand-logo,
.premium-public-page .sp-admin-logo img{
  width:58px;
  height:58px;
  object-fit:contain;
  border:0;
  border-radius:50%;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.36));
}
.premium-public-page .sp-brand-wordmark{
  font-family:"SPPremiumSerif",Georgia,serif;
  font-size:27px;
  letter-spacing:.08em;
  color:var(--sp-ink)!important;
  -webkit-text-fill-color:var(--sp-ink)!important;
}
.premium-public-page .sp-brand-amp{
  color:var(--sp-gold-light)!important;
  -webkit-text-fill-color:var(--sp-gold-light)!important;
}
.premium-public-page .sp-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(30px,5vw,82px);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.premium-public-page .sp-links a{
  padding:28px 0 24px;
  position:relative;
  color:var(--sp-ink);
}
.premium-public-page .sp-links a:hover,
.premium-public-page .sp-links a:focus-visible{color:var(--sp-gold-light)}
.premium-public-page .sp-links a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:16px;
  height:1px;
  background:var(--sp-gold);
}
.premium-public-page .sp-admin-logo{display:flex;border-radius:50%;transition:.18s}
.premium-public-page .sp-admin-logo:hover{transform:scale(1.05)}

/* Shared footer */
.premium-public-page .sp-sub-footer{
  margin:0;
  padding:34px clamp(20px,4vw,72px) 18px;
  background:#070808;
  color:var(--sp-ink);
  border-top:1px solid var(--sp-line);
  text-align:left;
}
.premium-public-page .sp-sub-footer-main{
  max-width:1480px;
  margin:0 auto;
  padding-bottom:26px;
  display:grid;
  grid-template-columns:1.25fr 1.3fr 1fr;
  align-items:center;
  gap:36px;
  border-bottom:1px solid var(--sp-line-soft);
}
.premium-public-page .sp-sub-footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:"SPPremiumSerif",Georgia,serif;
  font-size:22px;
  letter-spacing:.07em;
}
.premium-public-page .sp-sub-footer-brand img{width:48px;height:48px;object-fit:contain}
.premium-public-page .sp-sub-footer-brand b{color:var(--sp-gold-light);font-weight:400}
.premium-public-page .sp-sub-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}
.premium-public-page .sp-sub-footer-links a,
.premium-public-page .sp-sub-footer-contact a{color:#bbb3a9;font-size:12px}
.premium-public-page .sp-sub-footer-links a:hover,
.premium-public-page .sp-sub-footer-contact a:hover{color:var(--sp-gold-light)}
.premium-public-page .sp-sub-footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.premium-public-page .sp-sub-footer-bottom{
  max-width:1480px;
  margin:0 auto;
  padding-top:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#80786f;
  font-size:10px;
  letter-spacing:.04em;
}
.premium-public-page .sp-sub-footer-bottom p{margin:0}
.premium-public-page .sp-made-uk{display:flex;align-items:center;gap:8px;white-space:nowrap}
.premium-public-page .sp-made-uk img{
  width:26px;
  height:13px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.22);
  border-radius:2px;
}

/* Digital memorial pages */
.premium-public-page .page-shell,
.premium-public-page .builder-shell{
  width:min(1480px,calc(100% - 40px));
}
.premium-public-page .page-shell{margin:38px auto 60px}
.premium-public-page .builder-shell{padding:48px 0 72px}
.premium-public-page .hero-card,
.premium-public-page .info-card,
.premium-public-page .gallery-card,
.premium-public-page .text-card,
.premium-public-page .product-overview-card,
.premium-public-page .how-it-works-card,
.premium-public-page .pricing-cta-card,
.premium-public-page .candle-wall-card,
.premium-public-page .live-status-card{
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    var(--sp-panel)!important;
  color:var(--sp-ink)!important;
  border:1px solid var(--sp-line)!important;
  border-radius:16px!important;
  box-shadow:0 22px 50px rgba(0,0,0,.34)!important;
}
.premium-public-page .hero-card{
  overflow:hidden;
  position:relative;
  padding:clamp(26px,4vw,52px)!important;
  gap:clamp(28px,4vw,62px)!important;
}
.premium-public-page .hero-card:before,
.premium-public-page .product-overview-card:before,
.premium-public-page .how-it-works-card:before,
.premium-public-page .pricing-cta-card:before{
  content:"";
  position:absolute;
  top:0;
  left:16%;
  right:16%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--sp-gold-light),transparent);
}
.premium-public-page .hero-copy h1{
  color:var(--sp-ink)!important;
  font-size:clamp(3rem,5vw,5.4rem);
  letter-spacing:-.02em;
}
.premium-public-page .section-heading h2,
.premium-public-page .text-card h2,
.premium-public-page .info-card h2,
.premium-public-page .product-overview-card h2,
.premium-public-page .how-it-works-card h2,
.premium-public-page .pricing-cta-card h2{
  color:var(--sp-ink)!important;
  font-size:clamp(1.8rem,3vw,2.65rem);
  line-height:1.1;
}
.premium-public-page .eyebrow{
  color:var(--sp-gold-light)!important;
  font:700 11px/1.4 Arial,Helvetica,sans-serif!important;
  letter-spacing:.16em;
}
.premium-public-page .lead{color:#e5ded4!important}
.premium-public-page .tribute,
.premium-public-page .dates,
.premium-public-page .gallery-help,
.premium-public-page .text-card p,
.premium-public-page .info-card p,
.premium-public-page .product-overview-card p,
.premium-public-page .how-it-works-card p,
.premium-public-page .pricing-cta-card p,
.premium-public-page .builder-intro>p:not(.eyebrow){color:var(--sp-muted)!important}
.premium-public-page .hero-image-wrap,
.premium-public-page .gallery-viewer{
  background:#090a09!important;
  border:1px solid var(--sp-line-soft)!important;
  box-shadow:inset 0 0 36px rgba(0,0,0,.34);
}
.premium-public-page .hero-image-wrap{border-radius:14px!important;overflow:hidden}
.premium-public-page .hero-image{border-radius:12px!important}
.premium-public-page .featured-caption{
  background:rgba(7,8,8,.88)!important;
  color:#eee5da!important;
  border-top:1px solid var(--sp-line-soft);
}

.premium-public-page .button,
.premium-public-page button.button{
  border-radius:999px!important;
  padding:13px 22px!important;
  font:700 11px/1.2 Arial,Helvetica,sans-serif!important;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.premium-public-page .button.primary,
.premium-public-page button.button.primary{
  color:#111!important;
  background:linear-gradient(135deg,var(--sp-gold-light),var(--sp-gold))!important;
  border:1px solid #e8c57f!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
.premium-public-page .button.secondary,
.premium-public-page button.button.secondary{
  color:var(--sp-gold-light)!important;
  background:rgba(201,148,69,.05)!important;
  border:1px solid var(--sp-line)!important;
}
.premium-public-page .button:hover,
.premium-public-page button.button:hover{transform:translateY(-2px)!important;border-color:var(--sp-gold-light)!important}

/* Give the main Digital Memorial call to action extra presence without
   enlarging the neighbouring demonstration button. */
.premium-public-page .product-hero-card .hero-create-button{
  min-width:258px;
  min-height:52px;
  padding:16px 30px!important;
  font-size:12.5px!important;
  letter-spacing:.075em!important;
  box-shadow:0 13px 29px rgba(0,0,0,.34)!important;
}

@media(max-width:560px){
  .premium-public-page .product-hero-card .hero-create-button{
    width:100%;
    min-width:0;
    min-height:50px;
    padding:15px 22px!important;
    font-size:12px!important;
  }
}

/* Properly proportioned vector paw call to action. */
.premium-public-page .product-hero-card .hero-actions{align-items:center}
.premium-public-page .product-hero-card .paw-cta{
  display:block!important;
  flex:0 0 225px;
  width:225px;
  min-width:225px;
  height:192px;
  min-height:192px;
  padding:0!important;
  overflow:visible;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 12px 13px rgba(0,0,0,.28));
}
.premium-public-page .product-hero-card .paw-button-svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  transition:filter .18s ease;
}
.premium-public-page .product-hero-card .paw-button-part{
  fill:url(#pawButtonGradient);
  stroke:#e8c57f;
  stroke-width:2.5;
  vector-effect:non-scaling-stroke;
  transition:filter .18s ease,stroke .18s ease;
}
.premium-public-page .product-hero-card .paw-button-text{
  fill:#17120c;
  font:700 11.5px Arial,Helvetica,sans-serif;
  letter-spacing:1.25px;
  text-anchor:middle;
  pointer-events:none;
}
.premium-public-page .product-hero-card .paw-cta-secondary .paw-button-part{
  fill:rgba(201,148,69,.055);
  stroke:var(--sp-gold-light);
}
.premium-public-page .product-hero-card .paw-cta-secondary .paw-button-text{fill:var(--sp-gold-light)}
.premium-public-page .product-hero-card .paw-cta:hover,
.premium-public-page .product-hero-card .paw-cta:focus-visible{
  transform:translateY(-3px)!important;
  filter:drop-shadow(0 15px 16px rgba(0,0,0,.32));
}
.premium-public-page .product-hero-card .paw-cta:hover .paw-button-svg,
.premium-public-page .product-hero-card .paw-cta:focus-visible .paw-button-svg{
  filter:brightness(1.09) saturate(1.04);
}
.premium-public-page .product-hero-card .paw-cta:hover .paw-button-part,
.premium-public-page .product-hero-card .paw-cta:focus-visible .paw-button-part{stroke:#f3d99e}
.premium-public-page .product-hero-card .paw-cta-secondary:hover .paw-button-part,
.premium-public-page .product-hero-card .paw-cta-secondary:focus-visible .paw-button-part{
  fill:rgba(201,148,69,.13);
  stroke:var(--sp-gold-light);
}
.premium-public-page .product-hero-card .paw-cta:focus-visible{
  outline:3px solid #f6dfaa;
  outline-offset:5px;
}

@media(max-width:560px){
  .premium-public-page .product-hero-card .hero-actions{justify-content:center}
  .premium-public-page .product-hero-card .paw-cta{
    flex:0 1 210px;
    width:min(210px,100%)!important;
    min-width:0;
    max-width:100%;
    height:180px;
    min-height:180px;
    padding:0!important;
  }
}

.premium-public-page .feature-grid,
.premium-public-page .step-grid{gap:16px!important}
.premium-public-page .feature-tile,
.premium-public-page .step-tile,
.premium-public-page .coming-soon-note,
.premium-public-page .demo-banner,
.premium-public-page .product-coming-soon-banner,
.premium-public-page .real-product-note{
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01))!important;
  color:var(--sp-muted)!important;
  border:1px solid var(--sp-line-soft)!important;
  border-radius:13px!important;
}
.premium-public-page .feature-tile h3,
.premium-public-page .step-tile h3{color:#eee5da!important}
.premium-public-page .step-tile span{
  background:var(--sp-gold)!important;
  color:#111!important;
  box-shadow:0 0 0 5px rgba(201,148,69,.08);
}
.premium-public-page .product-demo-qr-link,
.premium-public-page .qr-image,
.premium-public-page .product-demo-qr-image{
  background:#fff!important;
  border-radius:14px!important;
}
.premium-public-page .thumb{
  background:#0a0b0a!important;
  border-color:var(--sp-line-soft)!important;
}
.premium-public-page .thumb:hover,
.premium-public-page .thumb.is-active{border-color:var(--sp-gold-light)!important}

/* Memorial candles, inputs and overlays */
.premium-public-page .occasion-label{color:#e9e1d6!important}
.premium-public-page select,
.premium-public-page .candle-input,
.premium-public-page .candle-custom-message{
  background:var(--sp-input)!important;
  color:var(--sp-ink)!important;
  border:1px solid var(--sp-line)!important;
}
body.premium-public-page .candle-demo-note,
body.premium-public-page .candle-total,
body.premium-public-page .empty-candle-wall{
  background:linear-gradient(145deg,#1b1a17,#101110)!important;
  color:#f5efe5!important;
  -webkit-text-fill-color:#f5efe5!important;
  border-color:rgba(226,184,106,.58)!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.premium-public-page .candle-demo-note *,
body.premium-public-page .candle-total *,
body.premium-public-page .empty-candle-wall *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  opacity:1!important;
}
.premium-public-page .candle-status{color:var(--sp-success)!important}
.premium-public-page .wall-candle,
.premium-public-page .candle-history li{
  background:linear-gradient(180deg,#1b1915,#111210)!important;
  border:1px solid var(--sp-line-soft)!important;
  color:var(--sp-ink)!important;
}
.premium-public-page .wall-date,
.premium-public-page .wall-message{color:var(--sp-muted)!important}
.premium-public-page .remembrance-overlay,
.premium-public-page .blank-review-overlay{background:rgba(4,5,5,.90)!important;backdrop-filter:blur(8px)}
.premium-public-page .remembrance-moment,
.premium-public-page .blank-review-dialog{
  background:linear-gradient(145deg,#1b1a16,#0d0e0d)!important;
  color:var(--sp-ink)!important;
  border:1px solid var(--sp-line)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.62)!important;
}

/* Digital memorial builder */
.premium-public-page .builder-intro{max-width:980px;margin-bottom:36px}
.premium-public-page .builder-intro h1{
  color:var(--sp-ink)!important;
  font-size:clamp(2.6rem,5vw,4.7rem);
  letter-spacing:-.02em;
}
.premium-public-page .builder-test-note,
.premium-public-page .builder-section,
.premium-public-page .builder-purchase-panel,
.premium-public-page .builder-proofread-box,
.premium-public-page .etsy-handoff,
.premium-public-page .reference-result,
.premium-public-page .selected-photo-preview,
.premium-public-page .gallery-upload-row,
.premium-public-page .published-feature-note{
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),var(--sp-panel)!important;
  color:var(--sp-muted)!important;
  border:1px solid var(--sp-line-soft)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.20)!important;
}
.premium-public-page .builder-section{border-radius:16px!important}
.premium-public-page .builder-controls{scrollbar-color:var(--sp-gold) #0a0b0a}
.premium-public-page .builder-section-heading>span,
.premium-public-page .etsy-step-number{
  background:var(--sp-gold)!important;
  color:#111!important;
}
.premium-public-page .builder-section-heading h2,
.premium-public-page .builder-purchase-panel h2,
.premium-public-page .preview-heading h2,
.premium-public-page .etsy-handoff-title{color:var(--sp-ink)!important}
.premium-public-page .builder-section-heading p,
.premium-public-page .section-helper,
.premium-public-page .optional,
.premium-public-page .character-count,
.premium-public-page .submit-note,
.premium-public-page .spellcheck-helper,
.premium-public-page .builder-proofread-help,
.premium-public-page .reference-help,
.premium-public-page .etsy-handoff-note,
.premium-public-page .etsy-handoff-step p{color:var(--sp-muted)!important}
.premium-public-page .builder-section label{color:#e9e1d6!important}
.premium-public-page .builder-section input[type="text"],
.premium-public-page .builder-section input[type="email"],
.premium-public-page .builder-section textarea,
.premium-public-page .gallery-upload-row input[type="text"]{
  background:var(--sp-input)!important;
  color:var(--sp-ink)!important;
  border:1px solid var(--sp-line)!important;
}
.premium-public-page .builder-section input:focus,
.premium-public-page .builder-section textarea:focus{
  border-color:var(--sp-gold-light)!important;
  box-shadow:0 0 0 3px rgba(201,148,69,.12)!important;
}
.premium-public-page .photo-upload-label,
.premium-public-page .gallery-photo-button{
  background:rgba(201,148,69,.045)!important;
  color:var(--sp-ink)!important;
  border-color:rgba(226,184,106,.48)!important;
}
.premium-public-page .photo-upload-label:hover,
.premium-public-page .gallery-photo-button:hover{background:rgba(201,148,69,.10)!important;border-color:var(--sp-gold-light)!important}
.premium-public-page .photo-upload-title,
.premium-public-page .gallery-upload-row strong,
.premium-public-page .etsy-handoff-step strong,
.premium-public-page .reference-number{color:var(--sp-ink)!important}
.premium-public-page .photo-upload-help,
.premium-public-page .photo-selection-status,
.premium-public-page .gallery-file-status{color:var(--sp-muted)!important}
.premium-public-page .small-action{color:var(--sp-gold-light)!important}
.premium-public-page .preview-private-badge,
.premium-public-page .builder-only-label{
  background:rgba(201,148,69,.10)!important;
  color:var(--sp-gold-light)!important;
  border:1px solid var(--sp-line)!important;
}
.premium-public-page .photo-placeholder{
  background:radial-gradient(circle,rgba(201,148,69,.08),transparent 68%),#0b0c0b!important;
  color:var(--sp-muted)!important;
  border-color:var(--sp-line-soft)!important;
}
.premium-public-page .placeholder-icon{color:var(--sp-gold-light)!important}
.premium-public-page .builder-thumb-grid .thumb.empty{background:#0b0c0b!important;border-color:var(--sp-line-soft)!important}
.premium-public-page .reference-result{background:linear-gradient(145deg,rgba(201,148,69,.12),rgba(255,255,255,.01)),#11120f!important}
.premium-public-page .etsy-purchase-button{color:#111!important}
.premium-public-page .builder-section.needs-review,
.premium-public-page .builder-section .field-needs-review{border-color:#d0a15f!important}
.premium-public-page .blank-review-list li,
.premium-public-page .builder-proofread-results{background:#111210!important;border-color:var(--sp-line-soft)!important;color:var(--sp-muted)!important}

/* Slate designer */
body.designer-page{--brown:var(--sp-gold);--brown-dark:#a87332;--gold:var(--sp-gold-light);--line:var(--sp-line);--cream:var(--sp-panel);--paper:var(--sp-panel-raised);--ink:var(--sp-ink);--charcoal:#111210}
body.designer-page .designer-header{
  max-width:1500px;
  margin:0 auto;
  padding:42px clamp(20px,5vw,78px) 12px;
  display:block;
  text-align:center;
  background:transparent;
  color:var(--sp-ink);
}
body.designer-page .designer-header>div{max-width:880px;margin:auto}
body.designer-page .designer-header h1{
  margin:5px 0 10px;
  color:var(--sp-ink);
  font-size:clamp(2.6rem,5vw,4.6rem);
  letter-spacing:-.02em;
}
body.designer-page .designer-header p:not(.small-title){color:var(--sp-muted);font-size:1rem}
body.designer-page .small-title{color:var(--sp-gold-light)!important;letter-spacing:.16em!important;font:700 11px/1.4 Arial,sans-serif!important}
body.designer-page .step-card,
body.designer-page .preview-panel,
body.designer-page .text-control-card,
body.designer-page .design-slot-row,
body.designer-page .order-dialog{
  background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.008)),var(--sp-panel)!important;
  color:var(--sp-ink)!important;
  border:1px solid var(--sp-line)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.27)!important;
}
body.designer-page .step-card{border-radius:16px!important}
body.designer-page .step-number{background:var(--sp-gold)!important;color:#111!important}
body.designer-page .step-card h2,
body.designer-page .step-card h3,
body.designer-page .preview-heading strong,
body.designer-page .order-dialog h2{color:var(--sp-ink)!important}
body.designer-page label,
body.designer-page .selected-label{color:#e8e0d5!important}
body.designer-page .help-text,
body.designer-page .item-count,
body.designer-page .order-note,
body.designer-page .preview-heading p,
body.designer-page .preview-heading span,
body.designer-page .field-help,
body.designer-page .order-dialog-intro,
body.designer-page .order-success-note{color:var(--sp-muted)!important}
body.designer-page input[type="text"],
body.designer-page input[type="email"],
body.designer-page input[type="number"],
body.designer-page textarea,
body.designer-page select{
  background:var(--sp-input)!important;
  color:var(--sp-ink)!important;
  border:1px solid var(--sp-line)!important;
}
body.designer-page input:focus,
body.designer-page textarea:focus,
body.designer-page select:focus{border-color:var(--sp-gold-light)!important;box-shadow:0 0 0 3px rgba(201,148,69,.12)!important}
body.designer-page button,
body.designer-page .shape-button,
body.designer-page .etsy-link{
  background:rgba(201,148,69,.055)!important;
  color:#e9dfd2!important;
  border:1px solid var(--sp-line)!important;
}
body.designer-page button:hover,
body.designer-page .shape-button:hover,
body.designer-page .etsy-link:hover{background:rgba(201,148,69,.13)!important;border-color:var(--sp-gold-light)!important}
body.designer-page .shape-button.active,
body.designer-page .hole-button.active,
body.designer-page .text-select-button.active,
body.designer-page .main-action,
body.designer-page .order-action,
body.designer-page .etsy-link{
  background:linear-gradient(135deg,var(--sp-gold-light),var(--sp-gold))!important;
  color:#111!important;
  border-color:#e8c57f!important;
}
body.designer-page .icon-choice{
  background:linear-gradient(145deg,#eee4d7 0%,#d9c9b5 52%,#c7b39b 100%)!important;
  border:1px solid rgba(226,184,106,.72)!important;
  color:#241d16!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 8px 18px rgba(0,0,0,.18)!important;
}
body.designer-page .icon-choice img{filter:none!important}
body.designer-page .icon-choice span{color:#241d16!important;text-shadow:none!important}
body.designer-page .icon-choice:hover,
body.designer-page .icon-choice:focus-visible{
  background:linear-gradient(145deg,#fff8ed 0%,#ead8be 55%,#d4b783 100%)!important;
  border-color:var(--sp-gold-light)!important;
  transform:translateY(-2px);
}
body.designer-page .design-slot-select{background:#0b0c0b!important;border-color:var(--sp-line-soft)!important;color:var(--sp-ink)!important}
body.designer-page .design-slot-select.active{border-color:var(--sp-gold-light)!important}
body.designer-page .danger-button,
body.designer-page .design-slot-delete,
body.designer-page .icon-delete-button{
  color:#f0b0a7!important;
  border-color:rgba(181,80,67,.48)!important;
  background:rgba(181,80,67,.08)!important;
}
body.designer-page .danger-button:hover,
body.designer-page .design-slot-delete:hover,
body.designer-page .icon-delete-button:hover{
  color:#ffd7d2!important;
  border-color:rgba(220,111,97,.78)!important;
  background:rgba(181,80,67,.16)!important;
}
body.designer-page .svg-holder{background:#0a0b0a!important;border-color:var(--sp-line)!important}
body.designer-page .preview-below-note,
body.designer-page .coming-soon-notice,
body.designer-page .order-information-notice{
  background:rgba(201,148,69,.06)!important;
  color:var(--sp-muted)!important;
  border-color:var(--sp-line-soft)!important;
}
body.designer-page .order-modal{background:rgba(4,5,5,.9)!important;backdrop-filter:blur(8px)}
body.designer-page .order-reference-display{background:#0a0b0a!important;color:var(--sp-gold-light)!important;border-color:var(--sp-line)!important}
body.designer-page .success-tick{background:var(--sp-gold)!important;color:#111!important}

/* A lighter, warmer workspace for the slate designer. */
body.designer-page{
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.42),transparent 30%),
    linear-gradient(180deg,#e9dfd2 0%,#d8c9b6 52%,#eee5d9 100%)!important;
}
body.designer-page .designer-header{
  background:linear-gradient(180deg,#f4ece1,#e4d7c6)!important;
  border-bottom:1px solid rgba(145,105,57,.32)!important;
}
body.designer-page .designer-header h1{color:#2d261f!important}
body.designer-page .designer-header p:not(.small-title){color:#66584a!important}
body.designer-page .designer-header .small-title{color:#9a6c34!important}
body.designer-page .step-card,
body.designer-page .preview-panel,
body.designer-page .order-dialog{
  background:linear-gradient(145deg,#f4ece1 0%,#e6dacb 58%,#d8c8b4 100%)!important;
  color:#2d261f!important;
  border-color:rgba(145,105,57,.52)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.64),0 16px 34px rgba(0,0,0,.22)!important;
}
body.designer-page .text-control-card,
body.designer-page .design-slot-row{
  background:rgba(255,250,243,.62)!important;
  color:#2d261f!important;
  border-color:rgba(145,105,57,.35)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.55)!important;
}
body.designer-page .step-card h2,
body.designer-page .step-card h3,
body.designer-page .preview-heading p,
body.designer-page .preview-heading strong,
body.designer-page .order-dialog h2,
body.designer-page label,
body.designer-page .selected-label{
  color:#2d261f!important;
}
body.designer-page .help-text,
body.designer-page .item-count,
body.designer-page .order-note,
body.designer-page .preview-heading span,
body.designer-page .field-help,
body.designer-page .order-dialog-intro,
body.designer-page .order-success-note,
body.designer-page .size-number-help,
body.designer-page .preview-below-note{
  color:#67594b!important;
}
body.designer-page .selected-label,
body.designer-page .mobile-slot-controls-note,
body.designer-page .editing-note,
body.designer-page .portrait-control-hint{
  background:#dbc7aa!important;
  color:#3e3023!important;
  border-color:rgba(145,105,57,.35)!important;
}
body.designer-page input[type="text"],
body.designer-page input[type="email"],
body.designer-page input[type="number"],
body.designer-page textarea,
body.designer-page select{
  background:#fffaf3!important;
  color:#2b241d!important;
  border-color:#bda687!important;
}
body.designer-page button,
body.designer-page .shape-button{
  background:linear-gradient(145deg,#eee4d7 0%,#d9c9b5 52%,#c7b39b 100%)!important;
  color:#342a21!important;
  border-color:#b49368!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 6px 14px rgba(75,52,29,.12)!important;
}
body.designer-page button:hover,
body.designer-page .shape-button:hover{
  background:linear-gradient(145deg,#fff8ed 0%,#ead8be 55%,#d4b783 100%)!important;
  border-color:#a8793f!important;
}
body.designer-page .shape-button.active,
body.designer-page .hole-button.active,
body.designer-page .text-selection-buttons button.active,
body.designer-page .text-select-button.active,
body.designer-page .main-action,
body.designer-page .order-action,
body.designer-page .etsy-link,
body.designer-page .preview-below-button,
body.designer-page #previewButton.preview-below-button,
body.designer-page #submitOrderButton.order-action,
body.designer-page #downloadPreviewButton.main-action,
body.designer-page #orderThisDesignButton.order-action{
  background:linear-gradient(145deg,#eee4d7 0%,#d9c9b5 52%,#c7b39b 100%)!important;
  color:#2f251c!important;
  border:2px solid #b47d35!important;
  text-shadow:none!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.38),0 7px 16px rgba(75,52,29,.14)!important;
}
body.designer-page .shape-button.active:hover,
body.designer-page .hole-button.active:hover,
body.designer-page .text-selection-buttons button.active:hover,
body.designer-page .text-select-button.active:hover,
body.designer-page .main-action:hover,
body.designer-page .order-action:hover,
body.designer-page .etsy-link:hover,
body.designer-page .preview-below-button:hover,
body.designer-page #previewButton.preview-below-button:hover{
  background:linear-gradient(145deg,#fff8ed 0%,#ead8be 55%,#d4b783 100%)!important;
  color:#2f251c!important;
}
body.designer-page .design-slot-select{
  background:linear-gradient(145deg,#eee4d7 0%,#d9c9b5 52%,#c7b39b 100%)!important;
  color:#342a21!important;
  border-color:#b49368!important;
}
body.designer-page .design-slot-select.active{
  background:linear-gradient(145deg,#eee4d7 0%,#d9c9b5 52%,#c7b39b 100%)!important;
  color:#2b2117!important;
  border:2px solid #b47d35!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.38),0 7px 16px rgba(75,52,29,.14)!important;
}
body.designer-page .svg-holder{
  background:
    linear-gradient(110deg,rgba(255,255,255,.22),transparent 34%),
    repeating-linear-gradient(2deg,rgba(65,57,48,.035) 0 1px,transparent 1px 7px),
    linear-gradient(145deg,#c9bba7,#e4d8c8 48%,#b8a68e)!important;
  border-color:rgba(145,105,57,.42)!important;
}
body.designer-page .control-panel{scrollbar-color:#b48345 #e7ded2}
body.designer-page .coming-soon-notice,
body.designer-page .order-information-notice{
  background:#f5ead8!important;
  color:#514132!important;
  border-color:#bb8a4d!important;
}

/* Digital Memorial builder — use the same warm, light workspace palette as
   the Design Your Slate builder while leaving published memorials unchanged. */
body.memorial-builder-page{
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.42),transparent 30%),
    linear-gradient(180deg,#e9dfd2 0%,#d8c9b6 52%,#eee5d9 100%)!important;
  color:#2d261f!important;
}
body.memorial-builder-page .builder-intro{
  padding:26px clamp(20px,4vw,46px);
  background:linear-gradient(180deg,#f4ece1,#e4d7c6)!important;
  border:1px solid rgba(145,105,57,.40)!important;
  border-radius:16px;
  box-shadow:inset 0 1px rgba(255,255,255,.64),0 14px 30px rgba(75,52,29,.13)!important;
}
body.memorial-builder-page .builder-intro h1,
body.memorial-builder-page .preview-heading h2,
body.memorial-builder-page .builder-section-heading h2,
body.memorial-builder-page .builder-purchase-panel h2,
body.memorial-builder-page .etsy-handoff-title{
  color:#2d261f!important;
}
body.memorial-builder-page .builder-intro>p:not(.eyebrow),
body.memorial-builder-page .builder-section-heading p,
body.memorial-builder-page .section-helper,
body.memorial-builder-page .optional,
body.memorial-builder-page .character-count,
body.memorial-builder-page .submit-note,
body.memorial-builder-page .spellcheck-helper,
body.memorial-builder-page .builder-proofread-help,
body.memorial-builder-page .reference-help,
body.memorial-builder-page .etsy-handoff-note,
body.memorial-builder-page .etsy-handoff-step p,
body.memorial-builder-page .photo-selection-status,
body.memorial-builder-page .gallery-file-status,
body.memorial-builder-page .photo-upload-help,
body.memorial-builder-page .selected-photo-preview span,
body.memorial-builder-page .reference-label,
body.memorial-builder-page .builder-purchase-panel>p:not(.builder-only-label):not(.submit-note),
body.memorial-builder-page .published-feature-note p,
body.memorial-builder-page .blank-review-note{
  color:#67594b!important;
}
body.memorial-builder-page .builder-test-note,
body.memorial-builder-page .builder-section,
body.memorial-builder-page .builder-purchase-panel,
body.memorial-builder-page .builder-proofread-box,
body.memorial-builder-page .etsy-handoff,
body.memorial-builder-page .reference-result,
body.memorial-builder-page .selected-photo-preview,
body.memorial-builder-page .gallery-upload-row,
body.memorial-builder-page .published-feature-note,
body.memorial-builder-page .hero-card,
body.memorial-builder-page .gallery-card,
body.memorial-builder-page .text-card,
body.memorial-builder-page .candle-wall-card{
  background:linear-gradient(145deg,#f4ece1 0%,#e6dacb 58%,#d8c8b4 100%)!important;
  color:#2d261f!important;
  border-color:rgba(145,105,57,.52)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.64),0 16px 34px rgba(75,52,29,.17)!important;
}
body.memorial-builder-page .builder-section label,
body.memorial-builder-page .photo-upload-title,
body.memorial-builder-page .gallery-upload-row strong,
body.memorial-builder-page .selected-photo-preview strong,
body.memorial-builder-page .etsy-handoff-step strong,
body.memorial-builder-page .reference-number,
body.memorial-builder-page .hero-copy h1,
body.memorial-builder-page .hero-copy #preview-name,
body.memorial-builder-page .hero-copy .dates,
body.memorial-builder-page .hero-copy .lead,
body.memorial-builder-page .hero-copy .tribute,
body.memorial-builder-page .section-heading h2,
body.memorial-builder-page .text-card h2,
body.memorial-builder-page .text-card p,
body.memorial-builder-page .wall-candle h3,
body.memorial-builder-page .wall-candle p{
  color:#2d261f!important;
}
body.memorial-builder-page .builder-section input[type="text"],
body.memorial-builder-page .builder-section input[type="email"],
body.memorial-builder-page .builder-section textarea,
body.memorial-builder-page .gallery-upload-row input[type="text"]{
  background:#fffaf3!important;
  color:#2b241d!important;
  border-color:#bda687!important;
}
body.memorial-builder-page .builder-section input::placeholder,
body.memorial-builder-page .builder-section textarea::placeholder,
body.memorial-builder-page .gallery-upload-row input::placeholder{
  color:#897866!important;
  opacity:1;
}
body.memorial-builder-page .builder-section input:focus,
body.memorial-builder-page .builder-section textarea:focus,
body.memorial-builder-page .gallery-upload-row input:focus{
  border-color:#a8793f!important;
  box-shadow:0 0 0 3px rgba(180,125,53,.16)!important;
}
body.memorial-builder-page .photo-upload-label,
body.memorial-builder-page .gallery-photo-button,
body.memorial-builder-page .small-action,
body.memorial-builder-page .button,
body.memorial-builder-page button.button{
  background:linear-gradient(145deg,#eee4d7 0%,#d9c9b5 52%,#c7b39b 100%)!important;
  color:#342a21!important;
  -webkit-text-fill-color:#342a21!important;
  border:1px solid #b49368!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 6px 14px rgba(75,52,29,.12)!important;
}
body.memorial-builder-page .small-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 16px!important;
  border-radius:999px;
  font-weight:700;
}
body.memorial-builder-page .photo-upload-label:hover,
body.memorial-builder-page .gallery-photo-button:hover,
body.memorial-builder-page .small-action:hover,
body.memorial-builder-page .button:hover,
body.memorial-builder-page button.button:hover{
  background:linear-gradient(145deg,#fff8ed 0%,#ead8be 55%,#d4b783 100%)!important;
  color:#2f251c!important;
  -webkit-text-fill-color:#2f251c!important;
  border-color:#a8793f!important;
}
body.memorial-builder-page .button.primary,
body.memorial-builder-page button.button.primary,
body.memorial-builder-page .etsy-purchase-button{
  border:2px solid #b47d35!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.38),0 7px 16px rgba(75,52,29,.14)!important;
}
body.memorial-builder-page .builder-section-heading>span,
body.memorial-builder-page .etsy-step-number{
  background:#c79445!important;
  color:#111!important;
}
body.memorial-builder-page .preview-private-badge,
body.memorial-builder-page .builder-only-label{
  background:#dbc7aa!important;
  color:#3e3023!important;
  border-color:rgba(145,105,57,.35)!important;
}
body.memorial-builder-page .hero-image-wrap,
body.memorial-builder-page .gallery-viewer,
body.memorial-builder-page .builder-photo-slot,
body.memorial-builder-page .builder-gallery-viewer,
body.memorial-builder-page .photo-placeholder,
body.memorial-builder-page .builder-thumb-grid .thumb.empty{
  background:
    linear-gradient(110deg,rgba(255,255,255,.22),transparent 34%),
    repeating-linear-gradient(2deg,rgba(65,57,48,.035) 0 1px,transparent 1px 7px),
    linear-gradient(145deg,#c9bba7,#e4d8c8 48%,#b8a68e)!important;
  color:#514132!important;
  border-color:rgba(145,105,57,.42)!important;
}
body.memorial-builder-page .photo-placeholder small,
body.memorial-builder-page .gallery-help{color:#67594b!important}
body.memorial-builder-page .placeholder-icon{color:#9a6c34!important}
body.memorial-builder-page .builder-gallery-viewer .featured-caption{
  background:#fffaf3!important;
  color:#2d261f!important;
  border-color:rgba(145,105,57,.35)!important;
}
body.memorial-builder-page .wall-candle,
body.memorial-builder-page .candle-history li{
  background:rgba(255,250,243,.60)!important;
  color:#2d261f!important;
  border-color:rgba(145,105,57,.40)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.52)!important;
}
body.memorial-builder-page .published-feature-note,
body.memorial-builder-page .builder-proofread-results,
body.memorial-builder-page .blank-review-list li{
  background:#f5ead8!important;
  color:#514132!important;
  border-color:#bb8a4d!important;
}
body.memorial-builder-page .empty-candle-wall{
  background:#f5ead8!important;
  color:#514132!important;
  -webkit-text-fill-color:#514132!important;
  border-color:#bb8a4d!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.memorial-builder-page .builder-proofread-results h3,
body.memorial-builder-page .builder-proofread-results p,
body.memorial-builder-page .builder-proofread-results li{
  color:#514132!important;
}
body.memorial-builder-page .reference-result{
  background:linear-gradient(145deg,#f6ead7,#ddc7a7)!important;
}
body.memorial-builder-page .builder-controls{scrollbar-color:#b48345 #e7ded2}
body.memorial-builder-page .blank-review-dialog{
  background:linear-gradient(145deg,#f4ece1,#d8c8b4)!important;
  color:#2d261f!important;
  border-color:#b49368!important;
}
body.memorial-builder-page .blank-review-dialog h2,
body.memorial-builder-page .blank-review-dialog p{color:#2d261f!important}

@media(max-width:1100px){
  .premium-public-page .sp-brand-wordmark{font-size:22px}
  .premium-public-page .sp-links{gap:26px;font-size:10px}
  .premium-public-page .sp-sub-footer-main{grid-template-columns:1fr 1.5fr}
  .premium-public-page .sp-sub-footer-contact{grid-column:1/-1;align-items:center;flex-direction:row;justify-content:center;gap:24px}
}

@media(min-width:981px){
  html.designer-document{
    width:100%;
    height:100%;
    overflow:hidden;
  }
  html.designer-document body.designer-page{
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  body.designer-page .sp-header,
  body.designer-page .designer-header{flex:0 0 auto}
  body.designer-page .designer-header{padding:10px clamp(20px,5vw,78px) 7px}
  body.designer-page .designer-header h1{
    margin:1px 0 3px;
    font-size:clamp(1.85rem,2.8vw,2.7rem);
    line-height:1;
  }
  body.designer-page .designer-header .small-title{margin-bottom:2px;font-size:9px!important}
  body.designer-page .designer-header p:not(.small-title){font-size:.86rem;line-height:1.35}
  body.designer-page .designer-layout{
    flex:1 1 auto;
    width:min(1500px,calc(100% - 36px));
    height:auto!important;
    min-height:0!important;
    margin:9px auto 12px!important;
    gap:18px;
  }
  body.designer-page .control-panel,
  body.designer-page .preview-panel{min-height:0}
  body.designer-page .sp-sub-footer{display:none!important}
}

@media(max-width:760px){
  .premium-public-page .sp-header{position:relative}
  .premium-public-page .sp-nav{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px 12px;padding:10px 14px 8px}
  .premium-public-page .sp-brand{grid-column:1;grid-row:1}
  .premium-public-page .sp-admin-logo{grid-column:2;grid-row:1;justify-self:end;align-self:center}
  .premium-public-page .sp-brand-logo,
  .premium-public-page .sp-admin-logo img{width:50px;height:50px}
  .premium-public-page .sp-brand-wordmark{font-size:18px}
  .premium-public-page .sp-links{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-around;gap:15px;font-size:9px}
  .premium-public-page .sp-links a{padding:9px 0}
  .premium-public-page .sp-links a.active:after{bottom:2px}
  .premium-public-page .page-shell,
  .premium-public-page .builder-shell{width:min(100% - 20px,1480px)}
  .premium-public-page .page-shell{margin-top:20px}
  .premium-public-page .builder-shell{padding-top:30px}
  .premium-public-page .hero-card{padding:24px!important}
  .premium-public-page .sp-sub-footer-main{grid-template-columns:1fr;text-align:center;gap:22px}
  .premium-public-page .sp-sub-footer-brand{justify-content:center}
  .premium-public-page .sp-sub-footer-contact{grid-column:auto;flex-direction:column;gap:7px}
  .premium-public-page .sp-sub-footer-bottom{flex-direction:column;text-align:center;gap:12px}
  .premium-public-page .privacy-shell{width:min(100% - 20px,980px);margin-top:20px}
  .premium-public-page .privacy-choice-actions{flex-direction:column}
  .premium-public-page .privacy-action{width:100%}
}

@media(max-width:460px){
  .premium-public-page .sp-links{gap:7px;font-size:8px;letter-spacing:.04em}
  .premium-public-page .sp-brand-wordmark{font-size:16px}
}

/* Keep the compact shared site header above the phone workspace. */
@media (hover:none) and (pointer:coarse) and (max-width:980px){
  body.designer-page .designer-header{display:none!important}
  body.designer-page .designer-layout{width:100%!important;margin:0!important}
  body.designer-page .rotate-device-message{background:linear-gradient(180deg,#080909,#11110f)!important}
  body.designer-page .rotate-device-card{
    background:linear-gradient(145deg,#191814,#0d0e0d)!important;
    color:var(--sp-ink)!important;
    border-color:var(--sp-line)!important;
    box-shadow:0 22px 55px rgba(0,0,0,.5)!important;
  }
  body.designer-page .rotate-device-card p{color:var(--sp-muted)!important}
  body.designer-page .rotate-phone-icon{color:var(--sp-gold-light)!important}
}
@media (orientation:landscape) and (max-width:980px){
  body.designer-page{background:#0b0c0b!important}
}

/* v57: dependable two-row mobile header and a visible header on the slate
   designer. Important declarations prevent builder-specific colour/layout
   rules from overriding the shared navigation. */
@media(max-width:760px){
  body.premium-public-page .sp-nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
  }
  body.premium-public-page .sp-brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0;
  }
  body.premium-public-page .sp-links{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  body.premium-public-page .sp-admin-logo{
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
  }
  body.premium-public-page .sp-header .sp-brand-wordmark{
    color:#f3eee5!important;
    -webkit-text-fill-color:#f3eee5!important;
  }
  body.premium-public-page .sp-header .sp-brand-amp{
    color:#e2b86a!important;
    -webkit-text-fill-color:#e2b86a!important;
  }
}

@media (hover:none) and (pointer:coarse) and (orientation:portrait) and (max-width:980px){
  html.designer-document body.designer-page{
    display:flex!important;
    flex-direction:column!important;
  }
  body.designer-page .sp-header{
    display:block!important;
    position:relative!important;
    width:100%;
    flex:0 0 auto!important;
  }
  body.designer-page .designer-layout{
    position:relative!important;
    inset:auto!important;
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
  }

  /* The phone designer uses a compact navigation-only header. This preserves
     every customer link while returning more of the screen to the workspace. */
  body.designer-page .sp-nav{
    display:block!important;
    min-height:0!important;
    padding:6px 10px!important;
  }
  body.designer-page .sp-brand,
  body.designer-page .sp-admin-logo{
    display:none!important;
  }
  body.designer-page .sp-links{
    display:flex!important;
    width:100%!important;
    justify-content:space-between!important;
    gap:6px!important;
    font-size:clamp(8px,2.2vw,10px)!important;
    letter-spacing:.035em!important;
  }
  body.designer-page .sp-links a{
    padding:8px 2px!important;
    white-space:nowrap;
  }
  body.designer-page .sp-links a.active:after{bottom:2px!important}
  body.designer-page .preview-heading p{
    white-space:nowrap;
  }
  body.designer-page .portrait-control-hint{
    display:none!important;
  }
}