/* Customization layer. Original source CSS remains in /_nuxt/ for exact layout.
   Override design tokens, typography, breakpoints and component selectors here. */
:root {
  --planloom-blue: #3b60c5;
  --planloom-ink: #414141;
  --planloom-paper: #eadfc9;
  --planloom-coral: #e76051;
}

/* A longer replacement name needs a wider wordmark at the same cap height. */
.w-104 { width: calc(var(--spacing) * 104); }
/* Legal URLs remain readable after their outbound action is removed. */
.legal-page .prose a { overflow-wrap: anywhere; }
/* New four-tile mark follows the source loader's four independent SVG parent
   translations, clipping and reveal timing. The original shapes stay as refs
   for its GSAP timelines, while these editable tile graphics are displayed. */
.w-164 > svg > * { opacity: 0 !important; }
.w-164 > svg { background-size: contain; background-position: center; background-repeat: no-repeat; }
.w-164 > svg:nth-child(1) { background-image: url('/planloom/loader-1.svg'); }
.w-164 > svg:nth-child(2) { background-image: url('/planloom/loader-2.svg'); }
.w-164 > svg:nth-child(3) { background-image: url('/planloom/loader-3.svg'); }
.w-164 > svg:nth-child(4) { background-image: url('/planloom/loader-4.svg'); }
.planloom-preview { background: #eadfc9; border: 1px solid #636363; box-shadow: 6px 6px #0002; color: #414141; font: 500 16px "Graphik Web",sans-serif; max-width: 600px; padding: 40px; }
.planloom-preview::backdrop { background: #0b194175; backdrop-filter: blur(6px); }
.planloom-preview h2 { font: 500 30px "F37 Analog",monospace; margin: 0 0 20px; }
.planloom-preview p { line-height: 1.5; margin: 0 0 24px; }
.planloom-preview button,.planloom-preview a { background: #283f7d; border: 1px solid #636363; color: #fff; cursor: pointer; display: inline-block; font: 500 14px "Geist Mono",monospace; padding: 12px 18px; text-decoration: none; }
.planloom-preview button { margin-right: 12px; }
.planloom-agency { font-size: .8em; opacity: .65; margin-left: 1rem; }