/* Hongkun component layout only. Single engine and unchanged recommendation copy. */
.hk-selector-v2{box-sizing:border-box;width:100%;max-width:1400px;container:hkbs-layout / inline-size}
.hk-selector-v2 [data-hk-selector],.hk-selector-v2 [data-hk-selector-light],.hk-selector-v2 .hk-shell{width:100%;max-width:none;min-width:0}
.hk-selector-v2 .hk-recommendation-card{overflow-wrap:anywhere}
.hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form>*{min-width:0}
@container hkbs-layout (min-width:1000px){
 .hk-selector-v2 .hk-recommendation-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
 .hk-selector-v2 .hk-recommendation-card{padding:22px}
 .hk-selector-v2 .hk-recommendation-card .hk-suggestion-title{font-size:22px!important}
}
@container hkbs-layout (min-width:640px){
 .hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form,.hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form>fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
 .hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form>*,.hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form>fieldset>*{grid-column:1 / -1}
 .hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form .ff-el-group:has([name="name"]),
 .hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form .ff-el-group:has([name="business_email"]),
 .hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form .ff-el-group:has([name="company"]),
 .hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form .ff-el-group:has([name="country"]){grid-column:auto}
}
.hkbs-popup{width:100%;max-width:1400px;margin-inline:auto}
.hkbs-entry-card{width:100%;max-width:1400px;margin-inline:auto;padding:clamp(20px,3vw,36px);background:#1d2a3e;border:1px solid #354861;border-top:3px solid #ff9800;border-radius:8px;color:#fff}
.hkbs-entry-card>h2{font:700 clamp(20px,2vw,28px)/1.3 Arial,sans-serif;margin:0 0 18px;max-width:40ch;color:#fff}
.hkbs-popup dialog{box-sizing:border-box;width:min(1100px,calc(100% - 16px));max-width:1100px;max-height:calc(100dvh - 24px)}
.hkbs-inline-fold{max-width:1400px;margin-inline:auto;border:1px solid #354861;border-radius:8px;background:#172235;color:#e4e9f0}
.hkbs-inline-fold>summary{min-height:48px;padding:18px 22px;font:700 18px/1.4 Arial,sans-serif;cursor:pointer;color:#ffad33}
.hkbs-inline-fold>summary:focus-visible{outline:3px solid #ff9800;outline-offset:3px}
@media(max-width:767px){.hk-selector-v2 .hk-recommendation-cards{grid-template-columns:1fr}.hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form,.hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form>fieldset{display:block}}

.hk-selector-v2 [data-hkbs-lead] form.frm-fluent-form>fieldset{min-width:0;width:100%;margin:0;padding:0;border:0}
.hkbs-entry-card,.hkbs-inline-fold{box-sizing:border-box;width:100%}

/* Modal shell only. Selector cards, rules and forms retain their styles. */
.hkbs-popup dialog { width:min(1100px,calc(100% - 32px)); max-width:calc(100% - 32px); max-height:90vh; max-height:90dvh; margin:auto; padding:0 24px 24px; border-radius:8px; background:#172235; overscroll-behavior:contain; scroll-padding-block:72px 32px; }
.hkbs-popup dialog::backdrop { background:rgba(0,0,0,.72); }
.hkbs-popup [data-hkbs-close] { position:sticky; top:0; z-index:20; min-width:48px; min-height:48px; margin:0 0 20px auto; border-radius:0 0 6px 6px; }
.hkbs-popup [data-hkbs-close]:focus-visible { outline:3px solid #ffd28a; outline-offset:-4px; }
.hkbs-popup dialog input,.hkbs-popup dialog textarea { scroll-margin-block:80px 40px; }
@media(max-width:600px) {
 .hkbs-popup dialog { width:calc(100% - 12px); max-width:calc(100% - 12px); max-height:calc(100vh - 12px); max-height:calc(100dvh - 12px); padding:0 12px max(20px,env(safe-area-inset-bottom)); border-radius:6px; }
 .hkbs-popup dialog input,.hkbs-popup dialog select,.hkbs-popup dialog textarea { font-size:16px!important; }
}