/* Optional CSS using existing Shekari semantic tokens. Public rendering has no JS dependency. */
.sh-field{display:grid;gap:.4rem;margin-block:1rem}
.sh-field label{font-size:.95rem;font-weight:650;color:var(--text,#101625)}
.sh-field input:not([type=checkbox]):not([type=radio]),.sh-field textarea,.sh-field select{inline-size:100%;max-inline-size:100%;box-sizing:border-box;border:1px solid var(--border,#d9dce4);background:var(--surface,#fff);color:var(--text,#101625);border-radius:12px;padding:.75rem 1rem;font:inherit}
.sh-field textarea{min-block-size:7rem;resize:vertical}
.sh-field :is(input,textarea,select):focus-visible{outline:2px solid var(--accent,#4054b2);outline-offset:2px}
.sh-field small{color:var(--text-muted,#677184)}
.sh-admin-forms table{border-collapse:collapse;inline-size:100%}
.sh-admin-forms th,.sh-admin-forms td{padding:.85rem;border-block-end:1px solid var(--border,#d9dce4);text-align:start}
@media(max-width:640px){.sh-admin-forms{overflow-x:auto}}

/* Form Builder: intentionally uses the CMS native typography / theme colors. */
.sh-admin-fields{display:grid;gap:10px}
.sh-admin-field{border:1px solid var(--border);background:var(--bg);border-radius:14px;overflow:hidden}
.sh-admin-field>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:15px 18px;color:var(--text)}
.sh-admin-field>summary::-webkit-details-marker{display:none}
.sh-admin-field>summary span{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.sh-admin-field>summary small,.sh-admin-field code{color:var(--muted)}
.sh-admin-field[open]>summary{border-bottom:1px solid var(--border);color:var(--accent)}
.sh-admin-field>form{padding:18px}
.sh-admin-field>form>.actions{margin-top:16px}
.sh-submission-values{display:grid;gap:0;margin:0}
.sh-submission-values>div{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:18px;padding:14px;border-bottom:1px solid var(--border)}
.sh-submission-values>div:last-child{border:0}
.sh-submission-values dt{font-weight:800;color:var(--muted)}
.sh-submission-values dd{margin:0;overflow-wrap:anywhere;line-height:1.9}
/* Public, accessible and light SSR forms. */
.sh-form-container{max-width:780px;margin-inline:auto;padding-block:clamp(22px,4vw,54px)}
.sh-form-shell,.sh-form-container>form{padding:clamp(18px,3vw,36px);border:1px solid var(--border,#d8dce5);border-radius:22px;background:var(--surface,#fff)}
.sh-form-container h2{font-size:clamp(1.35rem,3vw,1.8rem);margin:0 0 9px;color:var(--text,#131722)}
.sh-form-container p{line-height:1.9;color:var(--muted,#687389)}
.sh-form-container form>button{background:#4054b2;border:0;border-radius:12px;padding:12px 25px;min-height:48px;color:#fff;font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.sh-form-container form>button:hover{background:#0f5096}
.sh-form-container form>button:focus-visible{outline:3px solid #4054b2;outline-offset:3px}
.sh-field :is(input[type=checkbox],input[type=radio]){accent-color:#4054b2;margin-inline:8px}
.sh-field small{line-height:1.7}
.sh-form-container .sh-form-alert{padding:13px 17px;border:1px solid #bb3030;border-radius:12px;margin-bottom:17px;color:#bd2424}
.sh-form-success{padding:22px;border-radius:15px;background:color-mix(in srgb,#23a455 9%,var(--surface,#fff))}
.sh-form-container>form{max-width:100%}
.sh-form-container form .sh-field fieldset{border:1px solid var(--border,#d8dce5);border-radius:12px;display:grid;gap:8px}
.sh-form-container form input[name=otp]{max-width:210px;display:block;direction:ltr;text-align:center;letter-spacing:.22em;font-size:1.5rem;padding:12px;border:1px solid var(--border);border-radius:10px;margin-block:15px}
@media(max-width:650px){.sh-submission-values>div{grid-template-columns:1fr;gap:5px}.sh-admin-field>summary{align-items:start;flex-direction:column}}

.sh-form-container .sh-otp-resend{margin-top:10px}
.sh-form-container .sh-otp-resend>button{border:1px solid var(--border,#d8dce5);background:transparent;color:var(--text,#131722);min-height:40px;padding:9px 16px}
.sh-form-container .sh-otp-resend>button:hover{background:var(--surface2,#f4f5f7)}

.sh-form-section-heading{margin:28px 0 8px;padding-bottom:10px;border-bottom:1px solid var(--border,#d8dce5);font-size:1.12rem;color:var(--text,#101625)}
.sh-form-section-description{margin:0 0 15px;color:var(--muted,#687389)}

/* v0.4.9 — quick form: few fields, predictable mobile layout, no decorative friction. */
.sk-home-lead{max-width:none;margin:clamp(32px,5vw,72px) auto;padding-block:clamp(24px,5vw,62px);background:color-mix(in srgb,var(--accent) 3%,var(--bg));border-block:1px solid var(--border)}
.sk-home-lead .sk-home-lead__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(22px,5vw,80px);align-items:center}
.sk-home-lead__intro h2{font-size:clamp(24px,3.4vw,42px);line-height:1.4;margin:10px 0 14px}
.sk-home-lead__intro p{color:var(--muted);line-height:1.9}
.sk-home-lead__eyebrow{color:var(--accent);font-size:.82rem;font-weight:850}
.sk-home-lead__form .sh-lead-form{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(16px,3vw,28px);box-shadow:0 8px 28px color-mix(in srgb,var(--text) 5%,transparent)}
.sk-home-lead__form .sh-lead-form h3{font-size:1.2rem;margin:0 0 5px}
.sk-home-lead__form .sh-lead-form>p{margin:0 0 12px;font-size:.91rem;color:var(--muted)}
.sh-lead-form .sh-field{margin-block:12px}
.sh-lead-form .sh-field label{font-size:.89rem}
.sh-lead-form :is(input,textarea,select){min-height:46px}
.sh-lead-form .sh-form-privacy{font-size:.8rem;color:var(--muted);line-height:1.7;margin-block:12px}
.sh-lead-form>button{width:100%;min-height:48px;border:0;border-radius:12px;background:var(--accent);color:#fff;font:inherit;font-weight:850;cursor:pointer}
.sh-lead-form>button:hover{background:var(--accent-hover)}
@media(max-width:760px){.sk-home-lead .sk-home-lead__layout{grid-template-columns:minmax(0,1fr);gap:18px}.sk-home-lead__intro{text-align:center}.sk-home-lead{margin-block:30px}.sk-home-lead__form{min-width:0}}
/* Author display styles must not override the HTML hidden attribute for conditional fields. */
.sh-field[hidden]{display:none!important}

/* v0.5.9: unified, conversion-focused form card on home and services. */
.sk-lead-card.sh-form-container{width:100%;max-width:none;margin:0;padding:0;min-width:0}
.sk-lead-card .sh-lead-form,
.sk-home-lead__form .sh-lead-form{
  padding:clamp(22px,3vw,36px);
  background:var(--surface);
  border:1px solid color-mix(in srgb,var(--border) 86%,transparent);
  border-radius:23px;
  box-shadow:0 16px 48px color-mix(in srgb,var(--text) 7%,transparent);
  max-width:100%;
  display:grid;
  gap:0;
}
.sk-lead-card .sh-lead-form>h3,.sk-home-lead__form .sh-lead-form>h3{font-size:1.3rem;line-height:1.5;font-weight:900;margin:0 0 7px;letter-spacing:-.02em;color:var(--text)}
.sk-lead-card .sh-lead-form>p:not(.sh-form-privacy),.sk-home-lead__form .sh-lead-form>p:not(.sh-form-privacy){color:var(--muted);font-size:.86rem;line-height:1.9;margin:0 0 13px}
.sk-lead-card .sh-lead-form .sh-field,.sk-home-lead__form .sh-lead-form .sh-field{margin:11px 0 4px;gap:7px}
.sk-lead-card .sh-field label,.sk-home-lead__form .sh-field label{color:var(--text);font-weight:760;font-size:.86rem}
.sk-lead-card .sh-field input:not([type=checkbox]):not([type=radio]),.sk-lead-card .sh-field select,
.sk-home-lead__form .sh-field input:not([type=checkbox]):not([type=radio]),.sk-home-lead__form .sh-field select{
   min-height:49px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;
   padding:12px 14px;font-size:.94rem;transition:border-color .18s ease,box-shadow .18s ease;
}
.sk-lead-card :is(input,select):focus,.sk-home-lead__form :is(input,select):focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);outline:0}
.sk-lead-card .sh-field [type=tel],.sk-home-lead__form .sh-field [type=tel]{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}
.sk-lead-card .sh-form-privacy,.sk-home-lead__form .sh-form-privacy{font-size:.77rem;line-height:1.75;color:var(--muted);margin:17px 0 12px}
.sk-lead-card .sh-form-submit,.sk-home-lead__form .sh-form-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;background:var(--accent);color:#fff;border:0;border-radius:12px;cursor:pointer;font-weight:850;font-size:.92rem;transition:background .18s ease,transform .18s ease}
.sk-lead-card .sh-form-submit:hover,.sk-home-lead__form .sh-form-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}
.sh-form-submit-icon{width:18px;height:18px;flex:none}
:root[dir=ltr] .sh-form-submit-icon{transform:rotate(180deg)}
.sk-lead-card--unavailable{padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:20px}
.sk-lead-card--unavailable p{color:var(--muted);line-height:1.9}
.sk-home-lead{padding-block:clamp(54px,6vw,80px);margin:clamp(44px,6vw,80px) auto}
.sk-home-lead .sk-home-lead__layout{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:clamp(23px,5vw,78px)}
.sk-home-lead__intro h2{font-size:clamp(1.65rem,3vw,2.85rem);line-height:1.42}
.sk-home-lead__intro p{font-size:1rem;line-height:2;max-width:46ch}
.sh-service-editor-list{display:grid;gap:10px}
.sh-service-editor{border:1px solid var(--border);border-radius:15px;background:var(--surface);overflow:hidden}
.sh-service-editor>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:14px 17px}
.sh-service-editor>summary::-webkit-details-marker{display:none}
.sh-service-editor>summary strong{font-size:.92rem}
.sh-service-editor>summary code{color:var(--muted);font-size:.78rem;margin-inline-start:auto}
.sh-service-editor>summary>span:last-child{font-size:.73rem;color:var(--muted)}
.sh-service-editor-index{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--surface2);font:800 .75rem ui-monospace,monospace;color:var(--accent)}
.sh-service-editor[open]>summary{border-bottom:1px solid var(--border)}
.sh-service-editor-body{padding:18px}
.sh-service-visibility{display:flex;align-items:center;gap:9px}
.sh-service-visibility input{width:18px;height:18px}
@media(max-width:760px){.sk-home-lead .sk-home-lead__layout{grid-template-columns:1fr}.sk-home-lead__intro{text-align:start}.sk-home-lead__form{width:100%}.sh-service-editor>summary{flex-wrap:wrap}.sh-service-editor>summary code{margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){.sk-lead-card .sh-form-submit,.sk-home-lead__form .sh-form-submit{transition:none}}