/* Seed Tape Bench - Appily-OneHundredSix / Archview
 Kraft seed-tapes on a potting bench | irrigation drip | germination blotter.
 NOT Tessera Forum mosaic, Lathhouse timber, Capillary Mat, Neon Grove. */
:root {
 --a106-drip: #0A7EA4;
 --a106-drip-deep: #075F7C;
 --a106-clay: #C45C26;
 --a106-clay-deep: #9A4318;
 --a106-bloom: #E11D74;
 --a106-bloom-deep: #B0145A;
 --a106-sprout: #C6F542;
 --a106-sprout-ink: #1E2E08;
 --a106-kraft: #E8D4A8;
 --a106-kraft-deep: #C9B07E;
 --a106-field: #EEF6F1;
 --a106-field-warm: #F7F1E4;
 --a106-surface: #FFFFFF;
 --a106-soil: #2A2118;
 --a106-ink: #152018;
 --a106-mute: #2F4438;
 --a106-border: #A8C4B4;
 --a106-ok: #1B7A4A;
 --a106-err: #C4123A;
 --a106-on-drip: #F3FBFE;
 --a106-on-clay: #FFF8F4;
 --a106-on-bloom: #FFF5FA;
 --a106-on-sprout: #1E2E08;
 --a106-on-soil: #F4F8F2;
 --a106-placeholder: #4A6358;
 --a106-muted-on-dark: rgba(244, 248, 242, 0.88);

 --a106-primary: var(--a106-drip);
 --a106-secondary: var(--a106-clay);
 --a106-accent: var(--a106-bloom);
 --a106-background: var(--a106-field);
 --a106-text: var(--a106-ink);
 --a106-border-token: var(--a106-border);

 /* Legacy Tessera aliases -> Seed Tape Bench (keeps older selectors painting) */
 --a106-cobalt: var(--a106-drip);
 --a106-cobalt-deep: var(--a106-drip-deep);
 --a106-cinnabar: var(--a106-clay);
 --a106-cinnabar-deep: var(--a106-clay-deep);
 --a106-smalti: var(--a106-sprout);
 --a106-smalti-ink: var(--a106-sprout-ink);
 --a106-jade: var(--a106-bloom);
 --a106-jade-deep: var(--a106-bloom-deep);
 --a106-field-deep: #E0EDE6;
 --a106-stone: var(--a106-soil);
 --a106-mortar: #6A8074;
 --a106-on-cobalt: var(--a106-on-drip);
 --a106-on-cinnabar: var(--a106-on-clay);
 --a106-on-jade: var(--a106-on-bloom);
 --a106-on-smalti: var(--a106-on-sprout);
 --a106-on-stone: var(--a106-on-soil);

 --a106-font-display: "Fraunces", "Palatino Linotype", Georgia, serif;
 --a106-font-body: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;

 --a106-space-1: 8px;
 --a106-space-2: 16px;
 --a106-space-3: 24px;
 --a106-space-4: 32px;
 --a106-space-5: 48px;
 --a106-space-6: 64px;
 --a106-space-7: 96px;

 --a106-radius: 6px;
 --a106-radius-lg: 16px;
 --a106-hard: 4px 4px 0 var(--a106-soil);
 --a106-hard-sm: 3px 3px 0 var(--a106-soil);
 --a106-wrap: min(1120px, calc(100% - 32px));
 --a106-nav-h: 88px;
 --a106-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body.a106-body {
 margin: 0;
 min-height: 100vh;
 font-family: var(--a106-font-body);
 font-size: 16px;
 line-height: 1.55;
 color: var(--a106-ink);
 background:
 repeating-linear-gradient(
 90deg,
 transparent,
 transparent 47px,
 rgba(10, 126, 164, 0.05) 47px,
 rgba(10, 126, 164, 0.05) 48px
 ),
 radial-gradient(circle at 18% 12%, rgba(198, 245, 66, 0.22), transparent 42%),
 radial-gradient(circle at 88% 8%, rgba(225, 29, 116, 0.1), transparent 36%),
 linear-gradient(165deg, var(--a106-field) 0%, var(--a106-field-warm) 55%, #E8F0EA 100%);
 -webkit-font-smoothing: antialiased;
}

body.a106-body a { color: var(--a106-drip-deep); }
body.a106-body a:hover { color: var(--a106-clay); }

.a106-skip {
 position: absolute;
 left: -9999px;
 top: 0;
 z-index: 10000;
 background: var(--a106-sprout);
 color: var(--a106-sprout-ink);
 padding: 10px 16px;
 font-weight: 700;
}
.a106-skip:focus { left: 12px; top: 12px; }

.a106-wrap {
 width: var(--a106-wrap);
 margin-inline: auto;
}

img { max-width: 100%; height: auto; display: block; }

button, input, select, textarea {
 font: inherit;
 color: inherit;
}

::placeholder {
 color: var(--a106-placeholder);
 opacity: 1;
}

.a106-body a:focus-visible,
.a106-body button:focus-visible,
.a106-body input:focus-visible,
.a106-body select:focus-visible,
.a106-body textarea:focus-visible {
 outline: 3px solid var(--a106-sprout);
 outline-offset: 2px;
}

.a106-body [disabled],
.a106-body :disabled {
 opacity: 0.72;
 cursor: not-allowed;
}

@media (max-width: 980px) {
 :root { --a106-nav-h: 72px; }
}

@media (max-width: 720px) {
 :root { --a106-nav-h: 68px; --a106-wrap: min(1120px, calc(100% - 24px)); }
}

.a106-body button,
.a106-body [class*="-cta"],
.a106-body [class*="btn"] {
 cursor: pointer;
}

/* Labels / kickers / stamps scroll with content — never sticky or fixed */
label,
[class*="-label"],
[class*="-kicker"],
[class*="-stamp"],
[class*="-badge"],
[class*="-chip"],
.er-rail,
.fl-glaze,
.df-pulls-wrap,
.fs-foil-wrap {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}