/* Build CTO components used by the teaser.
   Extracted verbatim from the design system bundle (_ds_bundle.js):
   Wordmark (components/core/Wordmark.jsx), Button (components/core/Button.jsx),
   Field + .bc-control (components/forms/Field.jsx, consumed by Input). */

/* Build CTO wordmark — pure type treatment (no logo artwork exists; see readme "No logo"). */
.bc-wordmark{display:inline-flex;align-items:center;gap:.34em;text-decoration:none;white-space:nowrap}
.bc-wordmark__name{font-family:var(--font-display,'Schibsted Grotesk',Arial,sans-serif);font-weight:800;letter-spacing:-0.025em;color:var(--bc-carbon-950,#161613)}
.bc-wordmark--ondark .bc-wordmark__name{color:var(--bc-paper,#F5F5F0)}
.bc-wordmark__chip{display:inline-grid;place-content:center;background:var(--bc-lime,#C8F135);color:var(--bc-carbon-950,#161613);font-family:var(--font-display,'Schibsted Grotesk',Arial,sans-serif);font-weight:800;letter-spacing:0.01em}

/* Build CTO button — square-cornered, mechanical. Press = translateY(1px). */
.bc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;box-sizing:border-box;border:none;border-radius:var(--radius-0,0);cursor:pointer;text-decoration:none;font-family:var(--font-body,'IBM Plex Sans',Arial,sans-serif);font-weight:var(--weight-semibold,600);line-height:1;white-space:nowrap;transition:background var(--dur-tap,90ms) var(--ease-mech,ease),color var(--dur-tap,90ms) var(--ease-mech,ease),border-color var(--dur-tap,90ms) var(--ease-mech,ease),transform var(--dur-tap,90ms) var(--ease-mech,ease)}
.bc-btn:active:not([disabled]){transform:translateY(1px)}
.bc-btn:focus-visible{outline:2px solid var(--focus-ring,#161613);outline-offset:2px}
.bc-btn[disabled]{opacity:.4;cursor:not-allowed}
.bc-btn--sm{padding:9px 14px;font-size:13px}
.bc-btn--md{padding:12px 20px;font-size:15px}
.bc-btn--lg{padding:15px 28px;font-size:16px}
.bc-btn--primary{background:var(--interactive,#C8F135);color:var(--text-on-accent,#161613)}
.bc-btn--primary:hover:not([disabled]){background:var(--interactive-hover,#D4F94E)}
.bc-btn--primary:active:not([disabled]){background:var(--interactive-press,#AFD91F)}
.bc-btn--secondary{background:var(--bc-white,#fff);color:var(--bc-carbon-950,#161613);border:1px solid var(--border-strong,#161613);padding-top:11px;padding-bottom:11px}
.bc-btn--secondary.bc-btn--sm{padding-top:8px;padding-bottom:8px}
.bc-btn--secondary.bc-btn--lg{padding-top:14px;padding-bottom:14px}
.bc-btn--secondary:hover:not([disabled]){background:var(--bc-paper,#F5F5F0)}
.bc-btn--dark{background:var(--bc-carbon-950,#161613);color:var(--bc-paper,#F5F5F0)}
.bc-btn--dark:hover:not([disabled]){background:var(--bc-carbon-800,#2B2B26)}
.bc-btn--ghost{background:transparent;color:var(--bc-carbon-950,#161613);text-decoration:underline;text-decoration-color:var(--bc-lime,#C8F135);text-decoration-thickness:2px;text-underline-offset:3px}
.bc-btn--ghost:hover:not([disabled]){background:var(--bc-lime,#C8F135)}
.bc-btn--onDark{background:var(--bc-paper,#F5F5F0);color:var(--bc-carbon-950,#161613)}
.bc-btn--onDark:hover:not([disabled]){background:var(--bc-white,#fff)}

/* Build CTO field chrome — shared label/hint/error wrapper + .bc-control styles. */
.bc-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-body,'IBM Plex Sans',Arial,sans-serif)}
.bc-field>label{font-size:13px;font-weight:var(--weight-semibold,600);color:var(--bc-carbon-950,#161613)}
.bc-field .bc-field__req{color:var(--bc-carbon-500,#6B6B61)}
.bc-field .bc-field__hint{font-size:12px;color:var(--text-muted,#6B6B61)}
.bc-field .bc-field__error{font-size:12px;font-weight:600;color:var(--bc-danger,#BE3421)}
.bc-control{box-sizing:border-box;width:100%;border-radius:var(--radius-0,0);border:1px solid var(--border-hairline,#DEDED6);background:var(--bc-white,#fff);color:var(--bc-carbon-950,#161613);font-family:inherit;font-size:14px;line-height:1.4;padding:10px 12px;transition:border-color var(--dur-tap,90ms) var(--ease-mech,ease)}
.bc-control::placeholder{color:var(--bc-carbon-400,#93938A)}
.bc-control:hover{border-color:var(--bc-carbon-400,#93938A)}
.bc-control:focus{outline:2px solid var(--focus-ring,#161613);outline-offset:-1px;border-color:var(--border-strong,#161613)}
.bc-control[aria-invalid="true"]{border-color:var(--bc-danger,#BE3421)}
.bc-control--mono{font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:13px;font-variant-numeric:tabular-nums}
select.bc-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23161613' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}