/* Scoped component styles. Lettery remains the global design system. */
#ic-sba { --ic-sba-ink:#263238; --ic-sba-paper:#ffffff; --ic-sba-cloud:#f7f7f3; --ic-sba-ground:#f2f0ea; --ic-sba-hero:#e9e8e1; --ic-sba-principle:#f0dfd3; --ic-sba-start:#e9ece8; --ic-sba-line:#cad0cd; --ic-sba-accent:#b57856; --ic-sba-label:#714830; --ic-sba-muted:#5e676b; --ic-sba-error:#b42318; --ic-sba-error-bg:#fef3f2; color:var(--ic-sba-ink); color-scheme:light; font-family:inherit; container:ic-sba / inline-size; min-width:0; }
#ic-sba *, #ic-sba *::before, #ic-sba *::after { box-sizing:border-box; }
#ic-sba h2, #ic-sba h3, #ic-sba p, #ic-sba li { color:inherit; }
#ic-sba h2 { font-size:clamp(2rem,4vw,4rem); letter-spacing:-.04em; line-height:1.03; margin:0; max-width:14ch; }
#ic-sba h3 { font-size:1.15rem; line-height:1.2; margin:0 0 .6rem; }
#ic-sba p { font-size:1rem; line-height:1.65; margin:0; }
#ic-sba .ic-sba__eyebrow { color:var(--ic-sba-accent); font-size:.75rem; font-weight:800; letter-spacing:.12em; line-height:1.3; margin:0 0 1rem; text-transform:uppercase; }
#ic-sba .ic-sba__hero { --ic-hero-ink:var(--ic-sba-ink); --ic-hero-muted:var(--ic-sba-muted); --ic-hero-line:var(--ic-sba-line); --ic-hero-accent:var(--ic-sba-label); background:var(--ic-sba-hero); color:var(--ic-hero-ink); display:grid; align-items:center; gap:2rem; grid-template-columns:minmax(0,1fr); margin:0; padding:clamp(2.5rem,5vw,5rem); padding:clamp(2.5rem,6cqi,5rem); }
#ic-sba .ic-sba__hero-copy, #ic-sba .ic-sba__visual { min-width:0; }
#ic-sba .ic-sba__hero .ic-sba__eyebrow { color:var(--ic-hero-accent); letter-spacing:.1em; margin-bottom:1.5rem; }
#ic-sba .ic-sba__hero .ic-sba__eyebrow > span { margin:0 .5em; color:#b57856; }
#ic-sba .ic-sba__hero h2 { color:var(--ic-hero-ink); font-size:clamp(2.25rem,5vw,4.25rem); font-size:clamp(2.25rem,1.5rem + 3.5cqi,4.25rem); max-width:17ch; line-height:1.08; letter-spacing:-.035em; overflow-wrap:normal; word-break:normal; text-wrap:balance; }
#ic-sba .ic-sba__lead { color:var(--ic-hero-muted); font-size:1.125rem; margin-top:1.5rem; max-width:44ch; line-height:1.6; }
#ic-sba .ic-sba__hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:1rem 1.5rem; margin-top:2rem; }
#ic-sba .ic-sba__hero .ic-sba__button { background:#263238; border:1px solid #263238; border-radius:99px; color:#fff!important; display:inline-flex; align-items:center; justify-content:center; min-height:48px; font-size:1rem; line-height:1.4; font-weight:600; padding:.85rem 1.5rem; text-decoration:none; text-align:center; }
#ic-sba .ic-sba__hero .ic-sba__button:hover, #ic-sba .ic-sba__hero .ic-sba__button:focus { background:#fff; border-color:#263238; color:#263238!important; }
#ic-sba .ic-sba__hero .ic-sba__text-link { color:var(--ic-hero-ink)!important; display:inline-flex; align-items:center; min-height:48px; font-size:1rem; line-height:1.4; font-weight:600; text-decoration:underline; text-underline-offset:.3em; }
#ic-sba .ic-sba__text-link span { margin-left:.35em; }
#ic-sba .ic-sba__visual { width:100%; max-width:440px; margin:0 auto; }
#ic-sba .ic-sba__visual svg { display:block; width:100%; height:auto; overflow:visible; }
#ic-sba .ic-sba__connections { fill:none; stroke:var(--ic-hero-line); stroke-width:1; }
#ic-sba .ic-sba__visual .ic-sba__orbit { fill:none; stroke:var(--ic-hero-line); stroke-dasharray:2 6; }
#ic-sba .ic-sba__orbit--inner { opacity:.55; }
#ic-sba .ic-sba__nodes circle { fill:var(--ic-hero-ink); }
#ic-sba .ic-sba__visual .ic-sba__owner-ring { fill:none; stroke:#b57856; stroke-width:1; }
#ic-sba .ic-sba__owner { fill:#b57856; }
#ic-sba .ic-sba__node-labels { fill:var(--ic-hero-ink); font-family:inherit; font-size:16px; font-weight:500; letter-spacing:0; }
#ic-sba .ic-sba__visual figcaption { color:var(--ic-hero-muted); font-size:.875rem; line-height:1.5; text-align:center; margin-top:.5rem; }
#ic-sba .ic-sba__section { margin:0; padding:clamp(2.8rem,5vw,5rem); background:var(--ic-sba-ground); }
#ic-sba .ic-sba__section > p:not(.ic-sba__eyebrow) { margin-top:1.2rem; max-width:64ch; }
#ic-sba .ic-sba__section--principle { background:var(--ic-sba-principle); color:#263238; }
#ic-sba .ic-sba__section--principle .ic-sba__eyebrow { color:#593827; }
#ic-sba .ic-sba__section--principle h2 { max-width:16ch; }
#ic-sba .ic-sba__steps { counter-reset:ic-sba-step; display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:2rem 0 0; padding:0; }
#ic-sba .ic-sba__steps li { background:var(--ic-sba-paper); border:1px solid var(--ic-sba-line); border-radius:8px; min-height:205px; padding:1.5rem; list-style:none; }
#ic-sba .ic-sba__steps li::before { content:none!important; }
#ic-sba .ic-sba__steps span { color:var(--ic-sba-accent); display:block; font-size:.82rem; font-weight:800; letter-spacing:.08em; margin-bottom:2.5rem; }
#ic-sba .ic-sba__steps p { color:var(--ic-sba-muted); font-size:.94rem; line-height:1.55; }
#ic-sba .ic-sba__section--work { background:var(--ic-sba-cloud); }
#ic-sba .ic-sba__cards { display:grid; gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:2rem; }
#ic-sba .ic-sba__cards article { background:var(--ic-sba-paper); border:1px solid var(--ic-sba-line); border-top:3px solid var(--ic-sba-accent); border-radius:6px; padding:1.5rem; }
#ic-sba .ic-sba__cards p { color:var(--ic-sba-muted); font-size:.94rem; line-height:1.55; }
#ic-sba .ic-sba__examples { grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); }
#ic-sba .ic-sba__examples p + p { margin-top:1rem; }
#ic-sba .ic-sba__examples strong { color:var(--ic-sba-ink); }
#ic-sba .ic-sba__content-link { display:inline; color:var(--ic-sba-label); text-decoration:underline; text-underline-offset:.2em; overflow-wrap:anywhere; }
#ic-sba .ic-sba__faq { margin-top:2rem; }
#ic-sba .ic-sba__faq details { background:var(--ic-sba-paper); border:1px solid var(--ic-sba-line); border-radius:6px; padding:0 1.25rem; margin-bottom:.75rem; }
#ic-sba .ic-sba__faq summary { color:var(--ic-sba-ink); cursor:pointer; font-size:1rem; font-weight:600; line-height:1.5; min-height:48px; padding:1rem 0; }
#ic-sba .ic-sba__faq summary:focus-visible { outline:3px solid #1e6bb8; outline-offset:3px; }
#ic-sba .ic-sba__faq p { color:var(--ic-sba-muted); padding-bottom:1.25rem; }
#ic-sba .ic-sba__section--start { background:var(--ic-sba-start); color:var(--ic-sba-ink); display:grid; gap:2rem; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
#ic-sba .ic-sba__start-copy .ic-sba__eyebrow { color:var(--ic-sba-label); }
#ic-sba .ic-sba__section h2 { font-size:clamp(2rem,3.8vw,3rem); max-width:23ch; line-height:1.12; text-wrap:balance; }
#ic-sba .ic-sba__start-copy h2 { max-width:18ch; }
#ic-sba .ic-sba__start-copy > p:last-child { color:var(--ic-sba-muted); margin-top:1.2rem; }
#ic-sba .ic-sba__quick-start { background:var(--ic-sba-paper); color:var(--ic-sba-ink); padding:clamp(1.25rem,3vw,2.5rem); box-shadow:0 8px 26px #00000009; }
#ic-sba .ic-sba__quick-start .ic-qs { margin:0; }
#ic-sba .ic-sba__fallback { background:#fff7f0; border-left:4px solid var(--ic-sba-accent); color:var(--ic-sba-ink); padding:1rem; }
#ic-sba a:focus-visible, #ic-sba button:focus-visible, #ic-sba input:focus-visible, #ic-sba textarea:focus-visible { outline:3px solid #1e6bb8; outline-offset:3px; }
@media (prefers-color-scheme: dark) {
  body.ic-dark-ok #ic-sba { --ic-sba-ink:#f3f5f5; --ic-sba-paper:#344950; --ic-sba-cloud:#2f434a; --ic-sba-ground:#293d44; --ic-sba-hero:#1d2b30; --ic-sba-principle:#d5b39d; --ic-sba-start:#263b42; --ic-sba-line:#7e969c; --ic-sba-muted:#d6dfe1; --ic-sba-label:#e1b99d; --ic-sba-error:#ffd9d3; --ic-sba-error-bg:#513631; color-scheme:dark; }
}
#ic-sba .ic-sba__hero .ic-sba__button { background:var(--ic-sba-ink); border-color:var(--ic-sba-ink); color:var(--ic-sba-paper)!important; }
#ic-sba .ic-sba__hero .ic-sba__button:hover, #ic-sba .ic-sba__hero .ic-sba__button:focus { background:var(--ic-sba-paper); border-color:var(--ic-sba-ink); color:var(--ic-sba-ink)!important; }
/* The shortcode can sit in a 645px WordPress column on a 1240px desktop.
   Expand only when the component itself has room; old browsers stay stacked. */
@container ic-sba (min-width:960px) {
  #ic-sba .ic-sba__hero { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:2.5rem; min-height:520px; }
}
@container ic-sba (max-width:560px) {
  #ic-sba .ic-sba__hero { padding:2.25rem 1.25rem; }
  #ic-sba .ic-sba__visual { max-width:300px; }
  #ic-sba .ic-sba__node-labels { display:none; }
}
@media (max-width:900px) { #ic-sba .ic-sba__section--start { grid-template-columns:1fr; } #ic-sba .ic-sba__steps, #ic-sba .ic-sba__cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { #ic-sba .ic-sba__hero, #ic-sba .ic-sba__section { padding:2.25rem 1.25rem; } #ic-sba .ic-sba__steps, #ic-sba .ic-sba__cards { grid-template-columns:1fr; } #ic-sba .ic-sba__steps li { min-height:auto; } }

/* Do not nest three gutters inside a phone-width form, or let marketing h2
   typography override the question headings. 320px is the narrow baseline. */
#ic-sba .ic-sba__quick-start { min-width:0; padding:16px; border-radius:12px; }
#ic-sba { background:var(--ic-sba-paper); }
#ic-sba .ic-sba__section--principle .ic-sba__eyebrow { color:#382014; }
#ic-sba .ic-qs .ic-qs__choice { background:var(--ic-qs-warm); }
#ic-sba .ic-sba__quick-start .ic-qs { max-width:100%; padding:0 0 20px; }
#ic-sba .ic-qs .ic-qs__kicker { font-size:12px; line-height:1.5; }
#ic-sba .ic-qs .ic-qs__progress-text { font-size:13px; line-height:1.5; margin-top:8px; }
#ic-sba .ic-qs .ic-qs__screen { padding:20px 16px; margin-top:16px; }
#ic-sba .ic-qs .ic-qs__screen-title, #ic-sba .ic-qs .ic-qs__done-title { font-size:clamp(1.375rem,2.5vw,1.75rem); line-height:1.25; letter-spacing:-.02em; max-width:none; margin:0 0 12px; color:var(--ic-qs-ink); }
#ic-sba .ic-qs p, #ic-sba .ic-qs label, #ic-sba .ic-qs legend { color:var(--ic-qs-body); }
#ic-sba .ic-qs .ic-qs__choice-text { font-size:16px; line-height:1.4; color:var(--ic-qs-ink); }
#ic-sba .ic-qs input:not([type=checkbox]):not([type=radio]), #ic-sba .ic-qs textarea, #ic-sba .ic-qs select { min-width:0; width:100%; font-size:16px; }
#ic-sba .ic-qs .ic-qs__profile h3 { color:var(--ic-qs-ink); }
#ic-sba .ic-qs .ic-qs__btn--primary, #ic-sba .ic-qs .ic-qs__profile a { background:#b57856; color:#20160f; border-color:#b57856; }
@media (max-width:560px) {
  #ic-sba .ic-sba__section--start { padding:28px 12px; }
  #ic-sba .ic-sba__quick-start { padding:16px 12px; }
  #ic-sba .ic-qs .ic-qs__screen { padding:18px 0; border:0; border-top:1px solid var(--ic-sba-line); border-radius:0; box-shadow:none; }
  /* Lettery's smooth-scroll wrapper is out of normal flow. Reserve a footer
     slot for the full badge; never hide or change its verification iframe. */
  body:has(#ic-sba) { position:relative; padding-bottom:92px; }
  body:has(#ic-sba) .grecaptcha-badge { position:absolute!important; left:calc(50% - 128px)!important; right:auto!important; bottom:16px!important; margin:0; }
}
#ic-sba .ic-sba__section:not(.ic-sba__section--start):not(.ic-sba__section--principle) > .ic-sba__eyebrow, #ic-sba .ic-sba__steps span { color:var(--ic-sba-label); }
/* The embedded form follows the globally permitted palette.
   Its validation, selection and capture contracts are unchanged. */
#ic-sba .ic-qs { --ic-qs-brand:#b57856; --ic-qs-brand-ink:var(--ic-sba-label); --ic-qs-brand-soft:var(--ic-sba-cloud); --ic-qs-ink:var(--ic-sba-ink); --ic-qs-body:var(--ic-sba-muted); --ic-qs-quiet:var(--ic-sba-muted); --ic-qs-hairline:var(--ic-sba-line); --ic-qs-paper:var(--ic-sba-paper); --ic-qs-warm:var(--ic-sba-cloud); --ic-qs-cream:var(--ic-sba-ground); --ic-qs-sand:var(--ic-sba-line); --ic-qs-error:var(--ic-sba-error); --ic-qs-lift:0 4px 16px #00000009; color-scheme:inherit; }
#ic-sba .ic-qs .ic-qs__choice input:checked ~ .ic-qs__choice-mark { box-shadow:inset 0 0 0 3px var(--ic-qs-paper); }
#ic-sba .ic-qs .ic-qs__error { background:var(--ic-sba-error-bg); border-color:var(--ic-sba-error); color:var(--ic-sba-error); }
#ic-sba .ic-qs .ic-qs__meta li { background:var(--ic-sba-cloud); }
#ic-sba .ic-qs .ic-qs__btn--primary:hover { background:#c38e6e; color:#20160f; border-color:#c38e6e; }