/* Customer-site readability layer. Deliberately absent from client cards and Crucible.
   Does not alter form values, checkout code, profile templates, or URLs. */
:root:has(body.forje-readable) {
  color-scheme: light;
  --bg: #dedfe1 !important;
  --surface: #e9eaec !important;
  --surface2: #d3d5d8 !important;
  --surface3: #e9eaec !important;
  --text: #24282e !important;
  --dark: #24282e !important;
  --muted: #484d54 !important;
  --muted2: #50565e !important;
  --border: #a5aab1 !important;
  --border-dim: #bfc2c7 !important;
  --accent: #d8ae43 !important;
  --accent-dim: #e4dcc8 !important;
  --accent-border: #d8ae43 !important;
  --gold: #d8ae43;
  --green: #176337 !important;
  --red: #a72720 !important;
  --paper: #dedfe1 !important;
  --ink: #24282e !important;
  --line: #bfc2c7 !important;
}
html:has(body.forje-readable) { background: #dedfe1; scroll-padding-top: 88px; }
body.forje-readable {
  background: var(--bg) !important; color: var(--text) !important;
  font-family: "DM Sans", system-ui, sans-serif; font-size: 18px; line-height: 1.6;
  -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
body.forje-readable :is(h1,h2,h3,.title,.page-title,.product-entry-title,.hero-title) {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 750 !important; letter-spacing: -.025em !important; line-height: 1.15 !important;
}
body.forje-readable :is(p,.hero-sub,.hero-copy,.page-sub,.product-entry-sub,.v2-lede,.login-sub,.sub,.card-copy) {
  font-size: 18px !important; line-height: 1.65 !important; color: var(--muted) !important;
  font-weight: 400;
}
body.forje-readable :is(.eyebrow,.hero-eyebrow,.v2-eyebrow,.card-kicker,.product-option-kicker,.v2-card-kicker) {
  font-size: 14px !important; letter-spacing: .07em !important; color: #343941 !important;
  font-weight: 750; opacity: 1;
}
body.forje-readable :is(.forje-readable-small,small,.hint,.field-label,.f-label,.label,.login-note,.preview-hint,.footer-note,.step p,.next-item p) {
  font-size: 16px !important; line-height: 1.5 !important;
}
body.forje-readable :is(.field-label,.f-label,.label) {
  color: var(--text) !important; font-weight: 650; text-transform: none !important;
  letter-spacing: 0 !important; margin-bottom: 6px;
}
body.forje-readable :is(input,textarea,select):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]) {
  font-size: 18px !important; font-family: inherit !important; color: var(--text) !important;
  background-color: #24282e !important; border-color: #7a818b !important;
  min-height: 48px; line-height: 1.4; border-radius: 10px;
}
body.forje-readable :is(.icon-wrap,.join-icon-input) { background: #e9eaec !important; border-color: #7a818b !important; min-height: 48px; }
body.forje-readable :is(input,textarea)::placeholder { color: #50565e !important; opacity: 1 !important; }
body.forje-readable select { appearance: auto !important; -webkit-appearance: auto !important; padding-right: 12px !important; }
body.forje-readable :is(input[type="checkbox"],input[type="radio"]) { width: 24px; height: 24px; accent-color: #d8ae43; flex-shrink: 0; }
body.forje-readable :is(button,.btn,.btn-primary,.btn-secondary,.btn-gold,.btn-outline,.button,.product-option-action,.nav-cta) {
  font-family: "DM Sans", system-ui, sans-serif !important; font-size: 17px !important;
  font-weight: 650 !important; min-height: 48px; line-height: 1.35 !important;
  letter-spacing: 0 !important; touch-action: manipulation;
}
body.forje-readable :is(.btn-gold,.btn-primary,.button,.login-btn,.btn-order,.product-option-action.primary,.nav-cta,.btn-exchange) {
  background: #d8ae43 !important; color: #24282e !important; border-color: #d8ae43 !important;
}
body.forje-readable :is(.btn-outline,.btn-secondary,.btn-ghost,.product-option-action:not(.primary),.sticky-back-btn) {
  background: #e9eaec !important; color: #24282e !important; border: 1px solid #7a818b !important;
}
body.forje-readable :is(button,a,input,textarea,select,summary,[role="button"]):focus-visible {
  outline: 3px solid #165bb5 !important; outline-offset: 4px !important;
  box-shadow: 0 0 0 2px #e9eaec !important;
}
body.forje-readable button:disabled { opacity: .7 !important; cursor: not-allowed; }
body.forje-readable :is(a:hover,button:hover) { filter: none !important; }
body.forje-readable :is(.required-chip,.error,.photo-action.danger,.join-extra-delete) { color: #a72720 !important; }
body.forje-readable :is(.status-live,.check,.success-icon) { color: #176337 !important; }
body.forje-readable :is(.status-draft,.code) { color: #343941 !important; opacity: 1 !important; }
body.forje-readable :is(.login-note,.footer-note,.preview-hint,.forje-badge,.section-tag) { opacity: 1 !important; color: var(--muted) !important; }
body.forje-readable .forje-wordmark { font-size: 21px !important; }
body.forje-readable :is(.nav-logo,.logo,.forje-brand) svg path { fill: #d8ae43; }
body.forje-readable .forje-wordmark > span:first-child { color: #24282e !important; }
body.forje-readable .forje-wordmark > span:last-child { color: #343941 !important; }
body.forje-readable nav {
  background: #e9eaec !important; backdrop-filter: none !important; border-bottom: 1px solid #bfc2c7 !important;
  min-height: 72px; height: auto; padding-block: 10px; gap: 16px;
}
body.forje-readable :is(.nav-links a,.nav-link,.nav-back,.help) {
  color: #343941 !important; font-size: 17px !important; font-weight: 600;
  min-height: 44px; display: inline-flex; align-items: center;
}
body.forje-readable .nav-links { gap: 24px; }
body.forje-readable :is(.hamburger,.nav-menu-btn) { color: #24282e !important; min-width: 48px; }
body.forje-readable :is(.hero-glow,.hero-vignette,.dots,.hero > .hero-grid:not(:has(*))) { display: none; }
body.forje-readable :is(.v2-hero,.hero) { background-color: #dedfe1 !important; }
body.forje-readable :is(.v2-band,.v2-band.light,.paper,main) { background-color: #dedfe1; color: #24282e; }
body.forje-readable :is(.v2-card,.v2-step,.v2-use,.v2-mini-card,.v2-faq,.v2-feature,.v2-photo-strip,.product-option,.product-logo-addon,.section-block,.step-block,.order-card,.card,.next-item,.dash-card) {
  background: #e9eaec !important; border-color: #bfc2c7 !important; box-shadow: 0 4px 18px rgba(36,35,31,.04) !important;
}
body.forje-readable :is(.v2-caption,.v2-product-visual,.v2-display-caption,.v2-profile-copy,.dashboard-preview-pill) { background: #d3d5d8 !important; color: var(--muted) !important; }
body.forje-readable :is(.v2-section-head p,.v2-list li,.v2-card p,.v2-step p,.v2-mini-card p,.v2-faq p,.v2-proof-row,.v2-price small,.v2-caption,.v2-caption span) {
  color: var(--muted) !important; font-size: 18px !important; line-height: 1.6;
}
body.forje-readable .v2-proof-row span { background: #e9eaec !important; border-color: #bfc2c7 !important; }
body.forje-readable :is(.v2-band,.v2-band.light) { border-top-color: #bfc2c7; }
body.forje-readable :is(.footer,footer) { background: #d3d5d8 !important; border-color: #bfc2c7 !important; color: var(--muted) !important; }
body.forje-readable :is(.footer a,footer a,.footer-copy,.footer-links,.sub-link) { color: #343941 !important; font-size: 16px !important; }
body.forje-readable :is(.hero h1 .dim,.v2-hero h1 .dim) { color: var(--muted) !important; }
body.forje-readable :is(.hero-product-photo,.v2-product-visual,.product-entry-media,.dashboard-preview-card,.media-card) { box-shadow: 0 10px 32px rgba(36,35,31,.08) !important; }
body.forje-readable :is(.v2-section-head h2,.section-title) { line-height: 1.2 !important; }
body.forje-readable .v2-section-head { align-items: flex-start; }
body.forje-readable .v2-section-head p { max-width: 440px; }
body.forje-readable :is(h1 span,.v2-hero h1 span,.v2-price,.product-option-price) { color: #343941 !important; }
body.forje-readable :is(.product-option-price,.v2-price,.price-amt,.stat-val,.modern-stage-heading > div:not(.eyebrow)) { font-family: "DM Sans",system-ui,sans-serif !important; }
body.forje-readable .v2-carousel-dot { min-height: 24px; min-width: 24px; width: 24px; height: 24px; border-radius: 50%; }
body.forje-readable .v2-carousel-dot.is-active { background: #d8ae43 !important; width: 24px; }
body.forje-readable .v2-hero :is(h1,.v2-lede,.hero-actions) { animation: none !important; opacity: 1 !important; transform: none !important; }
body.forje-readable .v2-process-num { color: #24282e !important; }
body.forje-readable .v2-callout > span { color: #343941 !important; }
body.forje-readable .v2-options-showcase { background: #e9eaec !important; }
body.forje-readable .v2-options-showcase :is(strong,figcaption) { color: #24282e !important; font-family: "DM Sans",system-ui,sans-serif; }
body.forje-readable .v2-final h2 { color: #24282e !important; }
body.forje-readable #demo .v2-lede { font-size: 18px !important; }
body.forje-readable .media-caption span { color: #484d54 !important; }
body.forje-readable.forje-page-teams button[style*="var(--accent)"][style*="#080806"] { color: #24282e !important; }
/* Ordering: one clear step at a time, quieter panels, and large readable labels. */
body.forje-readable .page-wrap { padding-top: 76px; }
body.forje-readable :is(.form-side,.product-entry,.product-option,.field,.f-g,.f-row > *) { min-width: 0; }
body.forje-readable .form-side { width: 100%; }
body.forje-readable :is(.product-entry-sub,.product-option p,.hint) { overflow-wrap: anywhere; }
body.forje-readable #step-4-content div[style*="Syne"] { font-family: "DM Sans",system-ui,sans-serif !important; }
body.forje-readable.forje-modern-start.product-picked { background: #dedfe1 !important; }
body.forje-readable :is(.builder-flow .page-head,.builder-flow .sec-wrap,.builder-flow .sec-head,.builder-flow .sec-head:hover,.builder-flow .sec-body,.photo-zone,.flat-sec.modern-choice,.modern-step-note,.modern-outcome,.modern-advanced,.optional-pack,.physical-design-block,.order-summary-card,.shipping-card,.checkout-card,.section-body,.photo-editor,.banner-editor) {
  background: #e9eaec !important; border-color: #bfc2c7 !important; box-shadow: none !important;
}
body.forje-readable :is(.builder-flow .page-head:after,.builder-flow:before) { display: none !important; }
body.forje-readable :is(.sec-head,.section-header,.modern-choice-head,summary) { min-height: 56px; }
body.forje-readable :is(.sec-head-label,.section-header .section-title,.modern-choice-copy strong,.step-title) { font-size: 19px !important; font-weight: 650; }
body.forje-readable :is(.modern-choice-copy small,.modern-stage-heading > div:nth-child(3),.modern-step-note,.modern-outcome span,.product-option p,.product-option li) { font-size: 17px !important; color: var(--muted) !important; line-height: 1.55 !important; }
body.forje-readable :is(.modern-choice-icon,.modern-stage-marker,.modern-note-icon,.modern-head-mark) { background: #e4dcc8 !important; color: #343941 !important; border-color: #bfc2c7 !important; }
body.forje-readable .step-indicator { background: #d3d5d8 !important; border-color: #bfc2c7 !important; box-shadow: none !important; }
body.forje-readable .step-pill { color: #484d54 !important; min-height: 64px; white-space: normal; }
body.forje-readable :is(.step-pill,.step-content.active) { transition: none !important; animation: none !important; }
body.forje-readable .step-pill.active { background: #e4dcc8 !important; border: 2px solid #d8ae43 !important; color: #24282e !important; }
body.forje-readable .step-pill.done { background: #e9eaec !important; color: #24282e !important; }
body.forje-readable .step-pill .step-num { color: #24282e !important; background: #c5c8cd !important; }
body.forje-readable .step-pill .step-num { opacity: 1 !important; }
body.forje-readable .step-pill.active .step-num,body.forje-readable .step-pill.done .step-num { background: #d8ae43 !important; color: #24282e !important; }
body.forje-readable :is(.modern-pill-copy strong,.modern-pill-copy small) { font-size: 16px !important; white-space: normal; overflow: visible; }
body.forje-readable .modern-pill-copy strong { display: block !important; }
body.forje-readable .modern-pill-copy::after { display: none !important; }
body.forje-readable .checkout-bar .btn-order { font-size: 17px !important; }
body.forje-readable :is(.f-row,.field-grid,.field-row,.icon-grid) { gap: 16px; }
body.forje-readable .product-entry-media { max-height: 220px; }
body.forje-readable .product-entry-title { font-size: clamp(32px,4vw,48px) !important; }
body.forje-readable .product-option h2 { font-size: 25px !important; }
body.forje-readable .product-option p { min-height: 0 !important; }
body.forje-readable .product-option-grid { align-items: stretch; }
body.forje-readable .product-option { padding: 24px !important; gap: 16px; }
body.forje-readable :is(.product-option-price small,.product-logo-addon p) { font-size: 17px !important; color: var(--muted) !important; }
body.forje-readable .product-logo-addon strong { font-family: "DM Sans",sans-serif; }
body.forje-readable :is(.photo-zone,.logo-zone) { border-color: #7a818b !important; }
body.forje-readable :is(.physical-design-choice,.stock-design-tile,.finish-chip,.puck-color-card) { border-color: #7a818b; }
body.forje-readable :is(.physical-design-choice.selected,.stock-design-tile.selected,.finish-chip.sel,.puck-color-card.selected) { border: 2px solid #d8ae43 !important; background: #e4dcc8 !important; }
body.forje-readable :is(.checkout-bar,.bottom-bar) { background: #e9eaec !important; border-top: 1px solid #a5aab1 !important; box-shadow: 0 -6px 22px rgba(36,35,31,.06) !important; }
body.forje-readable :is(.preview-panel,.preview-side) { background: #d3d5d8 !important; }
body.forje-readable :is(.preview-label,.preview-hint) { color: #484d54 !important; font-size: 16px !important; }
body.forje-readable .login-preview-shell { gap: 32px; }
body.forje-readable .login-title { font-family: "DM Sans",sans-serif; line-height: 1.2; }
body.forje-readable .dashboard-preview-head { flex-wrap: wrap; }
body.forje-readable .dash-tabs { max-width: 100%; flex-wrap: wrap; }
body.forje-readable .dash-main { min-width: 0; }
body.forje-readable .profile-btns { flex-wrap: wrap; }
body.forje-readable .profile-header { flex-wrap: wrap; }
body.forje-readable .num { background: #d8ae43 !important; color: #24282e !important; }
body.forje-readable :is(.privacy,.works,.tiny-help,.ux-inline-note,.ux-after-pay,.design-contrast-note) { background: #e4dcc8 !important; color: #484d54 !important; border-color: #bfc2c7 !important; }
body.forje-readable :is(.hint,.support,.step p,.next-item p,.card-copy,.privacy) { color: var(--muted) !important; }
body.forje-readable .forje-readable-opaque { opacity: 1 !important; }
body.forje-readable .checkout-theme-preview strong { font-size: 16px !important; }
body.forje-readable .sum-val[style*="4ade80"] { color: #176337 !important; }
body.forje-readable :is(.step-heading,.review-title) { font-family: "DM Sans",system-ui,sans-serif !important; }
body.forje-readable .forje-skip-link {
  position: fixed; top: 8px; left: 12px; z-index: 10000; transform: translateY(-160%);
  background: #e9eaec; color: #24282e; border: 2px solid #165bb5; border-radius: 8px;
  padding: 12px 18px; font-size: 18px; font-weight: 650;
}
body.forje-readable .forje-skip-link:focus { transform: translateY(0); }
@media (max-width: 920px) {
  body.forje-readable .v2-section-head { display: grid; gap: 16px; }
  body.forje-readable .nav-links { gap: 16px; }
}
@media (max-width: 960px) {
  body.forje-readable .checkout-bar { flex-wrap: wrap; }
  body.forje-readable .checkout-bar .preview-fab { position: static; width: 100%; justify-content: center; order: -1; border-radius: 10px; box-shadow: none; }
}
@media (max-width: 700px) {
  body.forje-readable.forje-page-teams [id^="frow-"] > div:has(button) { flex-wrap: wrap; flex-shrink: 1 !important; }
  body.forje-readable nav { padding-inline: 16px; }
  body.forje-readable .nav-links { top: 72px; background: #e9eaec !important; border-color: #bfc2c7 !important; }
  body.forje-readable .nav-links a { width: 100%; min-height: 52px; padding-inline: 8px; }
  body.forje-readable :is(.nav-links li:has(.nav-cta),.nav-links .nav-cta) { width: 100%; }
  body.forje-readable :is(.v2-hero h1,.hero h1) { font-size: clamp(34px,9vw,46px) !important; }
  body.forje-readable .v2-band { padding-block: 48px; }
  body.forje-readable .v2-proof-row { gap: 8px; }
  body.forje-readable .v2-hero { padding-top: 106px !important; }
  body.forje-readable .hero-actions { gap: 12px; }
  body.forje-readable .step-indicator { gap: 6px !important; grid-template-columns: 1fr 1fr !important; }
  body.forje-readable .step-pill { padding: 9px !important; min-height: 58px; }
  body.forje-readable .step-pill .step-num { display: flex !important; }
  body.forje-readable .modern-pill-copy small { display: none; }
  body.forje-readable :is(.modern-stage-heading,.physical-design-head) { display: block !important; }
  body.forje-readable .modern-stage-heading > div { margin-bottom: 8px; }
  body.forje-readable .physical-design-choice > span:not(.design-price) { display: block !important; }
  body.forje-readable .checkout-bar { padding: 12px 14px !important; flex-wrap: wrap; gap: 8px; }
  body.forje-readable.forje-modern-start .checkout-bar .co-info { display: none; }
  body.forje-readable .modern-checkout-actions { width: 100%; justify-content: space-between; }
  body.forje-readable .sticky-back-btn { width: auto !important; border-radius: 12px; padding: 0 14px !important; }
  body.forje-readable .sticky-back-label { display: inline !important; }
  body.forje-readable .btn-order { flex: 1; justify-content: center; white-space: normal !important; }
  body.forje-readable .form-side { padding-bottom: 170px !important; }
  body.forje-readable .product-logo-addon { align-items: flex-start; }
  body.forje-readable .login-preview-shell { width: calc(100% - 32px); padding-inline: 0; grid-template-columns: 1fr; }
  body.forje-readable .dashboard-preview-card { padding: 12px; }
  body.forje-readable .dashboard-preview-copy { text-align: left; }
  body.forje-readable .profile-info { flex-basis: 65%; }
  body.forje-readable .profile-name { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.forje-readable) { scroll-behavior: auto !important; }
  body.forje-readable *,body.forje-readable *::before,body.forje-readable *::after { animation: none !important; transition: none !important; }
}

/* Forje brand palette: softened gray surfaces, original gold, dark legible type. */
body.forje-readable .forje-readable-gold-text { color: #343941 !important; }
body.forje-readable :is(.v2-band,.v2-options-showcase,.v2-final) { background: #dedfe1 !important; }
body.forje-readable :is(.v2-band.light,.v2-callout,.v2-logo-addon) { background: #e9eaec !important; }
body.forje-readable a:not([class*="btn"]):not(.nav-cta):not(.nav-logo):not(.logo) { color: #343941; }
body.forje-readable :is(.t-pat-btn.sel,.success-icon,.btn,.profile-btn-primary) { color: #24282e !important; }
body.forje-readable #sig-card-link { color: #24282e !important; }
body.forje-readable :is(.btn-primary,.login-btn) :not(svg):not(path) { color: #24282e !important; }
body.forje-readable :is(.photo-crop-stage,.banner-crop-stage) { background: #d3d5d8 !important; }
body.forje-readable .forje-wordmark > span:last-child { color: #d8ae43 !important; }
body.forje-readable :is(.nav-logo,.logo,.forje-brand) svg path { fill: #d8ae43; }
body.forje-readable .v2-hero h1 span { color: #9f740e !important; background: transparent; padding-inline: 0; border-radius: 0; -webkit-text-stroke: 0; font-family: inherit !important; font-style: normal; font-weight: inherit; }
body.forje-readable :is(.eyebrow,.hero-eyebrow,.v2-eyebrow,.card-kicker,.product-option-kicker) { border-left: 4px solid #d8ae43; padding-left: 10px; }
body.forje-readable :is(.v2-callout,.v2-step,.product-option) { border-top: 3px solid #d8ae43 !important; }
body.forje-readable :is(.btn-gold,.btn-primary,.button,.login-btn,.btn-order,.product-option-action.primary,.nav-cta,.btn-exchange) { color: #24282e !important; }

/* Richer gold details without blocks behind the headline. */
body.forje-readable :is(.v2-hero h1 span,h1 span) { background: transparent !important; box-shadow: none !important; }
body.forje-readable :is(.btn-gold,.btn-primary,.login-btn,.btn-order,.product-option-action.primary,.nav-cta) { background: linear-gradient(135deg,#e5c064,#d4a538) !important; border: 1px solid #ac7f20 !important; }
body.forje-readable :is(.v2-callout,.v2-step,.product-option,.v2-card,.v2-faq,.dash-card) { border-color: #c8ad6b !important; border-top: 4px solid #d8ae43 !important; }
body.forje-readable :is(.v2-callout > span,.product-option-kicker,.v2-photo-kicker,.dashboard-preview-label) { display: inline-block; background: #ead69e; color: #343941 !important; padding: 4px 10px; border-radius: 5px; }
body.forje-readable :is(.product-logo-addon,.v2-logo-addon,.modern-step-note,.design-contrast-note,.tiny-help,.works) { background: #e8ddbd !important; border-color: #c8ad6b !important; }
body.forje-readable :is(.v2-section-head h2,.section-head h2,.product-entry-title) { border-bottom: 3px solid #d8ae43; padding-bottom: 12px; }

/* A quiet white / cream / gray rhythm, with solid ordinary sans-serif headings.
   This layer is never loaded by customer public cards or production/admin tools. */
:root:has(body.forje-readable) {
  --surface: #f3f2ee !important;
  --surface2: #e0e1e3 !important;
  --surface3: #eee6d6 !important;
}
body.forje-readable :is(.v2-hero h1,.hero h1) {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important; font-style: normal !important;
  -webkit-text-stroke: 0 !important; text-shadow: none !important;
}
body.forje-readable :is(h1 span,h2 span,h3 span) {
  font-family: inherit !important; font-style: normal !important;
  -webkit-text-stroke: 0 !important; text-shadow: none !important;
}
body.forje-readable :is(nav,.nav-links,.v2-card,.v2-step,.v2-use,.v2-mini-card,.v2-faq,.v2-feature,.product-option,.dash-card,.order-card,.card,.next-item,.checkout-bar,.bottom-bar) {
  background-color: #f3f2ee !important;
}
body.forje-readable #how { background: #f3f2ee !important; }
body.forje-readable #options { background: #eee6d6 !important; }
body.forje-readable #finishes { background: #dedfe1 !important; }
body.forje-readable #demo { background: #f3f2ee !important; }
body.forje-readable #faq { background: #eee6d6 !important; }
body.forje-readable .v2-final { background: #dedfe1 !important; }
body.forje-readable :is(.v2-options-showcase,.v2-photo-strip,.v2-caption,.v2-display-caption,.v2-profile-copy) { background: #e5e6e8 !important; }
body.forje-readable :is(.product-entry,.login-preview-shell,.content,.wrap,.paper) { background-color: transparent; }
body.forje-readable :is(.builder-flow .sec-wrap,.builder-flow .sec-head,.builder-flow .sec-body,.section-block,.section-body,.flat-sec.modern-choice,.optional-pack,.physical-design-block,.shipping-card,.checkout-card,.photo-zone,.photo-editor,.banner-editor) {
  background-color: #f3f2ee !important;
}
body.forje-readable :is(.product-entry-head,.builder-flow .page-head,.dashboard-preview-copy,.order-summary-card,.step-indicator,.preview-panel,.preview-side) {
  background-color: #e0e1e3 !important;
}
body.forje-readable :is(input,textarea,select):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]) { background-color: #f7f6f2 !important; }
body.forje-readable :is(.btn-outline,.btn-secondary,.btn-ghost,.product-option-action:not(.primary),.sticky-back-btn) { background: #f3f2ee !important; }
body.forje-readable :is(footer,.footer) { background: #d5d7da !important; }

/* Cream fields stand apart from gray panels; helper copy has its own space. */
body.forje-readable :is(input,textarea,select):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]) {
  background: #eee4cf !important; border: 1px solid #9c8c6b !important;
}
body.forje-readable :is(.icon-wrap,.join-icon-input,.photo-zone,.logo-zone,.banner-fit-panel,#builder-flow .photo-zone,#builder-flow .logo-zone,#builder-flow .banner-fit-panel) {
  background: #eee4cf !important; border-color: #9c8c6b !important;
}
body.forje-readable :is(.modern-design-help,.v2-design-help) {
  margin: 0 !important; padding: 14px 16px !important;
  font-size: 17px !important; line-height: 1.6 !important;
  position: relative; background: inherit; border: 0 !important;
}
body.forje-readable :is(#sec-style,#sec-cover):has(> .modern-design-help,> .v2-design-help) > :is(.sec-head,.sec-body) {
  border-top: 0 !important; border-bottom: 0 !important;
}
body.forje-readable #sec-cover .sec-body { padding-top: 14px !important; }
body.forje-readable #sec-cover .photo-zone img.show {
  width: 100%; height: 150px; max-width: 100%; object-fit: contain;
  border-radius: 8px; margin: 0 auto 12px;
}
body.forje-readable .preview-modal { background: rgba(238,230,214,.98) !important; }
body.forje-readable .preview-modal-title { color: var(--text) !important; }

/* One Connect-style panel system. Contrast comes from the page, panels, and fields,
   not alternating cream and gray form sections. Public card iframes are untouched. */
:root:has(body.forje-readable:is(.forje-page-start,.forje-page-start-v2,.forje-page-account,.forje-page-account-v2,.forje-page-claim,.forje-page-join,.forje-page-teams)) {
  --bg: #c9cdd2 !important;
  --surface: #e9eaec !important;
  --surface2: #e9eaec !important;
  --surface3: #e9eaec !important;
}
html:has(body.forje-readable:is(.forje-page-start,.forje-page-start-v2,.forje-page-account,.forje-page-account-v2,.forje-page-claim,.forje-page-join,.forje-page-teams)),
body.forje-readable:is(.forje-page-start,.forje-page-start-v2,.forje-page-account,.forje-page-account-v2,.forje-page-claim,.forje-page-join,.forje-page-teams),
body.forje-readable.forje-modern-start.product-picked {
  background: #c9cdd2 !important;
}
body.forje-readable #builder-flow :is(.sec-wrap,.sec-head,.sec-head:hover,.sec-body,.page-head,.flat-sec.modern-choice,.modern-choice-head,.modern-choice-body,.optional-pack,.physical-design-block,.order-summary-card,.shipping-card,.checkout-card) {
  background: #e9eaec !important; border-color: #bfc2c7 !important;
}
body.forje-readable :is(.dash-main,.dash-body,#page-dashboard) :is(.section-block,.section-header,.section-body,.optional-pack,.shipping-card,.checkout-card) {
  background: #e9eaec !important; border-color: #bfc2c7 !important;
}
body.forje-readable :is(.modern-design-help,.v2-design-help) { background: #e9eaec !important; }
body.forje-readable :is(.forje-skip-link,.preview-panel,.preview-side) { background-color: #d7dbe0 !important; }

/* Darker structural accents reduce glare without darkening the cream fields.
   The form shell is shared; existing profile iframe colors stay independent. */
:root:has(body.forje-readable:is(.forje-page-start,.forje-page-start-v2,.forje-page-account,.forje-page-account-v2,.forje-page-claim,.forje-page-join,.forje-page-teams)) {
  --bg: #b6bdc5 !important;
  --muted: #414750 !important;
}
html:has(body.forje-readable:is(.forje-page-start,.forje-page-start-v2,.forje-page-account,.forje-page-account-v2,.forje-page-claim,.forje-page-join,.forje-page-teams)),
body.forje-readable:is(.forje-page-start,.forje-page-start-v2,.forje-page-account,.forje-page-account-v2,.forje-page-claim,.forje-page-join,.forje-page-teams),
body.forje-readable.forje-modern-start.product-picked { background: #b6bdc5 !important; }
body.forje-readable #builder-flow :is(.sec-wrap,.sec-body,.flat-sec.modern-choice,.modern-choice-body,.flat-sec.v2-choice,.v2-choice-body,.physical-design-block,.order-summary-card,.shipping-card,.checkout-card),
body.forje-readable :is(.dash-main,.dash-body,#page-dashboard) :is(.section-block,.section-body,.shipping-card,.checkout-card) {
  background: #dde0e4 !important; border-color: #939da8 !important;
}
body.forje-readable #builder-flow .modern-choice:is([data-modern-choice="music"],[data-modern-choice="payment"],[data-modern-choice="optional profile details"]) > .modern-choice-body,
body.forje-readable #builder-flow .v2-choice:is([data-v2-choice="music"],[data-v2-choice="payment"],[data-v2-choice="optional profile details"]) > .v2-choice-body {
  background: #cdd3da !important;
}
body.forje-readable #builder-flow :is(.modern-choice-body,.v2-choice-body) { padding-top: 16px !important; }
body.forje-readable #builder-flow :is(.sec-head,.sec-head:hover,.modern-choice-head,.v2-choice-head),
body.forje-readable :is(.dash-main,.dash-body,#page-dashboard) .section-header {
  --text: #f7f6f2; --muted: #e2e5e9;
  background: #49525d !important; color: #f7f6f2 !important;
  border-color: #65717e !important;
}
body.forje-readable #builder-flow :is(.sec-head,.modern-choice-head,.v2-choice-head) :is(.sec-head-label,.modern-choice-copy,.v2-choice-copy,strong,small),
body.forje-readable :is(.dash-main,.dash-body,#page-dashboard) .section-header :is(.section-title,.section-tag,small) {
  color: #f7f6f2 !important;
}
body.forje-readable #builder-flow :is(.optional-pack,.modern-design-help,.v2-design-help),
body.forje-readable :is(.dash-main,.dash-body,#page-dashboard) .optional-pack {
  background: #cdd3da !important; border-color: #939da8 !important;
}
body.forje-readable :is(.preview-panel,.preview-side) { background: #c5cbd2 !important; }

/* A single field outline, generous inset, and a legible platform icon. */
body.forje-readable :is(input[type="text"],input[type="url"],input[type="tel"],input[type="email"],input[type="password"],input[type="search"],input:not([type]),textarea) {
  padding: 14px 16px !important; box-sizing: border-box;
}
body.forje-readable :is(.icon-wrap,.join-icon-input) {
  padding: 6px 16px !important; gap: 16px !important;
  min-height: 62px; border-radius: 12px;
}
body.forje-readable :is(.icon-wrap,.join-icon-input) > svg {
  width: 28px !important; height: 28px !important; flex: 0 0 28px;
}
body.forje-readable .join-field-icon { width: 28px; flex: 0 0 28px; }
body.forje-readable .join-field-icon svg { width: 28px !important; height: 28px !important; }
body.forje-readable :is(.icon-wrap,.join-icon-input) input:not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]) {
  background: transparent !important; border: 0 !important;
  padding: 12px 0 !important; border-radius: 0; min-width: 0;
}
body.forje-readable :is(.icon-wrap,.join-icon-input):focus-within {
  border-color: #9f740e !important; box-shadow: 0 0 0 2px #d8ae43 !important;
}
body.forje-readable :is(.modern-choice-icon,.modern-stage-marker,.modern-note-icon) svg {
  width: 26px !important; height: 26px !important;
}
body.forje-readable .modern-stage-marker { width: 40px; height: 40px; }
body.forje-readable :is(.modern-choice-chevron,.v2-choice-chevron) { color: #f0ca70 !important; }
body.forje-readable :is(.v2-choice-icon,.v2-stage-marker) { background: #e4dcc8 !important; color: #343941 !important; font-size: 26px; }
body.forje-readable .v2-choice-copy strong { font-size: 19px !important; }
body.forje-readable #builder-flow button[style*="color:var(--bg)"] { color: #24282e !important; }
body.forje-readable #builder-flow .extra-link-example { background: #cdd3da !important; }
body.forje-readable #resume-drop-label { color: #24282e !important; }
body.forje-readable .icon-wrap:has(input[id$="snapchat"]) > svg { stroke: #736200 !important; }
body.forje-readable .icon-wrap:has(input[id$="bandcamp"]) > svg { stroke: #856113 !important; }
body.forje-readable .icon-wrap:has(input[id$="threads"]) > svg { stroke: #24282e !important; }
@media (max-width: 600px) {
  body.forje-readable .icon-grid { grid-template-columns: minmax(0,1fr) !important; }
}