/* The llamacoids.ca builder, re-skinned to the LamacoidsUSA palette.
   The builder styles through these tokens, so most of the work is here. */
:root,#lamacoid_builder_root.v2,#lamacoid_builder_root.v3{
  --bg:#faf2ec; --panel:#ffffff; --inset:#faf2ec; --raise:#ffffff;
  --ink:#1b1917; --ink-2:#3a3633; --ink-3:#6b6763; --ink-4:#8f8f8f;
  --line:#e5e5e5; --line-2:#efe7e1; --line-3:#9894a8;
  --accent:#4b72f3; --accent-soft:rgba(75,114,243,.12); --glow:rgba(75,114,243,.25);
  --radius:12px;
  --mono:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --grid:rgba(0,0,0,.04);
  --stage:#ece3dc; --stage-grid:rgba(0,0,0,.06);
}
body.builder-page{background:var(--bg);color:var(--ink);font:400 14px/1.5 var(--sans)}
body.builder-page .site-head .site-brand{color:#000}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
::selection{background:#4b72f3;color:#fff}
#lamacoid_builder_root{background:var(--bg);color:var(--ink)}
#lamacoid_builder_root :focus-visible{outline:2px solid #4b72f3;outline-offset:2px}
/* no account here, so no sign-in strip */
#lamacoid_builder_root #gateBar{display:none!important}
/* cards and panels */
#lamacoid_builder_root .step,
#lamacoid_builder_root .card,
#lamacoid_builder_root .panel,
#lamacoid_builder_root dialog{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:rgba(0,0,0,.08) 0 0 0 1px,rgba(0,0,0,.1) 0 1px 4px;color:var(--ink)}
#lamacoid_builder_root dialog header{background:#faf2ec;border-bottom:1px solid #e5e5e5;border-radius:12px 12px 0 0}
#lamacoid_builder_root dialog :is(h3,.bh3){font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:28px;letter-spacing:0;text-transform:none}
/* inputs */
#lamacoid_builder_root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
#lamacoid_builder_root select,
#lamacoid_builder_root textarea{background:#fff;color:#222;border:1px solid #e5e5e5;border-radius:12px}
#lamacoid_builder_root input:focus,#lamacoid_builder_root select:focus,#lamacoid_builder_root textarea:focus{outline:none;box-shadow:rgb(99,135,244) 0 2px 0 inset,rgba(0,0,0,.3) 0 1px 2px}
#lamacoid_builder_root input::placeholder,#lamacoid_builder_root textarea::placeholder{color:#8f8f8f}
#lamacoid_builder_root .f label{text-transform:none;letter-spacing:0;font-weight:550;font-size:13px;color:var(--ink)}
/* buttons: ghost by default, dark for actions, periwinkle once for the quote */
#lamacoid_builder_root .btn{background:transparent;color:var(--ink);border:1px solid #9894a8;border-radius:16px;text-transform:none;letter-spacing:0;font-weight:550}
#lamacoid_builder_root .btn:hover{background:#fff}
#lamacoid_builder_root .btn.primary{background:#000;color:#fff;border-color:#000}
#lamacoid_builder_root .btn.primary:hover{background:#222}
#lamacoid_builder_root #btnSubmit,
#lamacoid_builder_root [data-proxy-for=btnSubmit]{background:#4b72f3;border-color:#4b72f3;color:#fff}
#lamacoid_builder_root #btnSubmit:hover,
#lamacoid_builder_root [data-proxy-for=btnSubmit]:hover{background:#2b3ea7}
/* top bar and quick start cards */
#lamacoid_builder_root .topbar{background:var(--bg);border-bottom:1px solid #e5e5e5;color:var(--ink)}
#lamacoid_builder_root .topbar .brand{display:none}
#lamacoid_builder_root .wiz-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;color:var(--ink)}
#lamacoid_builder_root .wiz-card .thumb svg{stroke:#1b1917}
#lamacoid_builder_root .wiz-card .t{font-weight:550;text-transform:none;letter-spacing:0}
#lamacoid_builder_root .wiz-card .d{color:#8f8f8f;opacity:1}
#lamacoid_builder_root .wiz :is(h2,.bh2),#lamacoid_builder_root .step :is(h2,.bh2),#lamacoid_builder_root .step :is(h3,.bh3){text-transform:none;letter-spacing:0;font-weight:550;color:var(--ink)}
#lamacoid_builder_root .badge{border-radius:12px;border:1px solid #9894a8;background:transparent;color:var(--ink)}
#lamacoid_builder_root .seg button[aria-pressed=true],
#lamacoid_builder_root .unit-toggle button.on,
#lamacoid_builder_root .unit-toggle button[aria-pressed=true]{background:#000;color:#fff}
/* the one periwinkle action on the page */
#lamacoid_builder_root .btn.primary.cta[data-proxy-for=btnSubmit]{background:#4b72f3!important;border-color:#4b72f3!important;color:#fff!important;border-radius:16px;text-transform:none;letter-spacing:0}
#lamacoid_builder_root .btn.primary.cta[data-proxy-for=btnSubmit]:hover{background:#2b3ea7!important}
#lamacoid_builder_root dialog header :is(h3,.bh3){font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important;font-size:28px!important;letter-spacing:0!important;text-transform:none!important;color:#1b1917}
/* the site header keeps the site's type, not the builder's */
body.builder-page .site-head,body.builder-page .site-head *{font-family:var(--sans,"Inter",system-ui,sans-serif);letter-spacing:0;text-transform:none}
body.builder-page .site-head .nav a.btn{color:#fff;border:0;font-size:14px;font-weight:550}
/* builder headings are small panel titles, not display type */
#lamacoid_builder_root :is(:is(h2,.bh2),:is(h3,.bh3),h4,summary :is(h3,.bh3)){font-family:var(--sans)!important;font-weight:550!important;font-size:15px;line-height:1.3;letter-spacing:0!important;text-transform:none!important;color:#1b1917}
#lamacoid_builder_root :is(.f label,.sub-h,.lbl,.k){letter-spacing:0!important;text-transform:none!important}
/* site header on narrow screens: brand and one button */
@media (max-width:900px){
  body.builder-page .site-head .nav a:not(.btn){display:none}
  body.builder-page .site-head .wrap{padding:0 16px}
}
/* quick start cards wrap instead of running off the edge */
@media (max-width:1280px){
  #lamacoid_builder_root .topbar{flex-wrap:wrap;height:auto}
  #lamacoid_builder_root .topbar .wiz{flex-wrap:wrap!important;overflow:visible!important;max-width:100%;min-width:0}
  #lamacoid_builder_root .topbar .wiz-card{flex:1 1 200px!important;min-width:0!important}
}

/* ---- declutter: one quick-start row, no duplicate lists, quieter chrome ---- */
#lamacoid_builder_root .qs-empty .qs-k,#lamacoid_builder_root .qs-empty .qs{display:none}
#lamacoid_builder_root .partline,#lamacoid_builder_root .panel-sub{display:none}
#lamacoid_builder_root .stage::before,#lamacoid_builder_root .stage::after,#lamacoid_builder_root .panel::before,#lamacoid_builder_root .panel::after{display:none}
#lamacoid_builder_root .step{box-shadow:none;border:0;border-top:1px solid #efe7e1;border-radius:0}
#lamacoid_builder_root .panel{box-shadow:rgba(0,0,0,.06) 0 0 0 1px,rgba(0,0,0,.06) 0 2px 8px}
#lamacoid_builder_root .btn{min-height:40px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
#lamacoid_builder_root .btn:hover{transform:translateY(-1px)}
#lamacoid_builder_root .btn:active{transform:none}
#lamacoid_builder_root .seg button{min-height:40px;transition:background .15s ease,color .15s ease}
#lamacoid_builder_root .wiz-card{transition:border-color .2s ease,transform .2s ease}
#lamacoid_builder_root .wiz-card:hover{border-color:#4b72f3;transform:translateY(-1px)}
#lamacoid_builder_root .preview-stage::before,#lamacoid_builder_root .preview-stage::after,#lamacoid_builder_root.v3 .panel::before,#lamacoid_builder_root .panel-h::before{display:none}
#lamacoid_builder_root input:not([type=range]):not([type=checkbox]):not([type=radio]),#lamacoid_builder_root select{min-height:40px}
#lamacoid_builder_root dialog[open]{animation:dlgIn .25s cubic-bezier(.2,.7,.2,1)}
#lamacoid_builder_root dialog::backdrop{background:rgba(27,25,23,.35);backdrop-filter:blur(2px)}
@keyframes dlgIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
/* intro: one line, the status note sits beside it */
.builder-intro{padding:20px 24px 4px}
.builder-intro .status{font-size:14px;padding:8px 12px}
/* the about section is a plain article, not part of the app grid */
body.builder-page .builder-about .wrap{display:block;max-width:720px;font-size:16px}
body.builder-page .builder-about :is(h2,.bh2){font-family:var(--serif);font-size:32px;margin:0 0 12px}
@media (min-width:1001px){
  #lamacoid_builder_root .stage-col,#lamacoid_builder_root .col-preview{position:sticky;top:76px;align-self:start}
}
@media (max-width:900px){
  #lamacoid_builder_root .btn,#lamacoid_builder_root .seg button,#lamacoid_builder_root input:not([type=range]):not([type=checkbox]):not([type=radio]),#lamacoid_builder_root select{min-height:44px}
}
@media (prefers-reduced-motion:reduce){#lamacoid_builder_root *{animation:none!important;transition:none!important}}
/* how-to section: one centered column, steps as spaced cards, links as a callout */
body.builder-page .builder-about{padding:56px 0 72px}
body.builder-page .builder-about .wrap{max-width:680px;margin:0 auto;padding:0 24px;display:block;grid-template-columns:none;overflow-wrap:anywhere}
body.builder-page .builder-about .wrap>*{grid-column:auto;width:auto;max-width:100%}
body.builder-page .builder-about p{font-size:16px;line-height:1.7;color:#4a4744;margin:0 0 20px}
body.builder-page .builder-about ol{list-style:none;counter-reset:st;padding:0;margin:0 0 24px;display:grid;gap:12px;grid-template-columns:1fr}
body.builder-page .builder-about ol li{counter-increment:st;position:relative;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:16px 20px 16px 60px;font-size:16px;line-height:1.6;color:#4a4744}
body.builder-page .builder-about ol li::before{content:counter(st);position:absolute;left:18px;top:16px;width:28px;height:28px;border-radius:50%;border:1px solid #9894a8;display:grid;place-items:center;font-size:14px;color:#1b1917}
body.builder-page .builder-about ol li strong{display:block;color:#1b1917;font-weight:550;margin-bottom:2px}
body.builder-page .builder-about .callout{background:#fff;border:1px solid #e5e5e5;border-left:3px solid #4b72f3;border-radius:12px;padding:16px 20px;font-size:15px}
body.builder-page .builder-about a{color:#2b3ea7}