:root{--bg:#f3f5f7;--panel:#fff;--text:#222;--muted:#667085;--line:#dfe3e8;--green:#16833b;--green-bg:#eaf7ee;--red:#a52a2a;--amber:#916300;--amber-bg:#fff5d8;--ann-bg:#f3efff;--ann-border:#c8b7f2;--notice-bg:#fff8df;--notice-border:#e7cf83;--question-bg:#eef6ff;--question-border:#bdd6f4}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}body.hnv04-standalone{min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit}
.hnv04-app-shell,.hnv04-public-shell{width:min(100% - 24px,980px);margin:0 auto;padding:18px 0 42px}.hnv04-simple-shell{width:min(100% - 24px,700px);margin:40px auto}
.hnv04-brand{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:18px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.hnv04-banner-wrap{width:100%;background:#eef1f4;aspect-ratio:4/1;max-height:240px;overflow:hidden}.hnv04-banner{width:100%;height:100%;object-fit:cover;display:block}.hnv04-brand-line{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 20px}.hnv04-org-name{font-size:22px;font-weight:800}.hnv04-subtitle{margin-top:4px;color:var(--muted)}.hnv04-logout{color:#555;text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff;white-space:nowrap}
.hnv04-main-card,.hnv04-public-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.hnv04-public-card>h1{margin:0 0 6px}.hnv04-public-card>p{margin:0 0 18px;color:var(--muted)}
.hnv04-alert{padding:13px 15px;border-radius:10px;margin-bottom:16px;font-weight:700}.hnv04-alert.success{background:#eaf7ee;border:1px solid #81b98d;color:#125c29}.hnv04-alert.error{background:#fff0f0;border:1px solid #dda0a0;color:#8f2020}.hnv04-alert.warning{background:#fff7e7;border:1px solid #e4c571;color:#755300}
.hnv04-primary-button{width:100%;border:0;border-radius:10px;background:#202124;color:#fff;padding:14px 18px;font-weight:800;cursor:pointer}
.hnv04-field{display:block;font-weight:700;margin:0 0 16px}.hnv04-field input[type="text"],.hnv04-field input[type="email"],.hnv04-field input[type="password"],.hnv04-field input[type="file"],.hnv04-field select,.hnv04-public-card input[type="text"],.hnv04-public-card input[type="email"],.hnv04-public-card input[type="tel"],.hnv04-public-card textarea,.hnv04-public-card select{display:block;width:100%;margin-top:7px;border:1px solid #cfd5dc;border-radius:10px;padding:12px 13px;background:#fff}.hnv04-field small{display:block;margin-top:6px;color:var(--muted);font-weight:400}.hnv04-required{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:5px;background:#fff0f0;color:#bf2929;font-size:12px}.hnv04-check{display:flex;gap:8px;align-items:center;margin:0 0 18px}
.hnv04-auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.hnv04-auth-card{width:min(100%,480px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.07)}.hnv04-auth-brand{text-align:center;margin-bottom:22px}.hnv04-auth-logo{font-size:40px}.hnv04-auth-brand h1{margin:8px 0 6px}.hnv04-auth-brand p{margin:0;color:var(--muted)}.hnv04-auth-foot{text-align:center;margin-top:18px;color:var(--muted)}.hnv04-auth-foot a{font-weight:700;color:#222}
.hnv04-dashboard-nav{display:flex;gap:8px;margin-bottom:14px}.hnv04-dashboard-nav a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700}.hnv04-dashboard-nav a.active{background:#202124;color:#fff;border-color:#202124}.hnv04-dashboard-nav span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eee;color:#222;font-size:12px}
.hnv04-step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.hnv04-step-number{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:8px 11px;border-radius:999px;background:#202124;color:#fff;font-weight:800;font-size:13px}.hnv04-step-head h2{margin:0 0 5px;font-size:22px}.hnv04-step-head p{margin:0;color:var(--muted)}
.hnv04-readonly-field{margin-bottom:18px}.hnv04-readonly-label{font-weight:700;margin-bottom:7px}.hnv04-readonly-value{padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#f7f8fa;font-weight:700}.hnv04-field-note{margin-top:6px;color:var(--muted);font-size:13px}
.hnv04-public-url-box{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.hnv04-public-url{margin-top:5px;color:var(--muted);font-size:13px;word-break:break-all}.hnv04-public-url-box a{flex:0 0 auto;text-decoration:none;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 12px;font-weight:700}
.hnv04-save-bar{position:sticky;bottom:10px;z-index:20;margin-top:22px;padding:10px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:13px;box-shadow:0 -4px 18px rgba(0,0,0,.06)}
.hnv04-empty{padding:26px;border:1px dashed #cfd5dc;border-radius:12px;text-align:center;color:var(--muted);background:#fafafa}.hnv04-submission-list{display:grid;gap:10px}.hnv04-submission{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.hnv04-submission summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px;cursor:pointer}.hnv04-submission summary div:first-child{display:flex;flex-direction:column;gap:4px}.hnv04-submission summary span{font-size:13px;color:var(--muted);font-weight:400}.hnv04-submission-body{padding:0 15px 15px;border-top:1px solid var(--line)}.hnv04-submission-body dl{display:grid;grid-template-columns:160px 1fr;margin:0}.hnv04-submission-body dt,.hnv04-submission-body dd{padding:10px 0;border-bottom:1px solid #eef0f2}.hnv04-submission-body dt{font-weight:700}.hnv04-submission-body dd{margin:0}.hnv04-mail-status{margin-top:12px;color:var(--muted);font-size:13px}
.hnv04-step-block{margin-top:28px}.hnv04-section{margin-top:14px;border-radius:14px;padding:18px}.hnv04-section h3{margin:0 0 5px;font-size:18px}.hnv04-section-help{color:var(--muted);margin:0 0 14px}.hnv04-announcement-section{background:var(--ann-bg);border:1px solid var(--ann-border)}.hnv04-notice-section{background:var(--notice-bg);border:1px solid var(--notice-border)}.hnv04-question-section{background:var(--question-bg);border:1px solid var(--question-border)}
.hnv04-category-tabs{display:flex;gap:0;flex-wrap:nowrap;margin:18px 0 0;padding:0;border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch}.hnv04-tab,.hnv04-button,.hnv04-seg,.hnv04-status-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;cursor:pointer}.hnv04-tab{flex:0 0 auto;margin:0 0 -1px;padding:13px 16px;border-radius:10px 10px 0 0;background:#f3f4f6;color:#555;white-space:nowrap}.hnv04-tab+.hnv04-tab{margin-left:-1px}.hnv04-tab.active{position:relative;z-index:2;background:#fff;color:#222;border-bottom-color:#fff}
.hnv04-category-panel{display:none;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;background:#fff;padding:18px}.hnv04-category-panel.active{display:block}.hnv04-category-panel.disabled{background:#fafafa}.hnv04-category-panel.disabled .hnv04-section{filter:grayscale(1);opacity:.48;pointer-events:none}.hnv04-category-panel.disabled .hnv04-category-head{background:#f1f1f1}.hnv04-disabled-message{display:none}.hnv04-category-panel.disabled .hnv04-disabled-message{display:block;margin:14px 0 0;padding:12px 14px;border:1px solid #c9c9c9;border-radius:10px;background:#ededed;color:#666;font-weight:700;text-align:center}
.hnv04-category-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px;background:#f8f9fa;border:1px solid var(--line);border-radius:10px}.hnv04-title-line{display:flex;align-items:center;gap:10px}.hnv04-title-line h3{margin:0;font-size:20px}.hnv04-symbol,.hnv04-mark{font-size:24px;font-weight:900}.hnv04-symbol.active,.hnv04-mark.on{color:var(--green)}.hnv04-symbol.paused{color:var(--amber)}.hnv04-symbol.disabled,.hnv04-mark.off{color:var(--red)}
.hnv04-status-row,.hnv04-controls,.hnv04-control,.hnv04-order-box{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.hnv04-status-button.selected.active,.hnv04-seg.selected.yes{background:var(--green-bg);border-color:#6db57c;color:#125c29;font-weight:700}.hnv04-status-button.selected.paused{background:var(--amber-bg);border-color:#d6a941;color:#765100;font-weight:700}.hnv04-status-button.selected.disabled,.hnv04-seg.selected.no{background:#efefef;border-color:#aaa;color:#555;font-weight:700}
.hnv04-row{border:1px solid var(--line);border-radius:11px;padding:14px;margin:10px 0;background:#fff}.hnv04-row.off{background:#f3f3f3;opacity:.68}.hnv04-row-top,.hnv04-question-heading{display:flex;gap:11px;align-items:flex-start}.hnv04-copy{flex:1;min-width:0}.hnv04-copy strong{display:block}.hnv04-copy small{display:block;color:var(--muted);margin-top:4px}.hnv04-controls{gap:18px;padding-top:12px;margin-top:12px;border-top:1px dashed #ddd}.hnv04-control>span,.hnv04-order-box label{font-weight:700}.hnv04-seg:disabled{opacity:.4;cursor:not-allowed}.hnv04-button.danger{color:#a52a2a;border-color:#d8a6a6}
.hnv04-large-input,.hnv04-option-input,.hnv04-select,.hnv04-order-input{width:100%;border:1px solid #cfd5dc;border-radius:9px;padding:11px 12px;background:#fff}.hnv04-large-input{min-height:88px;resize:vertical}.hnv04-custom-question-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px}.hnv04-custom-question-grid label strong{display:block;margin-bottom:6px}.hnv04-order-box{margin-left:auto;min-width:185px;justify-content:flex-end}.hnv04-order-box label{display:flex;gap:6px;align-items:center}.hnv04-order-input{width:62px!important;text-align:center;padding:7px!important}.hnv04-option-editor{margin:12px 0 0 35px;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.hnv04-option-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0}
.hnv04-public-box{padding:16px;border-radius:12px;margin:18px 0}.hnv04-public-global-announcement{background:#eef4ff;border:1px solid #b9cff5}.hnv04-public-category-announcement{background:#f6f0ff;border:1px solid #cdb8ef}.hnv04-public-notice{background:#fff8e8;border:1px solid #e8d59f}.hnv04-public-question{padding:18px 0;border-bottom:1px solid #edf0f2}.hnv04-public-label{font-weight:700;margin-bottom:9px}.hnv04-choice{display:block;padding:10px 12px;border:1px solid #dfe3e8;border-radius:9px;margin:7px 0;background:#fff}.hnv04-subfield{margin-top:12px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e5e7eb}.hnv04-subfield label{display:block;font-weight:700;margin-bottom:7px}.hnv04-submit-area{margin-top:20px}.hnv04-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:720px){.hnv04-app-shell,.hnv04-public-shell{width:min(100% - 16px,980px);padding-top:8px}.hnv04-brand-line,.hnv04-category-head,.hnv04-question-heading,.hnv04-public-url-box{flex-direction:column;align-items:stretch}.hnv04-brand-line{padding:14px 16px}.hnv04-org-name{font-size:20px}.hnv04-logout,.hnv04-public-url-box a{text-align:center}.hnv04-main-card,.hnv04-public-card{padding:14px}.hnv04-step-head{gap:10px}.hnv04-step-number{min-width:68px;padding:7px 9px;font-size:12px}.hnv04-step-head h2{font-size:19px}.hnv04-category-panel{padding:12px}.hnv04-custom-question-grid{grid-template-columns:1fr}.hnv04-order-box{margin-left:0;justify-content:flex-start;min-width:0}.hnv04-controls{flex-direction:column;align-items:stretch}.hnv04-control{justify-content:flex-start}.hnv04-control>span{width:100%}.hnv04-seg{flex:1}.hnv04-status-row{display:grid;grid-template-columns:1fr}.hnv04-status-button{width:100%;text-align:left}.hnv04-section{padding:13px}.hnv04-row{padding:12px}.hnv04-banner-wrap{aspect-ratio:3/1}.hnv04-dashboard-nav{overflow-x:auto}.hnv04-dashboard-nav a{flex:0 0 auto}.hnv04-submission summary{align-items:flex-start;flex-direction:column}.hnv04-submission-body dl{grid-template-columns:1fr}.hnv04-submission-body dt{padding-bottom:3px;border-bottom:0}.hnv04-submission-body dd{padding-top:0}}


/* v0.5 */
.hnv04-settings-shell{
  display:grid;
  gap:18px;
}
.hnv04-step-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
  box-shadow:0 5px 18px rgba(0,0,0,.04);
}
.hnv04-step-card .hnv04-step-block{
  margin-top:0;
}
.hnv04-brand{
  display:none;
}
.hnv04-brand-simple{
  margin-bottom:18px;
}
.hnv04-brand-simple .hnv04-banner-wrap{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}
.hnv04-brand-simple .hnv04-banner{
  object-fit:contain;
  background:#fff;
}
.hnv04-org-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 4px 0;
}
.hnv04-org-row .hnv04-org-name{
  font-size:22px;
  font-weight:800;
}
.hnv04-category-panel.disabled .hnv04-section{
  filter:none;
  opacity:.48;
}
.hnv04-status-reason{
  margin-top:14px;
  padding:14px;
  border:1px solid #ddd;
  border-radius:10px;
  background:#fafafa;
}
.hnv04-status-reason label strong{
  display:block;
  margin-bottom:7px;
}
.hnv04-status-reason small{
  display:block;
  margin-top:6px;
  color:var(--muted);
}
.hnv04-reason-input::placeholder,
.hnv04-public-card input::placeholder,
.hnv04-public-card textarea::placeholder{
  color:#a3a8b0;
  opacity:1;
}
.hnv04-choice{
  display:none;
}
.hnv04-choice-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  padding:13px 14px;
  margin:8px 0;
  border:1px solid #d9dee5;
  border-radius:11px;
  background:#fff;
  cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.hnv04-choice-card:hover{
  border-color:#aeb7c3;
}
.hnv04-choice-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.hnv04-choice-check{
  display:grid;
  place-items:center;
  flex:0 0 26px;
  width:26px;
  height:26px;
  border:1px solid #c9d0d9;
  border-radius:8px;
  color:transparent;
  background:#f8f9fa;
  font-weight:900;
}
.hnv04-choice-card:has(input:checked){
  border-color:#222;
  background:#f7f8fa;
  box-shadow:0 0 0 1px #222 inset;
}
.hnv04-choice-card:has(input:checked) .hnv04-choice-check{
  background:#222;
  border-color:#222;
  color:#fff;
}
.hnv04-choice-text{
  font-weight:650;
}
.hnv04-unavailable-list{
  margin-top:22px;
  padding:15px;
  border:1px solid #e0e3e7;
  border-radius:12px;
  background:#f8f9fa;
}
.hnv04-unavailable-list>strong{
  display:block;
  margin-bottom:9px;
}
.hnv04-unavailable-item{
  padding:10px 0;
  border-top:1px solid #e3e6ea;
}
.hnv04-unavailable-item:first-of-type{
  border-top:0;
}
.hnv04-unavailable-item span{
  font-weight:700;
}
.hnv04-unavailable-item p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}

@media(max-width:720px){
  .hnv04-step-card{
    padding:14px;
  }
  .hnv04-org-row{
    padding:12px 2px 0;
  }
  .hnv04-org-row .hnv04-org-name{
    font-size:20px;
  }
}


/* v0.6 authentication */
.hnv04-important-note{
  display:block;
  margin-top:8px;
  padding:10px 12px;
  border-radius:9px;
  background:#eef6ff;
  border:1px solid #bfd7f2;
  color:#234a70;
  font-weight:700;
  line-height:1.6;
}
.hnv04-mail-help{
  margin:-4px 0 18px;
  padding:12px 14px;
  border-radius:10px;
  background:#fff8e8;
  border:1px solid #e8d59f;
  color:#6e5720;
  line-height:1.6;
}
.hnv04-auth-links{
  margin-top:16px;
  text-align:center;
}
.hnv04-auth-links a{
  color:#3b536d;
  font-weight:700;
}
.hnv04-primary-link{
  display:block;
  width:100%;
  padding:13px 16px;
  border-radius:10px;
  background:#202124;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  text-align:center;
}


/* v0.7 account management */
.hnv04-account-danger{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
  margin-top:18px;
  padding:20px;
  border:1px solid #e4aaaa;
  border-radius:16px;
  background:#fff7f7;
}
.hnv04-account-danger h2{
  margin:0 0 8px;
  color:#8f2020;
}
.hnv04-account-danger p{
  margin:6px 0;
  color:#6b4b4b;
  line-height:1.7;
}
.hnv04-delete-account-form{
  flex:0 0 250px;
}
.hnv04-delete-confirm{
  display:flex;
  gap:8px;
  align-items:center;
  margin-bottom:12px;
  font-weight:700;
}
.hnv04-danger-button{
  width:100%;
  border:1px solid #b42318;
  border-radius:10px;
  background:#fff;
  color:#b42318;
  padding:12px 14px;
  font-weight:800;
  cursor:pointer;
}
.hnv04-danger-button:hover{
  background:#fff0f0;
}

@media(max-width:720px){
  .hnv04-account-danger{
    flex-direction:column;
  }
  .hnv04-delete-account-form{
    width:100%;
    flex-basis:auto;
  }
}


/* v1.1.0 */
.hnv04-org-row .hnv04-org-name{
  font-size:30px;
  line-height:1.25;
}
.hnv04-category-panel.inactive .hnv04-section{
  filter:grayscale(1);
  opacity:.48;
  pointer-events:none;
}
.hnv04-category-panel.inactive .hnv04-category-head{
  background:#f1f1f1;
}
.hnv04-category-panel.inactive .hnv04-status-reason{
  opacity:1;
  filter:none;
  pointer-events:auto;
}
.hnv04-category-panel.inactive .hnv04-disabled-message{
  display:block;
}
.hnv04-public-category-label{
  font-weight:700;
  margin-bottom:10px;
}
.hnv04-public-category-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 2px 12px;
  margin-bottom:8px;
  -webkit-overflow-scrolling:touch;
}
.hnv04-public-tab{
  flex:1 0 180px;
  min-width:180px;
  border:1px solid #d8dde4;
  border-radius:12px;
  background:#fff;
  padding:12px 14px;
  text-align:left;
  cursor:pointer;
}
.hnv04-public-tab.active{
  border-color:#202124;
  box-shadow:0 0 0 1px #202124 inset;
}
.hnv04-public-tab.status-paused{
  background:#fffaf0;
}
.hnv04-public-tab.status-disabled{
  background:#f4f4f4;
}
.hnv04-public-tab-main{
  display:flex;
  align-items:center;
  gap:7px;
  font-weight:800;
}
.hnv04-public-tab-symbol{
  font-size:18px;
}
.hnv04-public-tab.status-active .hnv04-public-tab-symbol{
  color:#16833b;
}
.hnv04-public-tab.status-paused .hnv04-public-tab-symbol{
  color:#916300;
}
.hnv04-public-tab.status-disabled .hnv04-public-tab-symbol{
  color:#a52a2a;
}
.hnv04-public-tab-status{
  display:block;
  margin-top:5px;
  color:#667085;
  font-size:12px;
  font-weight:700;
}
.hnv04-public-status-message{
  margin-top:18px;
  padding:18px;
  border-radius:12px;
  border:1px solid #ddd;
  background:#f7f7f7;
}
.hnv04-public-status-message.status-paused{
  background:#fff9ea;
  border-color:#e1c97f;
}
.hnv04-public-status-title{
  font-weight:800;
  font-size:17px;
}
.hnv04-public-status-message p{
  margin:8px 0 0;
  color:#667085;
  line-height:1.7;
}
.hnv04-question-number{
  display:inline-block;
  min-width:1.6em;
  font-weight:900;
}
.hnv04-global-top{
  margin:0 0 18px;
}
.hnv04-public-url-box{
  display:none;
}

@media(max-width:720px){
  .hnv04-org-row .hnv04-org-name{
    font-size:26px;
  }
  .hnv04-public-tab{
    flex-basis:165px;
    min-width:165px;
  }
}


/* v1.2.0 shared tabs */
.hnv04-tab-scroll-shell{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:stretch;
  margin:18px 0 0;
}
.hnv04-tab-scroll-shell .hnv04-category-tabs,
.hnv04-tab-scroll-shell .hnv04-shared-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:0;
  min-width:0;
  margin:0;
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  border-bottom:1px solid var(--line);
}
.hnv04-tab-scroll-shell .hnv04-category-tabs::-webkit-scrollbar,
.hnv04-tab-scroll-shell .hnv04-shared-tabs::-webkit-scrollbar{
  display:none;
}
.hnv04-shared-tab,
.hnv04-tab-scroll-shell .hnv04-tab{
  flex:0 0 auto;
  min-width:max-content;
  margin:0 0 -1px;
  padding:13px 16px;
  border:1px solid var(--line);
  border-bottom-color:var(--line);
  border-radius:10px 10px 0 0;
  background:#f3f4f6;
  color:#555;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-weight:700;
  cursor:pointer;
}
.hnv04-shared-tab + .hnv04-shared-tab{
  margin-left:-1px;
}
.hnv04-shared-tab.active,
.hnv04-tab-scroll-shell .hnv04-tab.active{
  position:relative;
  z-index:2;
  background:#fff;
  color:#222;
  border-color:var(--line);
  border-bottom-color:#fff;
}
.hnv04-shared-tab.status-active .hnv04-shared-tab-symbol{
  color:#16833b;
}
.hnv04-shared-tab.status-paused .hnv04-shared-tab-symbol{
  color:#916300;
}
.hnv04-shared-tab.status-disabled .hnv04-shared-tab-symbol{
  color:#a52a2a;
}
.hnv04-shared-tab.status-paused:not(.active){
  background:#fffaf0;
}
.hnv04-shared-tab.status-disabled:not(.active){
  background:#f1f1f1;
}
.hnv04-tab-arrow{
  width:36px;
  border:1px solid var(--line);
  background:#fff;
  color:#222;
  font-size:27px;
  line-height:1;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .15s ease;
  z-index:4;
}
.hnv04-tab-arrow.visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.hnv04-tab-arrow-left{
  border-radius:10px 0 0 0;
  border-right:0;
}
.hnv04-tab-arrow-right{
  border-radius:0 10px 0 0;
  border-left:0;
}
.hnv04-tab-arrow:hover{
  background:#f5f6f7;
}
.hnv04-manager-tab-shell + .hnv04-category-panel{
  border-top:0;
}
.hnv04-public-tab-shell{
  margin:0 0 8px;
}
.hnv04-public-tab-shell + #hnv04-public-root{
  margin-top:0;
}

/* Remove the old public-card tab styling in favor of the shared manager/public design. */
.hnv04-public-tab{
  display:none;
}
.hnv04-public-category-tabs{
  display:flex;
  gap:0;
  overflow-x:auto;
  padding:0;
  margin:0;
}
.hnv04-public-card .hnv04-tab-scroll-shell{
  margin-top:0;
}
.hnv04-public-card .hnv04-shared-tab{
  font-size:15px;
}
.hnv04-public-card .hnv04-tab-scroll-shell{
  margin-bottom:0;
}
.hnv04-public-card #hnv04-public-root{
  border:1px solid var(--line);
  border-top:0;
  border-radius:0 0 14px 14px;
  padding:18px;
  background:#fff;
}
.hnv04-public-card #hnv04-public-root:empty{
  display:none;
}
.hnv04-public-card .hnv04-public-status-message{
  margin-top:0;
  border-radius:0 0 12px 12px;
  border-top:0;
}
.hnv04-public-card .hnv04-public-box:first-child{
  margin-top:0;
}
.hnv04-public-card .hnv04-public-question:first-of-type{
  padding-top:0;
}

@media(max-width:720px){
  .hnv04-tab-arrow{
    width:32px;
    font-size:24px;
  }
  .hnv04-shared-tab,
  .hnv04-tab-scroll-shell .hnv04-tab{
    padding:12px 14px;
    font-size:14px;
  }
}


/* v1.4.0: consultation category cards */
.hnv04-category-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.hnv04-category-card{
  min-width:0;
  min-height:84px;
  padding:14px;
  border:1px solid #d8dde4;
  border-radius:12px;
  background:#fff;
  color:#222;
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.hnv04-category-card:hover{
  border-color:#aeb7c3;
  transform:translateY(-1px);
}
.hnv04-category-card.selected{
  border-color:#202124;
  box-shadow:0 0 0 2px #202124 inset;
}
.hnv04-category-card.status-paused{
  background:#fffaf0;
}
.hnv04-category-card.status-disabled{
  background:#f3f3f3;
}
.hnv04-category-card-top{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.hnv04-category-card-symbol{
  flex:0 0 auto;
  font-size:19px;
  font-weight:900;
}
.hnv04-category-card.status-active .hnv04-category-card-symbol{
  color:#16833b;
}
.hnv04-category-card.status-paused .hnv04-category-card-symbol{
  color:#916300;
}
.hnv04-category-card.status-disabled .hnv04-category-card-symbol{
  color:#a52a2a;
}
.hnv04-category-card-title{
  font-weight:800;
  line-height:1.45;
}
.hnv04-category-card-status{
  display:block;
  margin-top:8px;
  color:#667085;
  font-size:12px;
  font-weight:700;
}
.hnv04-add-category-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-style:dashed;
  color:#4b5563;
  text-align:center;
}
.hnv04-add-category-plus{
  font-size:24px;
  line-height:1;
}
.hnv04-add-category-form{
  margin:-4px 0 18px;
  padding:16px;
  border:1px solid #d8dde4;
  border-radius:12px;
  background:#f8fafc;
}
.hnv04-add-category-form label strong{
  display:block;
  margin-bottom:7px;
}
.hnv04-add-category-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
}
.hnv04-single-input{
  min-height:auto;
  height:auto;
}
.hnv04-category-manage-bar{
  display:flex;
  gap:14px;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.hnv04-category-name-field{
  flex:1;
}
.hnv04-category-name-field strong{
  display:block;
  margin-bottom:7px;
}
.hnv04-category-order-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.hnv04-category-order-actions button:disabled{
  opacity:.4;
  cursor:not-allowed;
}
.hnv04-public-category-grid{
  margin:12px 0 18px;
}
.hnv04-public-category-label{
  font-size:17px;
  font-weight:800;
}
.hnv04-public-card #hnv04-public-root{
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px;
  background:#fff;
}
.hnv04-selected-consultation-title{
  margin:-2px 0 16px;
  padding-bottom:13px;
  border-bottom:2px solid #222;
  font-size:21px;
  font-weight:900;
}
.hnv04-public-card .hnv04-public-status-message{
  margin-top:0;
  border-radius:14px;
}

@media(max-width:900px){
  .hnv04-category-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:600px){
  .hnv04-category-card-grid{
    grid-template-columns:1fr;
  }
  .hnv04-category-manage-bar{
    flex-direction:column;
    align-items:stretch;
  }
  .hnv04-category-order-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .hnv04-category-order-actions .danger{
    grid-column:1/-1;
  }
}

/* v2.17.4: the easy editor is the public form itself. */
.hnv2-public-form-editor .hnv2-preview-page{
  padding-top:18px;
}
.hnv2-public-editor-private{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 18px;
  border-bottom:1px solid #d8e0e9;
  background:#f4f7fa;
  color:#34465a;
  font-size:13px;
}
.hnv2-public-editor-private>strong{
  flex:0 0 auto;
  color:#52657a;
  font-size:12px;
}
.hnv2-public-editor-private label{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  font-weight:800;
}
.hnv2-public-editor-private input{
  min-width:0;
  width:100%;
  max-width:380px;
  min-height:38px;
  border:1px solid #aebcca;
  border-radius:7px;
  background:#fff;
  padding:8px 10px;
  font-size:14px;
}
.hnv2-public-form-editor .hnv2-direct-header-image{
  padding:0;
  border:0;
  background:transparent;
}
.hnv2-public-form-editor .hnv2-direct-header-image .hnv2-banner-file-trigger{
  display:block;
  width:100%;
  min-height:40px;
  margin:7px 0 0;
  border:1px dashed #315da9;
  border-radius:8px;
  background:#f7faff;
  color:#214f9f;
  font-weight:900;
  cursor:pointer;
}
.hnv2-public-editable-text{
  box-sizing:border-box;
  min-width:0;
  border:1px dashed #d0a837!important;
  border-radius:6px!important;
  background:#fffdf2!important;
  color:inherit!important;
  padding:5px 7px!important;
  font:inherit!important;
  line-height:1.45!important;
  box-shadow:none!important;
}
.hnv2-public-editable-text:hover{
  border-color:#b4880d!important;
  background:#fff9dc!important;
}
.hnv2-public-editable-text:focus{
  outline:3px solid rgba(217,164,16,.2)!important;
  border-style:solid!important;
  border-color:#b47c00!important;
  background:#fff!important;
}
.hnv2-public-editable-page-title{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 20px!important;
}
.hnv2-public-editable-page-title input{
  width:min(430px,100%);
  font-size:inherit!important;
  font-weight:inherit!important;
}
.hnv2-public-edit-item{
  position:relative;
  margin:10px 0;
}
.hnv2-public-edit-item>.hnv04-public-box{
  margin:0;
}
.hnv2-public-editable-notice-title{
  display:block;
  width:100%;
  margin:0 0 7px;
  font-weight:900!important;
}
.hnv2-public-editable-notice-body{
  display:block;
  width:100%;
  min-height:64px;
  resize:vertical;
}
.hnv2-public-admin-strip{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:5px 0 0;
  padding:7px 9px;
  border:1px solid #d8e0e9;
  border-radius:7px;
  background:#f5f7f9;
  color:#52657a;
  font-size:12px;
  font-weight:800;
}
.hnv2-public-admin-strip label{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.hnv2-public-admin-strip select{
  min-height:32px;
  max-width:170px;
  border:1px solid #aebcca;
  border-radius:6px;
  background:#fff;
  padding:4px 26px 4px 7px;
  color:#26384d;
  font-weight:800;
}
.hnv2-public-admin-actions{
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:auto;
}
.hnv2-public-admin-actions button,
.hnv2-public-show-category{
  min-height:32px;
  border:1px solid #aebcca;
  border-radius:6px;
  background:#fff;
  color:#34465a;
  padding:5px 8px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.hnv2-public-admin-actions button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.hnv2-public-admin-actions .hnv2-public-admin-delete{
  border-color:#e2b9b9;
  color:#9d2727;
}
.hnv2-public-category-editor{
  min-width:0;
}
.hnv2-public-category-editor>.hnv04-category-card{
  display:block;
  width:100%;
  min-height:96px;
  text-align:left;
}
.hnv2-public-category-editor.is-active>.hnv04-category-card{
  box-shadow:0 0 0 3px rgba(48,104,190,.12);
}
.hnv2-public-editable-category{
  width:100%;
  font-weight:900!important;
}
.hnv2-public-category-admin{
  align-items:stretch;
}
.hnv2-public-category-admin>label{
  flex:1 1 112px;
}
.hnv2-public-category-admin select{
  width:100%;
}
.hnv2-public-show-category{
  flex:1 1 auto;
  border-color:#7698c9;
  color:#214f9f;
}
.hnv2-public-status-reason{
  display:block;
  width:100%;
  margin-top:5px;
}
.hnv2-public-editable-prompt{
  display:flex;
  align-items:center;
  gap:7px;
}
.hnv2-public-editable-prompt input{
  width:100%;
  font-weight:900!important;
}
.hnv2-public-question-editor{
  padding-top:18px!important;
}
.hnv2-public-question-label{
  display:flex;
  align-items:flex-start;
  gap:7px;
}
.hnv2-public-question-label .hnv04-question-number{
  flex:0 0 auto;
  padding-top:6px;
}
.hnv2-public-editable-question{
  flex:1 1 auto;
  width:100%;
  min-height:39px;
  resize:vertical;
  overflow:hidden;
  font-weight:900!important;
}
.hnv2-public-editable-contact{
  flex:1 1 auto;
  width:100%;
  font-weight:900!important;
}
.hnv2-public-editable-note{
  display:block;
  width:100%;
  margin:0 0 9px;
  color:#596b7d!important;
  font-size:13px!important;
}
.hnv2-public-answer-preview{
  position:relative;
  padding-top:24px;
  pointer-events:none;
}
.hnv2-public-answer-preview>span{
  position:absolute;
  top:0;
  left:0;
  display:inline-flex;
  align-items:center;
  min-height:20px;
  border-radius:999px;
  background:#edf1f4;
  color:#657587;
  padding:2px 8px;
  font-size:11px;
  font-weight:800;
}
.hnv2-public-answer-preview input,
.hnv2-public-answer-preview textarea,
.hnv2-public-answer-preview .hnv04-choice-card,
.hnv2-public-answer-preview .hnv04-choice{
  background:#f1f3f5!important;
  color:#778493!important;
  opacity:.82;
}
.hnv2-public-question-admin{
  margin-top:9px;
}
.hnv2-public-required-switch input{
  width:18px;
  height:18px;
  accent-color:#2457b8;
}
.hnv2-public-option-editor{
  display:block;
  width:100%;
  min-height:78px;
  margin-top:6px;
  resize:vertical;
  font-size:13px!important;
}
.hnv2-public-contact-heading{
  margin-bottom:8px;
}
.hnv2-public-editable-section-title{
  display:block;
  width:100%;
  margin:0 0 7px;
  font-size:22px!important;
  font-weight:900!important;
}
.hnv2-public-editable-help{
  display:block;
  width:100%;
  min-height:58px;
  resize:vertical;
  color:#52657a!important;
}

@media(max-width:600px){
  .hnv2-public-editor-private{
    display:block;
    padding:10px 12px;
  }
  .hnv2-public-editor-private>strong{
    display:block;
    margin-bottom:6px;
  }
  .hnv2-public-editor-private label{
    display:block;
  }
  .hnv2-public-editor-private input{
    display:block;
    max-width:none;
    margin-top:5px;
  }
  .hnv2-public-editable-page-title{
    display:block;
    font-size:23px!important;
  }
  .hnv2-public-editable-page-title input{
    display:block;
    width:100%;
    margin-bottom:7px;
  }
  .hnv2-public-form-editor .hnv04-public-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .hnv2-public-category-editor>.hnv04-category-card{
    min-height:88px;
    padding:8px!important;
  }
  .hnv2-public-category-editor .hnv04-category-card-top{
    align-items:flex-start;
  }
  .hnv2-public-editable-category{
    padding:4px!important;
    font-size:12px!important;
  }
  .hnv2-public-category-admin{
    display:block;
    padding:6px;
  }
  .hnv2-public-category-admin>label,
  .hnv2-public-show-category{
    display:flex;
    width:100%;
    margin-bottom:5px;
  }
  .hnv2-public-admin-actions{
    width:100%;
    margin:5px 0 0;
  }
  .hnv2-public-admin-actions button{
    flex:1 1 0;
    padding:5px 3px;
  }
  .hnv2-public-admin-strip{
    align-items:stretch;
  }
  .hnv2-public-question-admin>label:first-child{
    flex:1 1 100%;
  }
  .hnv2-public-question-admin select{
    width:100%;
    max-width:none;
  }
}


/* v1.4.2 public form structure */
.hnv04-public-selection-card{
  margin-top:18px;
}
.hnv04-public-selection-card .hnv04-public-category-grid{
  margin-bottom:0;
}
#hnv04-public-root{
  margin-top:18px;
}
#hnv04-public-root .hnv04-public-card + .hnv04-public-card{
  margin-top:18px;
}
.hnv04-public-questions-card,
.hnv04-public-contact-card,
.hnv04-public-status-card{
  border:1px solid var(--line);
  border-radius:14px;
  padding:20px;
  background:#fff;
}
.hnv04-public-selection-card{
  border:1px solid var(--line);
  border-radius:14px;
  padding:20px;
  background:#fff;
}
.hnv04-public-section-title{
  margin:0 0 6px;
  font-size:22px;
  line-height:1.35;
}
.hnv04-public-section-help{
  margin:0 0 20px;
  color:#667085;
  line-height:1.7;
}
.hnv04-no-questions{
  margin:0;
  color:#667085;
}
.hnv04-public-status-card .hnv04-public-status-message{
  margin:0;
  border:0;
  padding:0;
  background:transparent;
}
.hnv04-public-status-card .hnv04-public-status-message.status-paused,
.hnv04-public-status-card .hnv04-public-status-message.status-disabled{
  background:transparent;
}
.hnv04-public-contact-card .hnv04-public-question:first-of-type{
  padding-top:0;
}
.hnv04-public-contact-card .hnv04-submit-area{
  margin-top:24px;
}


/* v1.5.2 */
.hnv04-category-panel.inactive .hnv04-section{
  filter:none !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.hnv04-inactive-settings-note{
  margin-top:16px;
  padding:16px;
  border:1px solid #d8dde4;
  border-radius:10px;
  background:#f7f7f7;
  color:#667085;
  line-height:1.7;
}

/* v2.0.0 secret edit URL flow */
.hnv2-shell{width:min(1120px,calc(100% - 28px));margin:32px auto 70px}
.hnv2-public-shell{width:min(860px,calc(100% - 24px));margin:24px auto 60px}
.hnv2-service-header,.hnv2-editor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.hnv2-service-header h1,.hnv2-editor-header h1{margin:5px 0 8px;font-size:34px}
.hnv2-service-header p{margin:0;color:#667085;line-height:1.75}
.hnv2-eyebrow{display:block;color:#335fd1;font-size:13px;font-weight:800}
.hnv2-mini-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 22px}
.hnv2-mini-guide div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d8dde4;border-radius:12px;padding:14px}
.hnv2-mini-guide b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#222;color:#fff}
.hnv2-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hnv2-field-grid .hnv04-field{margin:0}
.hnv2-field-grid small{display:block;margin-top:7px;color:#667085;line-height:1.6}
.hnv2-publish-card{text-align:left}
.hnv2-human-check{display:block;margin:18px 0;font-weight:700}
.hnv2-human-check input{width:auto;margin-right:7px}
.hnv2-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
.hnv2-big-button{font-size:17px;padding:15px 22px}
.hnv2-note{color:#667085;font-size:13px;margin-bottom:0}
.hnv2-banner-preview{display:block;max-width:100%;max-height:220px;object-fit:contain;background:#f7f7f7;border-radius:10px;margin:10px 0 16px}
.hnv2-editor-nav{display:flex;gap:8px;overflow-x:auto;margin:18px 0}
.hnv2-editor-nav a{white-space:nowrap;border:1px solid #d8dde4;border-radius:9px;background:#fff;color:#222;padding:10px 14px;text-decoration:none}
.hnv2-editor-nav a.active{background:#222;color:#fff;border-color:#222}
.hnv2-secondary-button{display:inline-block;border:1px solid #d8dde4;border-radius:9px;background:#fff;color:#222;padding:10px 14px;text-decoration:none}
.hnv2-created-panel,.hnv2-manage-url-card,.hnv2-guide-card,.hnv2-submissions-card,.hnv2-danger-zone{background:#fff;border:1px solid #d8dde4;border-radius:16px;padding:22px;margin:18px 0}
.hnv2-created-panel{border:2px solid #222}
.hnv2-created-panel h2,.hnv2-manage-url-card h2,.hnv2-guide-card h2,.hnv2-submissions-card h2,.hnv2-danger-zone h2{margin-top:0}
.hnv2-url-box{padding:16px;border-radius:13px;margin:14px 0}
.hnv2-url-box.public{background:#edf8f0;border:1px solid #98d1a7}
.hnv2-url-box.secret{background:#fff1f0;border:1px solid #e0aaa5}
.hnv2-url-box p{line-height:1.7}
.hnv2-url-box code,.hnv2-manage-url-card code,.hnv2-guide-step code{display:block;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:11px;word-break:break-all;margin:10px 0}
.hnv2-url-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.hnv2-url-actions button,.hnv2-url-actions a{border:1px solid #c9d0d9;background:#fff;color:#222;border-radius:8px;padding:9px 12px;text-decoration:none}
.hnv2-guide-step{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #d8dde4}
.hnv2-guide-step>span{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#222;color:#fff;font-weight:800}
.hnv2-guide-step h3{margin:0 0 6px}
.hnv2-guide-step p{margin:0;color:#667085;line-height:1.7}
.hnv2-guide-warning{margin-top:18px;padding:16px;border-radius:10px;background:#fff1f0;border:1px solid #e0aaa5;line-height:1.7}
.hnv2-danger-zone{border-color:#e0aaa5}
.hnv2-danger-button{border:1px solid #e0aaa5;background:#fff;color:#b42318;border-radius:8px;padding:10px 14px}
.hnv2-back-button{border:0;background:transparent;color:#44505e;padding:6px 0;margin-bottom:12px}
.hnv2-public-banner{background:#fff;border-radius:14px;overflow:hidden;margin-bottom:18px}
.hnv2-public-banner img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}
.hnv2-public-header h1{font-size:32px;margin:18px 0}
.hnv2-credit{text-align:center;color:#7a838e;font-size:13px;line-height:1.7;margin:30px 0}
.hnv2-credit a{color:#667085}
.hnv2-submission{border:1px solid #d8dde4;border-radius:12px;padding:16px;margin:14px 0}
.hnv2-submission-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d8dde4;padding-bottom:10px}
.hnv2-submission-head span{color:#667085;font-size:13px}
.hnv2-submission dl{display:grid;grid-template-columns:130px 1fr;gap:7px 12px}
.hnv2-submission dt{font-weight:700}.hnv2-submission dd{margin:0}
.hnv2-answer{margin-top:14px}.hnv2-answer p{margin:5px 0 0}
.hnv2-auth-shell{width:min(620px,calc(100% - 24px));margin:50px auto}
.hnv2-auth-card{background:#fff;border:1px solid #d8dde4;border-radius:16px;padding:24px}
.hnv2-auth-card h1{margin-top:0}.hnv2-auth-card label{display:block;font-weight:700;margin:18px 0}.hnv2-recover-note{margin-top:20px;padding:15px;background:#f5f6f8;border-radius:10px}
@media(max-width:800px){.hnv2-field-grid,.hnv2-mini-guide{grid-template-columns:1fr}.hnv2-service-header,.hnv2-editor-header{display:block}.hnv2-editor-header .hnv2-secondary-button{margin-top:10px}}
@media(max-width:560px){.hnv2-shell,.hnv2-public-shell{width:calc(100% - 18px);margin-top:16px}.hnv2-service-header h1,.hnv2-editor-header h1,.hnv2-public-header h1{font-size:26px}.hnv2-created-panel,.hnv2-manage-url-card,.hnv2-guide-card,.hnv2-submissions-card,.hnv2-danger-zone{padding:16px;border-radius:13px}.hnv2-submission dl{grid-template-columns:1fr}}
.hnv2-recovery-warning{margin-top:14px;padding:14px 16px;border:1px solid #e4c571;border-radius:10px;background:#fff7e7;color:#755300;line-height:1.7}

/* v2.1.0 preview, clearer setup, custom contact fields, accordion submissions */
.hnv04-field input[type="url"],
.hnv04-public-card input[type="number"]{
  display:block;
  width:100%;
  margin-top:7px;
  border:1px solid #cfd5dc;
  border-radius:10px;
  padding:12px 13px;
  background:#fff;
}
.hnv2-step1-card .hnv04-step-head{margin-bottom:16px}
.hnv2-step-explain{
  display:grid;
  grid-template-columns:auto auto 1fr;
  gap:12px;
  align-items:center;
  margin:0 0 18px;
  padding:13px 15px;
  border:1px solid #bfd7f2;
  border-radius:11px;
  background:#eef6ff;
  line-height:1.55;
}
.hnv2-step-explain-label{font-size:12px;font-weight:800;background:#fff;border:1px solid #bdd6f4;border-radius:999px;padding:5px 9px;white-space:nowrap}
.hnv2-step-explain-arrow{font-size:22px;font-weight:900;color:#52759b}
.hnv2-step-explain span{color:#55708c;font-size:13px}
.hnv2-public-info-box{
  padding:18px;
  border:1px solid #d8dde4;
  border-radius:13px;
  background:#fafbfc;
}
.hnv2-public-info-box .hnv04-field:last-child{margin-bottom:0}
.hnv2-optional-title{margin:24px 0 10px}
.hnv2-optional-title h3{margin:0 0 5px;font-size:18px}
.hnv2-optional-title p{margin:0;color:#667085;line-height:1.65}
.hnv2-optional-setting-list{display:grid;gap:9px}
.hnv2-optional-setting{border:1px solid #d8dde4;border-radius:12px;background:#fff;overflow:hidden}
.hnv2-optional-setting summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 16px;cursor:pointer;font-weight:800;list-style:none}
.hnv2-optional-setting summary::-webkit-details-marker{display:none}
.hnv2-optional-setting summary:after{content:'＋';font-size:20px;color:#667085}
.hnv2-optional-setting[open] summary:after{content:'−'}
.hnv2-optional-setting summary small{display:block;color:#667085;font-weight:500;font-size:12px;margin-left:auto}
.hnv2-optional-setting>div{padding:0 16px 16px;border-top:1px solid #edf0f2}
.hnv2-optional-setting .hnv04-field{margin:15px 0 0}
.hnv2-builder-view-switch{
  position:sticky;
  top:10px;
  z-index:35;
  display:grid;
  grid-template-columns:auto auto 1fr;
  gap:8px;
  align-items:center;
  margin:14px 0 18px;
  padding:10px;
  border:1px solid #d8dde4;
  border-radius:13px;
  background:rgba(255,255,255,.96);
  box-shadow:0 5px 20px rgba(0,0,0,.07);
  backdrop-filter:blur(8px);
}
.hnv2-builder-view-switch button,.hnv2-preview-heading button{
  border:1px solid #cbd2da;
  border-radius:9px;
  background:#fff;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
}
.hnv2-builder-view-switch button.active{background:#222;color:#fff;border-color:#222}
.hnv2-builder-view-switch p{margin:0 4px;color:#667085;font-size:13px}
.hnv2-preview-view{background:#fff;border:1px solid #d8dde4;border-radius:16px;padding:20px}
.hnv2-preview-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}
.hnv2-preview-heading span{color:#335fd1;font-size:12px;font-weight:800}
.hnv2-preview-heading h2{margin:4px 0 0}
.hnv2-preview-note{margin:16px 0 0;color:#667085;text-align:center;font-size:13px}
.hnv2-preview-browser{overflow:hidden;border:1px solid #bec5ce;border-radius:15px;background:#f3f5f7;box-shadow:0 8px 28px rgba(0,0,0,.09)}
.hnv2-preview-browser-bar{display:flex;align-items:center;gap:7px;padding:10px 13px;background:#e8ebef;border-bottom:1px solid #cbd1d8}
.hnv2-preview-browser-bar span{width:10px;height:10px;border-radius:50%;background:#aab1ba}
.hnv2-preview-browser-bar small{margin-left:8px;color:#667085}
.hnv2-preview-page{width:min(100% - 24px,760px);margin:0 auto;padding:20px 0 34px}
.hnv2-preview-page h1{font-size:27px;margin:16px 0}
.hnv2-preview-back{color:#667085;font-size:13px;margin-bottom:9px}
.hnv2-preview-banner{display:grid;place-items:center;min-height:105px;border:1px dashed #aab3bd;border-radius:12px;background:#fff;color:#89929c}
.hnv2-preview-page .hnv04-public-card{margin:13px 0;box-shadow:none}
.hnv2-preview-input,.hnv2-preview-file{border:1px solid #cfd5dc;border-radius:10px;padding:12px 13px;color:#a3a8b0;background:#fff}
.hnv2-preview-input.tall{min-height:78px}
.hnv2-preview-file{display:inline-block;color:#59636e}
.hnv2-preview-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.hnv2-preview-choice span{border:1px solid #d9dee5;border-radius:10px;padding:11px;background:#fff}
.hnv2-sticky-save{
  position:sticky;
  bottom:10px;
  z-index:30;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin:20px 0;
  padding:12px 14px;
  border:1px solid #b9c1cb;
  border-radius:13px;
  background:rgba(255,255,255,.97);
  box-shadow:0 -5px 20px rgba(0,0,0,.08);
}
.hnv2-sticky-save span{color:#667085;font-size:13px}
.hnv2-sticky-save .hnv04-primary-button{width:auto;min-width:190px}
.hnv2-publish-help{color:#667085;line-height:1.7}
.hnv2-contact-settings-card{margin-top:18px}
.hnv2-privacy-note{margin:0 0 15px;padding:14px;border:1px solid #e7cf83;border-radius:10px;background:#fff8df;color:#6f5920;line-height:1.65}
.hnv2-contact-field-row{margin:12px 0}
.hnv2-contact-field-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.hnv2-contact-editor-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(170px,.7fr);gap:12px}
.hnv2-contact-editor-grid label strong{display:block;margin-bottom:6px}
.hnv2-contact-placeholder{grid-column:1/-1}
.hnv2-submissions-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.hnv2-submissions-title h2{margin:0 0 5px}
.hnv2-submissions-title p{margin:0;color:#667085;line-height:1.6}
.hnv2-unread-count{flex:0 0 auto;border:1px solid #d7b54d;border-radius:999px;background:#fff2b8;color:#6c5100;padding:7px 11px;font-weight:800;font-size:13px}
.hnv2-submission-accordion{margin:10px 0;border:1px solid #d8dde4;border-radius:12px;background:#fff;overflow:hidden}
.hnv2-submission-accordion.unread{border-color:#ddb94e;background:#fff9db;box-shadow:0 0 0 1px #f2d874 inset}
.hnv2-submission-accordion summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;cursor:pointer;list-style:none}
.hnv2-submission-accordion summary::-webkit-details-marker{display:none}
.hnv2-submission-accordion summary:after{content:'⌄';font-size:21px;color:#667085;transition:transform .15s}
.hnv2-submission-accordion[open] summary:after{transform:rotate(180deg)}
.hnv2-submission-summary-main{display:flex;align-items:center;gap:9px;min-width:0}
.hnv2-submission-summary-main strong{font-size:16px}
.hnv2-submission-person{color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hnv2-submission-date{margin-left:auto;color:#667085;font-size:13px;white-space:nowrap}
.hnv2-new-badge{display:none;border-radius:5px;background:#f2c94c;color:#4f3b00;padding:3px 6px;font-size:11px;font-weight:900}
.hnv2-submission-accordion.unread .hnv2-new-badge{display:inline-block}
.hnv2-submission-body{padding:0 16px 18px;border-top:1px solid #e2e5e9;background:#fff}
.hnv2-submission-section{padding-top:15px}
.hnv2-submission-section h3{margin:0 0 10px;font-size:17px}
.hnv2-submission-section dl{display:grid;grid-template-columns:160px 1fr;margin:0}
.hnv2-submission-section dt,.hnv2-submission-section dd{padding:9px 0;border-bottom:1px solid #edf0f2}
.hnv2-submission-section dt{font-weight:800}.hnv2-submission-section dd{margin:0}
.hnv2-answer-detail{padding:10px 12px;border-radius:8px;background:#f7f8fa;color:#59636e}
.hnv2-guide-intro{text-align:center;margin-bottom:20px}
.hnv2-guide-intro span{display:inline-block;border-radius:999px;background:#222;color:#fff;padding:5px 10px;font-size:12px;font-weight:800}
.hnv2-guide-intro h2{margin:9px 0 5px}
.hnv2-guide-intro p{margin:0;color:#667085}
.hnv2-visual-guide-row{display:grid;grid-template-columns:1fr 42px 1fr;gap:10px;align-items:stretch;margin:9px 0}
.hnv2-visual-guide-setting,.hnv2-visual-guide-result{border:1px solid #d8dde4;border-radius:11px;padding:13px;background:#f8fafc}
.hnv2-visual-guide-result{background:#eef6ff;border-color:#bfd7f2}
.hnv2-visual-guide-setting small,.hnv2-visual-guide-result small{display:block;color:#667085;margin-bottom:4px}
.hnv2-visual-guide-arrow{display:grid;place-items:center;font-size:24px;font-weight:900;color:#667085}
.hnv2-guide-channel-map{margin-top:20px;padding:18px;border:1px solid #d8dde4;border-radius:13px;background:#f8fafc;text-align:center}
.hnv2-guide-channel-map>div:first-child{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.hnv2-guide-channel-map>div:first-child span{padding:10px 7px;border:1px solid #d8dde4;border-radius:9px;background:#fff;font-weight:700;font-size:13px}
.hnv2-guide-channel-map>strong{display:block;margin:14px 0;color:#59636e}
.hnv2-guide-destination{padding:14px;border-radius:10px;background:#222;color:#fff;font-weight:800}
@media(max-width:720px){
  .hnv2-step-explain{grid-template-columns:auto 1fr}.hnv2-step-explain-arrow{display:none}
  .hnv2-optional-setting summary{align-items:flex-start;flex-wrap:wrap}.hnv2-optional-setting summary small{width:100%;margin-left:0}
  .hnv2-builder-view-switch{grid-template-columns:1fr 1fr;top:4px}.hnv2-builder-view-switch p{grid-column:1/-1}
  .hnv2-preview-heading,.hnv2-sticky-save,.hnv2-submissions-title{align-items:stretch;flex-direction:column}
  .hnv2-sticky-save .hnv04-primary-button{width:100%;min-width:0}
  .hnv2-contact-editor-grid{grid-template-columns:1fr}
  .hnv2-contact-placeholder{grid-column:auto}
  .hnv2-submission-accordion summary{align-items:flex-start;flex-wrap:wrap}
  .hnv2-submission-date{width:100%;margin-left:0}
  .hnv2-submission-section dl{grid-template-columns:1fr}.hnv2-submission-section dt{padding-bottom:2px;border-bottom:0}.hnv2-submission-section dd{padding-top:0}
  .hnv2-visual-guide-row{grid-template-columns:1fr}.hnv2-visual-guide-arrow{transform:rotate(90deg);height:28px}
  .hnv2-guide-channel-map>div:first-child{grid-template-columns:1fr 1fr}
  .hnv2-preview-choice{grid-template-columns:1fr}
}


/* v2.2.0 simplified step explanations, per-step preview and contact information */
.hnv2-step-head-with-preview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start}
.hnv2-step-head-copy{min-width:0}
.hnv2-step-head-copy p{line-height:1.7}
.hnv2-step-subnote{margin-top:8px!important;font-weight:700;color:#44546a!important}
.hnv2-step-preview-button{border:1px solid #9fb8dc;border-radius:9px;background:#eef6ff;color:#234d83;padding:9px 13px;font-weight:800;white-space:nowrap}
.hnv2-step-preview-button:hover{background:#dfedff}
.hnv2-notice-title-field{display:block;margin:0 0 14px;padding:13px;border:1px solid #d8dde4;border-radius:10px;background:#f8fafc}
.hnv2-notice-title-field strong{display:block;margin-bottom:6px}
.hnv2-contact-editor-simple{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr)}
.hnv2-contact-warning{margin:0 0 15px;padding:14px;border:1px solid #e0aaa5;border-radius:10px;background:#fff1f0;color:#8f2e25;line-height:1.65}
.hnv2-contact-preset-panel{margin-top:12px;padding:15px;border:1px solid #cbd2da;border-radius:11px;background:#f8fafc}
.hnv2-contact-preset-panel>strong{display:block;margin-bottom:11px}
.hnv2-contact-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.hnv2-contact-preset-grid button{border:1px solid #cbd2da;border-radius:9px;background:#fff;padding:10px 8px;font-weight:700}
.hnv2-contact-note{margin:6px 0 8px;color:#667085;font-size:13px;line-height:1.6}
.hnv2-preview-part{position:relative;border:2px solid transparent;border-radius:14px;padding:4px;transition:border-color .2s,background .2s,box-shadow .2s}
.hnv2-preview-part.hnv2-preview-focus{border-color:#2f68c5;background:#eef6ff;box-shadow:0 0 0 4px rgba(47,104,197,.12)}
.hnv2-preview-part.hnv2-preview-focus:before{content:'この部分に表示されます';position:absolute;right:10px;top:-13px;border-radius:999px;background:#2f68c5;color:#fff;padding:4px 9px;font-size:11px;font-weight:800;z-index:3}
.hnv2-preview-empty-part{margin:12px 0;padding:18px;border:1px dashed #aab3bd;border-radius:10px;background:#fff;color:#89929c;text-align:center}
@media(max-width:720px){
  .hnv2-step-head-with-preview{grid-template-columns:auto 1fr}.hnv2-step-preview-button{grid-column:1/-1;width:100%;margin-top:4px}
  .hnv2-contact-editor-simple{grid-template-columns:1fr}
  .hnv2-contact-preset-grid{grid-template-columns:1fr 1fr}
}


/* v2.3.0 clearer substeps, unified email, and URL guidance */
.hnv2-service-email-box{margin-top:18px;padding:16px;border:1px solid #c7d7ec;border-radius:12px;background:#f3f8ff}
.hnv2-service-email-box .hnv04-field{margin-bottom:8px}
.hnv2-service-email-box p{margin:0;color:#59697c;font-size:13px;line-height:1.7}
.hnv2-substep-card{margin-top:18px}
.hnv2-substep-card .hnv04-section{margin-top:14px}
.hnv2-image-upload-note{display:block;margin-top:7px;color:#667085;font-size:12px;line-height:1.55}
.hnv2-preview-choice-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.hnv2-manage-url-card .hnv2-url-box{margin:14px 0}
@media(max-width:720px){.hnv2-preview-choice-three{grid-template-columns:1fr}}

.hnv04-step-card > .hnv04-category-panel{margin-top:14px;border-top:1px solid var(--line);border-radius:14px}


/* v2.4.0 management URL + 6-digit management number */
.hnv2-url-box.pin{background:#fff7e8;border:1px solid #e4bd69}
.hnv2-url-box.pin code{font-size:24px;font-weight:900;letter-spacing:.18em;text-align:center}
.hnv2-created-lead{padding:12px 14px;border-radius:10px;background:#eef6ff;color:#31577d;line-height:1.7}
.hnv2-management-auth-card{max-width:520px}
.hnv2-management-auth-card input[name="management_number"],
.hnv2-management-auth-card input[name="management_number_confirm"]{font-size:24px;font-weight:800;letter-spacing:.22em;text-align:center}
.hnv2-auth-help{margin-top:18px;padding:12px;border-radius:9px;background:#f5f7fa;color:#667085;font-size:13px;line-height:1.7}
.hnv2-pin-status p{margin-bottom:0}

/* v2.5.0 expanded guide, email explanation, and question examples page */
.hnv2-mini-guide-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.hnv2-mini-guide-five div{align-items:flex-start;min-width:0}
.hnv2-mini-guide-five div b{flex:0 0 auto}
.hnv2-service-email-uses{margin:8px 0 10px;padding:13px 14px;border-radius:10px;background:#fff;border:1px solid #d8e4f2;color:#44546a;line-height:1.7}
.hnv2-service-email-uses p{margin:0}
.hnv2-service-email-uses ol{margin:8px 0;padding-left:1.5em}
.hnv2-service-email-uses li+li{margin-top:4px}
.hnv2-service-email-footnote{padding-top:10px;border-top:1px solid #d8e4f2}
.hnv2-reference-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:18px 0;padding:17px 18px;border:1px solid #b9d0ef;border-radius:14px;background:#eef6ff}
.hnv2-reference-card>div{min-width:0}
.hnv2-reference-card span{display:block;color:#245a93;font-size:12px;font-weight:900;margin-bottom:5px}
.hnv2-reference-card strong{display:block;font-size:17px;line-height:1.55}
.hnv2-reference-card p{margin:5px 0 0;color:#59697c;font-size:13px;line-height:1.65}
.hnv2-reference-card>a{flex:0 0 auto;border:1px solid #245a93;border-radius:9px;background:#fff;color:#245a93;padding:10px 14px;font-weight:800;text-decoration:none;white-space:nowrap}
.hnv2-reference-card>a:hover{background:#245a93;color:#fff}
.hnv2-auth-forgot{margin-top:18px;text-align:center}
.hnv2-auth-forgot a{font-weight:800}
.hnv2-guide-numbered-list{margin:12px 0 0;padding-left:1.4em}
.hnv2-guide-numbered-list li{margin:12px 0;line-height:1.7}
.hnv2-guide-note{margin-top:14px!important;padding:13px 14px;border-radius:10px;background:#f5f7fa;color:#59636e!important;line-height:1.7}
.hnv2-guide-inline-link{margin-top:10px!important}
.hnv2-guide-inline-link a{font-weight:800}
.hnv2-guide-credential-list{display:grid;gap:9px;margin-top:13px}
.hnv2-guide-credential-list>div{padding:13px 14px;border:1px solid #d8dde4;border-radius:10px;background:#f8fafc}
.hnv2-guide-credential-list strong{display:block;margin-bottom:4px}
.hnv2-guide-credential-list p{margin:0!important}
.hnv2-guide-check-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.hnv2-guide-check-methods>div{padding:14px;border:1px solid #d8dde4;border-radius:10px;background:#f8fafc}
.hnv2-guide-check-methods strong{display:block;margin-bottom:5px}
.hnv2-guide-check-methods p{margin:0!important}

.hnv2-examples-page{background:#f5f7fa;color:#222;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.hnv2-examples-shell{width:min(1040px,calc(100% - 28px));margin:36px auto 70px}
.hnv2-examples-header{padding:28px;border:1px solid #d8dde4;border-radius:18px;background:#fff}
.hnv2-examples-header h1{margin:7px 0 11px;font-size:34px;line-height:1.35}
.hnv2-examples-header p{margin:0;color:#59636e;line-height:1.85}
.hnv2-examples-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 22px}
.hnv2-examples-nav a{padding:9px 12px;border:1px solid #cbd2da;border-radius:999px;background:#fff;color:#334155;text-decoration:none;font-weight:700;font-size:13px}
.hnv2-examples-nav a:hover{border-color:#245a93;color:#245a93}
.hnv2-example-section{scroll-margin-top:18px;margin:18px 0;padding:22px;border:1px solid #d8dde4;border-radius:16px;background:#fff}
.hnv2-example-section-head{margin-bottom:16px}
.hnv2-example-section-head>span{display:inline-block;margin-bottom:6px;color:#245a93;font-size:12px;font-weight:900}
.hnv2-example-section-head h2{margin:0 0 6px;font-size:24px}
.hnv2-example-section-head p{margin:0;color:#667085;line-height:1.65}
.hnv2-example-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hnv2-example-columns>div{min-width:0}
.hnv2-example-columns h3{margin:0 0 10px;font-size:18px}
.hnv2-example-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hnv2-example-list li{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 13px;border:1px solid #e0e4e9;border-radius:10px;background:#fafbfc;line-height:1.65}
.hnv2-example-list li span{min-width:0}
.hnv2-example-list li button{flex:0 0 auto;border:1px solid #c4ccd5;border-radius:7px;background:#fff;padding:6px 9px;color:#44505e;font-size:12px;font-weight:800}
.hnv2-example-list li button:hover{border-color:#245a93;color:#245a93}
.hnv2-examples-caution{margin-top:20px;padding:20px;border:1px solid #e3c46e;border-radius:14px;background:#fff8df}
.hnv2-examples-caution h2{margin:0 0 8px;font-size:21px}
.hnv2-examples-caution p{margin:0;color:#65531f;line-height:1.8}
@media(max-width:920px){
  .hnv2-mini-guide-five{grid-template-columns:1fr 1fr}
  .hnv2-mini-guide-five div:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .hnv2-reference-card{align-items:stretch;flex-direction:column}
  .hnv2-reference-card>a{text-align:center}
  .hnv2-guide-check-methods,.hnv2-example-columns{grid-template-columns:1fr}
  .hnv2-examples-shell{width:calc(100% - 18px);margin-top:16px}
  .hnv2-examples-header,.hnv2-example-section{padding:17px}
  .hnv2-examples-header h1{font-size:26px}
  .hnv2-example-list li{flex-direction:column}
  .hnv2-example-list li button{align-self:flex-end}
}


/* v2.6.0: full create-page guide and detailed internal question setting guide */
.hnv2-guide-channel-map{display:none!important}
.hnv2-create-guide-card{margin:18px 0 24px;padding:22px;border:1px solid #d8dde4;border-radius:16px;background:#fff}
.hnv2-create-guide-heading h2{margin:5px 0 0;font-size:24px}
.hnv2-create-guide-steps{display:grid;gap:0;margin-top:16px}
.hnv2-create-guide-steps article{display:flex;gap:14px;padding:17px 0;border-top:1px solid #e4e7eb}
.hnv2-create-guide-steps article>span{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#222;color:#fff;font-weight:900}
.hnv2-create-guide-steps h3{margin:0 0 6px;font-size:17px}
.hnv2-create-guide-steps p{margin:0;color:#59636e;line-height:1.75}
.hnv2-create-guide-steps .hnv2-create-guide-note{margin-top:7px;padding:9px 11px;border-radius:8px;background:#f5f7fa;font-size:13px}
.hnv2-inline-example-help{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 16px;padding:13px 14px;border:1px solid #cfd9e5;border-radius:11px;background:#f6f9fc}
.hnv2-inline-example-help strong,.hnv2-inline-example-help span{display:block}
.hnv2-inline-example-help span{margin-top:3px;color:#667085;font-size:13px}
.hnv2-inline-example-help a{flex:0 0 auto;padding:9px 12px;border:1px solid #9cb3ca;border-radius:8px;background:#fff;color:#245a93;text-decoration:none;font-weight:800;font-size:13px}
.hnv2-examples-howto{margin-top:17px;padding:14px 16px;border:1px solid #b8cadc;border-radius:11px;background:#f5f9fd}
.hnv2-examples-howto p{margin:4px 0 0!important}
.hnv2-guide-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hnv2-guide-group-title{margin:23px 0 10px;font-size:19px}
.hnv2-guide-example-card{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid #dce1e7;border-radius:13px;background:#fafbfc}
.hnv2-guide-example-card h3{margin:5px 0 12px;font-size:18px;line-height:1.55}
.hnv2-guide-example-kind{color:#245a93;font-size:12px;font-weight:900}
.hnv2-guide-example-purpose,.hnv2-guide-example-text{margin-top:9px;padding:11px;border-radius:9px;background:#fff;border:1px solid #e4e7eb}
.hnv2-guide-example-purpose strong,.hnv2-guide-example-text strong{font-size:13px}
.hnv2-guide-example-purpose p,.hnv2-guide-example-text p{margin:5px 0 0;color:#4d5966;line-height:1.7}
.hnv2-guide-example-meta{display:grid;gap:7px;margin:12px 0 14px}
.hnv2-guide-example-meta>div{display:grid;grid-template-columns:125px 1fr;gap:10px;padding-bottom:7px;border-bottom:1px dashed #dce1e7}
.hnv2-guide-example-meta dt{font-size:13px;font-weight:800;color:#667085}
.hnv2-guide-example-meta dd{margin:0;font-size:13px;font-weight:700}
.hnv2-guide-add-button{margin-top:auto;border:0;border-radius:9px;background:#222;color:#fff;padding:11px 13px;font-weight:800}
.hnv2-guide-add-button:disabled{opacity:.65;cursor:default}
.hnv2-example-status{position:sticky;top:10px;z-index:20;margin:14px 0;padding:13px 15px;border-radius:10px;border:1px solid #9cc9aa;background:#eef9f1;font-weight:800}
.hnv2-example-status.notice{border-color:#e1c574;background:#fff9e5}
.hnv2-example-status.error{border-color:#e0aaa5;background:#fff1f0}
.hnv2-example-added-toast{position:fixed;left:50%;bottom:24px;z-index:9999;max-width:calc(100% - 30px);transform:translate(-50%,20px);opacity:0;padding:13px 18px;border-radius:999px;background:#222;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);font-weight:800;transition:.2s ease}
.hnv2-example-added-toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:760px){
  .hnv2-inline-example-help{display:block}
  .hnv2-inline-example-help a{display:inline-block;margin-top:10px}
  .hnv2-guide-example-grid{grid-template-columns:1fr}
  .hnv2-guide-example-meta>div{grid-template-columns:1fr;gap:3px}
  .hnv2-create-guide-card{padding:17px}
}


/* v2.7.0: compact create-page guide, return-to-step preview, simple researched examples */
.hnv2-create-guide-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:18px 0 24px;
  padding:17px 19px;
  border:1px solid #d8dde4;
  border-radius:14px;
  background:#fff;
}
.hnv2-create-guide-link strong{display:block;margin-top:4px;line-height:1.6}
.hnv2-create-guide-link>a{
  flex:0 0 auto;
  padding:11px 16px;
  border-radius:9px;
  background:#222;
  color:#fff;
  text-decoration:none;
  font-weight:800;
}
.hnv2-usage-page{
  background:#f5f7fa;
  color:#222;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
.hnv2-usage-shell{width:min(900px,calc(100% - 28px));margin:36px auto 70px}
.hnv2-usage-header{padding:25px;border:1px solid #d8dde4;border-radius:17px;background:#fff}
.hnv2-usage-header h1{margin:7px 0 9px;font-size:33px}
.hnv2-usage-header p{margin:0;color:#59636e;line-height:1.75}
.hnv2-standalone-guide{margin-top:18px}
.hnv2-usage-back{text-align:center;margin:22px 0}
.hnv2-usage-back a{display:inline-block;padding:11px 16px;border:1px solid #c8d0d9;border-radius:9px;background:#fff;text-decoration:none;font-weight:800}

.hnv2-reference-list{display:grid;gap:11px}
.hnv2-reference-item{
  padding:16px 17px;
  border:1px solid #dce1e7;
  border-radius:12px;
  background:#fafbfc;
}
.hnv2-reference-item>span{display:block;color:#245a93;font-size:12px;font-weight:900}
.hnv2-reference-item h3{margin:5px 0 10px;font-size:17px;line-height:1.65}
.hnv2-reference-item>div{padding:11px 12px;border-radius:9px;background:#fff;border:1px solid #e4e7eb}
.hnv2-reference-item>div strong{font-size:13px}
.hnv2-reference-item>div p{margin:5px 0 0;color:#4d5966;line-height:1.75}
.hnv2-reference-group-title{margin:22px 0 10px;font-size:19px}

@media(max-width:720px){
  .hnv2-create-guide-link{display:block}
  .hnv2-create-guide-link>a{display:block;margin-top:13px;text-align:center}
  .hnv2-usage-shell{width:calc(100% - 18px);margin-top:16px}
  .hnv2-usage-header{padding:18px}
  .hnv2-usage-header h1{font-size:26px}
}


/* v2.9.0: interactive preview and centrally managed public footer */
.hnv2-public-footer{
  margin:28px 0 10px;
  padding:19px 18px;
  border:1px solid #d8dde4;
  border-radius:14px;
  background:#fff;
  text-align:center;
}
.hnv2-public-privacy{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px 12px;
  flex-wrap:wrap;
  color:#667085;
  font-size:13px;
  line-height:1.7;
}
.hnv2-public-privacy a{font-weight:700}
.hnv2-public-footer .hnv2-credit{
  margin:13px 0 7px;
  color:#667085;
  font-size:13px;
  line-height:1.7;
}
.hnv2-free-create-link{
  display:inline-block;
  margin-top:3px;
  font-weight:800;
  text-decoration:none;
}
.hnv2-preview-footer{margin-bottom:0}
.hnv2-preview-link{color:#2457d6;text-decoration:underline;cursor:default}
.hnv2-preview-control{
  width:100%;
  border:1px solid #cfd5dc;
  border-radius:10px;
  padding:11px 12px;
  background:#fff;
  color:#222;
}
textarea.hnv2-preview-control{resize:vertical}
.hnv2-preview-choice-card{cursor:pointer}
.hnv2-preview-view .hnv04-choice-card input:checked + .hnv04-choice-check{opacity:1}
.hnv2-preview-view .hnv04-choice-card:has(input:checked){
  border-color:#222;
  box-shadow:0 0 0 2px #222 inset;
}
.hnv2-preview-view input[type=file].hnv2-preview-control{padding:10px}
@supports not selector(:has(*)){
  .hnv2-preview-view .hnv04-choice-card input:checked ~ .hnv04-choice-text{font-weight:800}
}
@media(max-width:640px){
  .hnv2-public-privacy{display:block}
  .hnv2-public-privacy a{display:block;margin-top:5px}
}


/* v2.10.0: full-width step descriptions and mobile-friendly category editing */
.hnv2-step-head-with-preview{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-bottom:0;
}
.hnv2-step-head-with-preview h2{
  margin:0;
  min-width:0;
  line-height:1.45;
}
.hnv2-step-description{
  width:100%;
  margin:10px 0 18px;
  color:#667085;
  line-height:1.8;
}
.hnv2-step-description p{
  margin:0;
}
.hnv2-step-description .hnv2-step-subnote{
  margin-top:8px;
  color:#44546a;
  font-weight:700;
}

.hnv2-category-accordion-list{
  display:grid;
  gap:10px;
  margin:17px 0 13px;
}
.hnv2-category-accordion{
  overflow:hidden;
  border:1px solid #d8dde4;
  border-radius:13px;
  background:#fff;
  transition:border-color .15s,box-shadow .15s;
}
.hnv2-category-accordion.selected{
  border-color:#8ea8cb;
}
.hnv2-category-accordion.expanded{
  border-color:#202124;
  box-shadow:0 0 0 1px #202124;
}
.hnv2-category-accordion.status-paused{
  background:#fffaf0;
}
.hnv2-category-accordion.status-disabled{
  background:#f3f3f3;
}
.hnv2-category-accordion-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:68px;
  padding:14px 15px;
  border:0;
  background:transparent;
  color:#222;
  text-align:left;
}
.hnv2-category-accordion-main,
.hnv2-category-accordion-side{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.hnv2-category-accordion-title{
  overflow-wrap:anywhere;
  font-weight:900;
  line-height:1.45;
}
.hnv2-category-accordion-symbol{
  flex:0 0 auto;
  font-size:20px;
  font-weight:900;
}
.hnv2-category-accordion.status-active .hnv2-category-accordion-symbol{color:#16833b}
.hnv2-category-accordion.status-paused .hnv2-category-accordion-symbol{color:#916300}
.hnv2-category-accordion.status-disabled .hnv2-category-accordion-symbol{color:#a52a2a}
.hnv2-category-status-badge{
  flex:0 0 auto;
  border-radius:999px;
  padding:5px 8px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.hnv2-category-status-badge.status-active{background:#eaf7ee;color:#126b31}
.hnv2-category-status-badge.status-paused{background:#fff0c7;color:#795600}
.hnv2-category-status-badge.status-disabled{background:#ececec;color:#7a2424}
.hnv2-category-accordion-chevron{
  flex:0 0 auto;
  color:#667085;
  font-size:21px;
  line-height:1;
  transition:transform .15s;
}
.hnv2-category-accordion.expanded .hnv2-category-accordion-chevron{
  transform:rotate(180deg);
}
.hnv2-category-accordion-body{
  padding:16px;
  border-top:1px solid #dfe3e8;
  background:#fff;
}
.hnv2-category-edit-section{
  margin-top:15px;
}
.hnv2-category-edit-section>strong{
  display:block;
  margin-bottom:8px;
}
.hnv2-category-order-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.hnv2-category-order-grid button{
  width:100%;
}
.hnv2-category-substep-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:16px;
}
.hnv2-category-substep-links button{
  border:1px solid #9fb8dc;
  border-radius:9px;
  background:#eef6ff;
  color:#234d83;
  padding:11px;
  font-weight:800;
}
.hnv2-category-delete-row{
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid #e2e5e9;
  text-align:right;
}
.hnv2-add-category-button{
  width:100%;
  border-style:dashed;
  padding:12px;
}
.hnv2-current-category-chip{
  margin:0 0 15px;
  padding:10px 13px;
  border:1px solid #c8d8eb;
  border-radius:9px;
  background:#f2f7fd;
  color:#44546a;
}
.hnv2-current-category-chip strong{
  color:#222;
}
.hnv2-substep-card{
  scroll-margin-top:90px;
}

@media(max-width:720px){
  .hnv2-step-head-with-preview{
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
  }
  .hnv2-step-head-with-preview .hnv2-step-preview-button{
    grid-column:1/-1;
    width:100%;
    margin-top:3px;
  }
  .hnv2-step-description{
    margin-top:9px;
    margin-bottom:16px;
  }
  .hnv2-category-accordion-summary{
    min-height:64px;
    padding:13px 12px;
  }
  .hnv2-category-accordion-side{
    gap:5px;
  }
  .hnv2-category-status-badge{
    padding:4px 7px;
    font-size:10px;
  }
  .hnv2-category-accordion-body{
    padding:14px 12px;
  }
  .hnv04-status-row{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
  }
  .hnv04-status-row .hnv04-status-button{
    width:100%;
  }
  .hnv2-category-order-grid,
  .hnv2-category-substep-links{
    grid-template-columns:1fr;
  }
  .hnv2-category-delete-row{
    text-align:stretch;
  }
  .hnv2-category-delete-row button{
    width:100%;
  }
}


/* v2.10.1: creation warning, inline category-name editing and input bug fix */
.hnv2-created-save-warning{
  margin:8px 0 17px;
  color:#c5221f;
  font-size:16px;
  font-weight:900;
  line-height:1.7;
}
.hnv2-category-accordion-summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:68px;
  padding:12px 13px;
  border:0;
  background:transparent;
  color:#222;
}
.hnv2-category-inline-title{
  width:100%;
  min-width:0;
  margin:0 !important;
  padding:9px 10px !important;
  border:1px solid #cbd3dc !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#222 !important;
  font-weight:900;
  line-height:1.45;
}
.hnv2-category-inline-title:focus{
  border-color:#2457d6 !important;
  box-shadow:0 0 0 2px rgba(36,87,214,.13);
  outline:none;
}
.hnv2-category-toggle-button{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  padding:0;
  border:1px solid #cbd3dc;
  border-radius:8px;
  background:#fff;
  color:#44505e;
}
.hnv2-category-toggle-button:hover{
  background:#f5f7fa;
}
.hnv2-category-accordion.expanded .hnv2-category-toggle-button{
  background:#222;
  border-color:#222;
  color:#fff;
}
.hnv2-category-accordion.expanded .hnv2-category-accordion-chevron{
  transform:rotate(180deg);
}
.hnv2-category-accordion-body{
  padding-top:14px;
}

@media(max-width:720px){
  .hnv2-created-save-warning{
    font-size:15px;
  }
  .hnv2-category-accordion-summary{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:7px;
    padding:11px 10px;
  }
  .hnv2-category-status-badge{
    grid-column:2;
    justify-self:start;
    margin-top:-2px;
  }
  .hnv2-category-toggle-button{
    grid-column:3;
    grid-row:1 / span 2;
    width:38px;
    height:48px;
  }
}


/* v2.11.0: explicit consultation workflow status */
.hnv2-submission-accordion.pending{
  border-color:#ddb94e;
  background:#fff9db;
  box-shadow:0 0 0 1px #f2d874 inset;
}
.hnv2-submission-accordion.handled{
  border-color:#9fc9ab;
  background:#f4fbf6;
}
.hnv2-submission-accordion.pending .hnv2-new-badge{
  display:inline-block;
}
.hnv2-pending-badge,
.hnv2-handled-badge{
  flex:0 0 auto;
  border-radius:999px;
  padding:4px 8px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.hnv2-pending-badge{
  border:1px solid #d7b54d;
  background:#fff2b8;
  color:#6c5100;
}
.hnv2-handled-badge{
  border:1px solid #8fc29e;
  background:#e5f6e9;
  color:#176832;
}
.hnv2-summary-assignee{
  flex:0 0 auto;
  border-radius:999px;
  background:#eef2f6;
  color:#4d5966;
  padding:4px 8px;
  font-size:11px;
  font-weight:800;
}
.hnv2-submission-status-form{
  margin-top:16px;
  padding:15px;
  border:1px solid #cbd4df;
  border-radius:11px;
  background:#f8fafc;
}
.hnv2-submission-status-heading{
  display:flex;
  align-items:baseline;
  gap:9px;
  margin-bottom:12px;
}
.hnv2-submission-status-heading strong{
  font-size:17px;
}
.hnv2-submission-status-heading span{
  color:#667085;
  font-size:13px;
}
.hnv2-submission-status-grid{
  display:grid;
  grid-template-columns:minmax(170px,.7fr) minmax(190px,1fr) auto;
  align-items:end;
  gap:12px;
}
.hnv2-handled-checkbox{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:45px;
  padding:10px 12px;
  border:1px solid #c9d1da;
  border-radius:9px;
  background:#fff;
  font-weight:900;
}
.hnv2-handled-checkbox input{
  width:20px;
  height:20px;
  margin:0;
}
.hnv2-assignee-field span{
  display:block;
  margin-bottom:6px;
  font-weight:800;
}
.hnv2-assignee-field input{
  margin:0;
}
.hnv2-status-save-button{
  min-height:45px;
  border:0;
  border-radius:9px;
  background:#222;
  color:#fff;
  padding:11px 16px;
  font-weight:900;
  white-space:nowrap;
}
.hnv2-submission-status-note{
  margin:10px 0 0;
  color:#667085;
  font-size:12px;
  line-height:1.7;
}

@media(max-width:820px){
  .hnv2-submission-status-grid{
    grid-template-columns:1fr;
  }
  .hnv2-status-save-button{
    width:100%;
  }
  .hnv2-submission-summary-main{
    flex-wrap:wrap;
  }
}


/* v2.11.1: consistent assignee field and consultation-name summary */
.hnv2-assignee-field{
  display:block;
  width:100%;
  min-width:0;
}
.hnv2-assignee-field input{
  display:block;
  width:100% !important;
  min-width:0;
  height:45px;
  min-height:45px;
  box-sizing:border-box;
  margin:0 !important;
}
.hnv2-summary-assignee{
  display:inline-block;
  width:124px;
  min-width:124px;
  max-width:124px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  box-sizing:border-box;
  text-align:center;
}
.hnv2-submission-title{
  min-width:0;
  overflow-wrap:anywhere;
  line-height:1.55;
}
.hnv2-submission-title-separator{
  margin:0 2px;
  color:#667085;
}
.hnv2-submission-person-name{
  font-weight:800;
}
.hnv2-submission-person-name.missing{
  color:#667085;
  font-weight:700;
}

@media(max-width:820px){
  .hnv2-assignee-field,
  .hnv2-assignee-field input{
    width:100% !important;
  }
  .hnv2-summary-assignee{
    width:112px;
    min-width:112px;
    max-width:112px;
  }
}


/* v2.11.2: unhandled consultation count on the editor tab */
.hnv2-editor-nav .hnv2-submissions-nav-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.hnv2-nav-count-badge{
  display:inline-grid;
  place-items:center;
  min-width:21px;
  height:21px;
  box-sizing:border-box;
  padding:0 6px;
  border:2px solid #fff;
  border-radius:999px;
  background:#d93025;
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  box-shadow:0 1px 2px rgba(0,0,0,.16);
}
.hnv2-editor-nav a.active .hnv2-nav-count-badge{
  border-color:#222;
}


/* v2.12.0: heading + body notice blocks */
.hnv2-notice-block-list{
  display:grid;
  gap:13px;
  margin:14px 0;
}
.hnv2-notice-block-editor{
  display:grid;
  gap:13px;
  padding:15px;
  border:1px solid #d8dde4;
  border-radius:12px;
  background:#fff;
}
.hnv2-notice-block-editor label>strong{
  display:block;
  margin-bottom:7px;
}
.hnv2-notice-block-body{
  min-height:150px;
  resize:vertical;
  line-height:1.75;
}
.hnv2-notice-block-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:2px;
}
.hnv2-notice-block-footer small{
  color:#667085;
  line-height:1.65;
}
.hnv2-add-notice-block{
  width:100%;
  border-style:dashed;
  padding:12px;
}
.hnv2-public-notice-stack{
  display:grid;
  gap:11px;
  margin-bottom:16px;
}
.hnv2-public-notice-stack.hnv04-global-top{
  margin-bottom:18px;
}
.hnv2-public-notice-block{
  margin:0;
}
.hnv2-public-notice-block>strong{
  display:block;
  margin-bottom:8px;
}
.hnv2-public-notice-body{
  line-height:1.8;
  overflow-wrap:anywhere;
}

@media(max-width:720px){
  .hnv2-notice-block-editor{
    padding:13px 11px;
  }
  .hnv2-notice-block-footer{
    align-items:stretch;
    flex-direction:column;
  }
  .hnv2-notice-block-footer button{
    width:100%;
  }
}


/* v2.13.0: notice colors and mobile-first question editor */
.hnv2-notice-block-editor{
  border-left-width:5px;
}
.hnv2-notice-block-editor.color-blue{border-left-color:#4f83c2}
.hnv2-notice-block-editor.color-green{border-left-color:#479663}
.hnv2-notice-block-editor.color-yellow{border-left-color:#d6a82b}
.hnv2-notice-block-editor.color-red{border-left-color:#cf5a55}
.hnv2-notice-block-editor.color-gray{border-left-color:#89919c}

.hnv2-notice-color-setting>strong{
  display:block;
  margin-bottom:8px;
}
.hnv2-notice-color-options{
  display:grid;
  grid-template-columns:repeat(5,minmax(70px,1fr));
  gap:7px;
}
.hnv2-notice-color-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:42px;
  padding:7px 8px;
  border:1px solid #cbd3dc;
  border-radius:9px;
  background:#fff;
  color:#344054;
  font-weight:800;
}
.hnv2-notice-color-button>span{
  width:15px;
  height:15px;
  border-radius:50%;
  flex:0 0 auto;
}
.hnv2-notice-color-button.color-blue>span{background:#4f83c2}
.hnv2-notice-color-button.color-green>span{background:#479663}
.hnv2-notice-color-button.color-yellow>span{background:#d6a82b}
.hnv2-notice-color-button.color-red>span{background:#cf5a55}
.hnv2-notice-color-button.color-gray>span{background:#89919c}
.hnv2-notice-color-button.selected{
  border-color:#222;
  box-shadow:0 0 0 2px rgba(34,34,34,.10);
  color:#111;
}

.hnv2-public-notice-block{
  border-left:5px solid;
}
.hnv2-public-notice-block.color-blue{
  border-color:#4f83c2;
  background:#eef6ff;
}
.hnv2-public-notice-block.color-green{
  border-color:#479663;
  background:#eef8f1;
}
.hnv2-public-notice-block.color-yellow{
  border-color:#d6a82b;
  background:#fff8df;
}
.hnv2-public-notice-block.color-red{
  border-color:#cf5a55;
  background:#fff0ef;
}
.hnv2-public-notice-block.color-gray{
  border-color:#89919c;
  background:#f3f5f7;
}

.hnv2-question-editor{
  display:grid;
  gap:15px;
  padding:17px;
  border:1px solid #d8dde4;
  border-radius:13px;
  background:#fff;
}
.hnv2-question-editor-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid #e3e6ea;
}
.hnv2-question-editor-header>strong{
  font-size:17px;
}
.hnv2-question-order-actions{
  display:flex;
  gap:7px;
}
.hnv2-question-editor-fields{
  display:grid;
  gap:13px;
}
.hnv2-question-editor-fields label>strong,
.hnv2-question-options>strong{
  display:block;
  margin-bottom:7px;
}
.hnv2-question-editor-fields textarea{
  min-height:76px;
  resize:vertical;
  line-height:1.65;
}
.hnv2-question-editor-fields .hnv2-question-note-input{
  min-height:94px;
}
.hnv2-question-type-select{
  width:100%;
  min-height:46px;
}
.hnv2-question-options{
  padding:13px;
  border:1px solid #dfe4ea;
  border-radius:10px;
  background:#f8fafc;
}
.hnv2-add-option-button{
  width:100%;
  margin-top:7px;
  border-style:dashed;
}
.hnv2-question-editor-footer{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  align-items:end;
  gap:11px;
  padding-top:13px;
  border-top:1px solid #e3e6ea;
}
.hnv2-question-required-control{
  margin:0;
}
.hnv2-question-number-field{
  display:grid;
  gap:5px;
  color:#44505e;
  font-size:12px;
  font-weight:800;
}
.hnv2-question-number-field input{
  width:74px;
  height:42px;
  box-sizing:border-box;
  text-align:center;
}
.hnv2-delete-question-button{
  min-height:42px;
}
.hnv2-question-note{
  margin:7px 0 11px;
  color:#596579;
  font-size:13px;
  line-height:1.7;
  white-space:pre-wrap;
}
.hnv04-public-question textarea{
  width:100%;
  box-sizing:border-box;
  resize:vertical;
}

@media(max-width:720px){
  .hnv2-notice-color-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hnv2-notice-color-button:last-child{
    grid-column:1/-1;
  }

  .hnv2-question-editor{
    gap:13px;
    padding:14px 11px;
  }
  .hnv2-question-editor-header{
    align-items:stretch;
    flex-direction:column;
  }
  .hnv2-question-order-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .hnv2-question-order-actions button{
    width:100%;
    min-height:44px;
  }
  .hnv2-question-editor-fields textarea{
    min-height:86px;
  }
  .hnv2-question-editor-footer{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .hnv2-question-required-control{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .hnv2-question-required-control>span{
    grid-column:1/-1;
  }
  .hnv2-question-required-control button{
    width:100%;
    min-height:44px;
  }
  .hnv2-question-number-field{
    width:100%;
  }
  .hnv2-question-number-field input{
    width:100%;
    height:44px;
  }
  .hnv2-delete-question-button{
    width:100%;
    min-height:46px;
  }
  .hnv04-option-row{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
  }
  .hnv04-option-row button{
    width:100%;
  }
}


/* v2.13.1: compact question supplement field */
.hnv2-question-editor-fields .hnv2-question-note-input{
  min-height:58px;
  max-height:120px;
}
@media(max-width:720px){
  .hnv2-question-editor-fields .hnv2-question-note-input{
    min-height:62px;
  }
}


/* v2.13.2: compact example cards and page-top links */
.hnv2-reference-item{
  padding:14px 16px;
}
.hnv2-reference-item h3{
  margin:0 0 7px;
}
.hnv2-reference-reason{
  margin:0;
  color:#4d5966;
  font-size:14px;
  line-height:1.7;
}
.hnv2-reference-reason strong{
  color:#263442;
}
.hnv2-example-section-footer{
  display:flex;
  justify-content:flex-end;
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid #e5e9ee;
}
.hnv2-example-section-footer a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 12px;
  border:1px solid #cbd2da;
  border-radius:9px;
  background:#fff;
  color:#245a93;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.hnv2-example-section-footer a:hover{
  border-color:#245a93;
  background:#eef6ff;
}
@media(max-width:720px){
  .hnv2-reference-item{
    padding:13px 14px;
  }
  .hnv2-reference-item h3{
    margin-bottom:6px;
  }
  .hnv2-example-section-footer a{
    width:100%;
    justify-content:center;
  }
}


/* v2.13.3: recovery contact and clearer notification guidance */
.hnv2-recover-note>p{
  line-height:1.75;
}
.hnv2-recovery-contact-button{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin:14px 0;
  padding:12px 16px;
  border-radius:10px;
  background:#202124;
  color:#fff;
  text-align:center;
  text-decoration:none;
  font-weight:800;
}
.hnv2-recovery-contact-button:hover,
.hnv2-recovery-contact-button:focus{
  color:#fff;
  opacity:.9;
}
.hnv2-recovery-contact-preparing{
  margin:14px 0;
  padding:11px 12px;
  border:1px solid #d6dbe1;
  border-radius:9px;
  background:#fff;
  color:#596579;
  font-weight:700;
}
.hnv2-recovery-notes{
  margin:14px 0 0;
  padding-left:1.4em;
  color:#596579;
  font-size:13px;
  line-height:1.75;
}
.hnv2-recovery-notes li+li{
  margin-top:4px;
}


/* v2.14.2: selected banner image in the unsaved live preview */
.hnv2-preview-banner.has-image{
  display:block;
  min-height:0;
  padding:0;
  border:0;
  background:#fff;
  overflow:hidden;
}
.hnv2-preview-banner.has-image img{
  display:block;
  width:100%;
  height:auto;
  max-height:300px;
  object-fit:contain;
}


/* v2.15.0: operator-editable defaults for newly created forms */
.hnv2-default-settings-admin{
  max-width:1180px;
}
.hnv2-default-settings-lead{
  max-width:900px;
  font-size:14px;
}
.hnv2-default-settings-toolbar{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin:18px 0;
}
.hnv2-default-settings-reset-form{
  display:inline;
  margin:0;
}
.hnv2-default-settings-builder{
  max-width:1050px;
}
.hnv2-default-settings-admin .hnv2-builder-view-switch{
  margin:14px 0 18px;
}
.hnv2-default-settings-admin .hnv04-step-card{
  box-sizing:border-box;
}
.hnv2-default-settings-save-card{
  border:2px solid #2271b1;
  background:#fff;
}
.hnv2-default-settings-save-card h2{
  margin-top:0;
}
.hnv2-default-settings-admin .hnv2-preview-view{
  max-width:900px;
}
@media(max-width:782px){
  .hnv2-default-settings-admin{
    margin-right:10px;
  }
  .hnv2-default-settings-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .hnv2-default-settings-toolbar>a,
  .hnv2-default-settings-toolbar button{
    width:100%;
    text-align:center;
  }
}


/* v2.16.0: six-step wizard and a warmer cat-themed builder */
.hnv2-wizard-current{
  position:sticky;
  top:4px;
  z-index:34;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 8px;
  padding:10px 14px;
  border:2px solid #c8aea7;
  border-radius:13px;
  background:rgba(255,251,248,.97);
  box-shadow:0 5px 18px rgba(80,55,45,.08);
}
.hnv2-wizard-current span{
  color:#765950;
  font-size:13px;
  font-weight:800;
}
.hnv2-wizard-current b{
  color:#392f2b;
  font-size:15px;
}
.hnv2-wizard-nav{
  position:sticky;
  top:58px;
  z-index:33;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
  margin:0 0 18px;
  padding:9px;
  border:2px solid #c8aea7;
  border-radius:15px;
  background:rgba(255,255,255,.97);
  box-shadow:0 7px 22px rgba(80,55,45,.09);
}
.hnv2-wizard-nav button{
  position:relative;
  min-width:0;
  min-height:62px;
  padding:9px 5px;
  border:2px solid #e2d6d1;
  border-radius:11px;
  background:#fffaf7;
  color:#695c57;
  cursor:pointer;
}
.hnv2-wizard-nav button span,
.hnv2-wizard-nav button strong{
  display:block;
}
.hnv2-wizard-nav button span{
  margin-bottom:3px;
  font-size:11px;
  font-weight:900;
}
.hnv2-wizard-nav button strong{
  overflow-wrap:anywhere;
  font-size:13px;
  line-height:1.35;
}
.hnv2-wizard-nav button i{
  position:absolute;
  right:4px;
  top:2px;
  display:none;
  font-size:13px;
  font-style:normal;
}
.hnv2-wizard-nav button.active{
  border-color:#8d6258;
  background:#8d6258;
  color:#fff;
  box-shadow:0 4px 12px rgba(105,68,58,.22);
}
.hnv2-wizard-nav button.active i{
  display:block;
}
.hnv2-wizard-nav button.completed{
  border-color:#a7c8ad;
  background:#eef8f0;
  color:#315f3b;
}
.hnv2-wizard-nav button.completed:after{
  content:'✓';
  position:absolute;
  right:6px;
  top:3px;
  color:#3e8550;
  font-size:12px;
  font-weight:900;
}

.hnv2-wizard-panel{
  position:relative;
  border:2px solid #c8aea7!important;
  background:#fff;
  box-shadow:0 8px 24px rgba(80,55,45,.08)!important;
}
.hnv2-wizard-panel:before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:5px;
  border-radius:14px 14px 0 0;
  background:linear-gradient(90deg,#8d6258,#d4a89c);
}
.hnv2-wizard-panel[hidden]{
  display:none!important;
}
.hnv2-wizard-step-head{
  position:relative;
  align-items:flex-start;
  padding-top:5px;
}
.hnv2-wizard-step-head .hnv2-step-head-copy{
  flex:1;
}
.hnv2-wizard-step-head .hnv2-step-head-copy h2{
  margin:0 0 6px;
}
.hnv2-wizard-step-head .hnv2-step-head-copy p{
  margin:0;
  color:#625f5d;
  line-height:1.7;
}
.hnv2-heading-paw{
  color:#b98779;
  font-size:25px;
  opacity:.8;
  transform:rotate(-12deg);
}
.hnv2-wizard-panel .hnv04-step-number{
  background:#8d6258;
}

.hnv2-step-field-card{
  margin-top:15px;
  overflow:hidden;
  border:2px solid #ddd0cb;
  border-radius:14px;
  background:#fffdfb;
}
.hnv2-step-field-heading{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px 15px;
  border-bottom:2px solid #e5d9d4;
  background:#fbf4f0;
}
.hnv2-step-field-heading h3{
  margin:0 0 3px;
  font-size:18px;
}
.hnv2-step-field-heading h3 small{
  display:inline-block;
  margin-left:5px;
  padding:2px 7px;
  border-radius:999px;
  background:#fff;
  color:#75655f;
  font-size:11px;
}
.hnv2-step-field-heading p{
  margin:0;
  color:#6d6561;
  font-size:13px;
}
.hnv2-field-number{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#8d6258;
  color:#fff;
  font-weight:900;
}
.hnv2-step-field-body{
  padding:16px;
}
.hnv2-display-example,
.hnv2-field-guide{
  margin:0 0 13px;
  padding:10px 12px;
  border-left:4px solid #b98779;
  border-radius:7px;
  background:#fff;
  color:#5c514d;
  line-height:1.65;
}
.hnv2-banner-upload-field{
  margin-bottom:0;
}
.hnv2-email-warning{
  margin-top:13px;
  padding:13px 14px;
  border:2px solid #d9a39d;
  border-radius:11px;
  background:#fff3f1;
  color:#7d302b;
}
.hnv2-email-warning strong{
  display:block;
  margin-bottom:4px;
}
.hnv2-email-warning p{
  margin:0;
  line-height:1.7;
}

.hnv2-simple-guide{
  display:flex;
  align-items:center;
  gap:10px;
  margin:4px 0 14px;
  padding:11px 13px;
  border:2px solid #d9d0cb;
  border-radius:11px;
  background:#fffaf7;
}
.hnv2-simple-guide span{
  font-size:19px;
}
.hnv2-simple-guide p{
  margin:0;
  color:#615a56;
  line-height:1.65;
}
.hnv2-category-accordion{
  border-width:2px!important;
}
.hnv2-category-toggle-button{
  min-width:100px;
  padding:9px 11px!important;
  font-weight:800;
  white-space:nowrap;
}
.hnv2-category-substep-links{
  grid-template-columns:1fr!important;
}
.hnv2-category-substep-links button{
  min-height:44px;
}

.hnv2-step3-category-selector{
  margin:16px 0;
  padding:14px;
  border:2px solid #d8cbc6;
  border-radius:13px;
  background:#fffaf7;
}
.hnv2-step3-category-selector>strong{
  display:block;
  margin-bottom:10px;
}
.hnv2-step3-category-selector>div{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.hnv2-step3-category-selector button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:46px;
  padding:9px;
  border:2px solid #d9d0cb;
  border-radius:10px;
  background:#fff;
  color:#504844;
  font-weight:800;
}
.hnv2-step3-category-selector button.active{
  border-color:#8d6258;
  background:#8d6258;
  color:#fff;
}
.hnv2-current-category-chip{
  border-width:2px!important;
}
.hnv2-category-setting-box{
  margin-top:15px;
  padding:15px;
  border:2px solid #d9d0cb;
  border-radius:14px;
  background:#fffdfb;
}
.hnv2-category-setting-heading{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-bottom:13px;
}
.hnv2-category-setting-heading>span{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#8d6258;
  color:#fff;
  font-weight:900;
}
.hnv2-category-setting-heading h3{
  margin:0 0 4px;
}
.hnv2-category-setting-heading p{
  margin:0;
  color:#665e5a;
  line-height:1.65;
}
.hnv2-category-setting-box .hnv04-question-section{
  border-width:2px;
}

.hnv2-common-guide-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
  margin:15px 0;
}
.hnv2-common-guide-grid>div{
  padding:14px;
  border:2px solid;
  border-radius:12px;
}
.hnv2-common-guide-grid strong{
  display:block;
  margin-bottom:5px;
}
.hnv2-common-guide-grid p{
  margin:0;
  line-height:1.7;
}
.hnv2-common-guide-grid .good{
  border-color:#a9cdb0;
  background:#eff8f1;
  color:#315d3a;
}
.hnv2-common-guide-grid .other{
  border-color:#e0bf86;
  background:#fff8e8;
  color:#72541f;
}
.hnv2-notice-block-editor,
.hnv2-question-editor,
.hnv2-contact-field-row{
  border-width:2px!important;
}

.hnv2-wizard-footer{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:22px;
  padding-top:18px;
  border-top:2px solid #e4d8d3;
}
.hnv2-wizard-footer button{
  min-height:48px;
  padding:11px 16px;
  border-radius:10px;
  font-weight:900;
  cursor:pointer;
}
.hnv2-wizard-back{
  border:2px solid #cbbab4;
  background:#fff;
  color:#5e504b;
}
.hnv2-wizard-next{
  margin-left:auto;
  border:2px solid #8d6258;
  background:#8d6258;
  color:#fff;
}
.hnv2-wizard-inline-error{
  margin-bottom:12px;
  padding:10px 12px;
  border:2px solid #d87970;
  border-radius:9px;
  background:#fff0ee;
  color:#922d26;
  font-weight:800;
}
.hnv2-wizard-summary-card{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:14px 0;
}
.hnv2-wizard-summary-card>div{
  padding:13px 9px;
  border:2px solid #ddd0cb;
  border-radius:11px;
  background:#fffaf7;
  text-align:center;
}
.hnv2-wizard-summary-card span,
.hnv2-wizard-summary-card strong{
  display:block;
}
.hnv2-wizard-summary-card span{
  margin-bottom:5px;
  color:#776a65;
  font-size:12px;
}
.hnv2-wizard-summary-card strong{
  font-size:16px;
}
.hnv2-final-preview-button{
  width:100%;
  min-height:48px;
  margin:4px 0 15px;
  border:2px solid #8d6258;
  border-radius:10px;
  background:#fff;
  color:#754d44;
  font-weight:900;
}
.hnv2-final-publish-box{
  padding:16px;
  border:2px solid #b9cdbd;
  border-radius:13px;
  background:#f2f8f3;
}
.hnv2-final-publish-box h3{
  margin-top:0;
}
.hnv2-final-publish-box>p:first-child{
  margin-top:0;
}
.hnv2-publish-card,
.hnv2-edit-save-step{
  margin-top:0;
}

@media(max-width:720px){
  .hnv2-wizard-current{
    top:2px;
  }
  .hnv2-wizard-nav{
    top:55px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    padding:7px;
  }
  .hnv2-wizard-nav button{
    min-height:58px;
    padding:8px 3px;
  }
  .hnv2-wizard-nav button strong{
    font-size:12px;
  }
  .hnv2-wizard-step-head{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
  }
  .hnv2-heading-paw{
    font-size:21px;
  }
  .hnv2-step-field-heading{
    grid-template-columns:auto minmax(0,1fr);
    padding:12px;
  }
  .hnv2-step-field-heading .hnv2-step-preview-button{
    grid-column:1/-1;
    width:100%;
  }
  .hnv2-step-field-body{
    padding:13px;
  }
  .hnv2-step3-category-selector>div{
    grid-template-columns:1fr;
  }
  .hnv2-common-guide-grid{
    grid-template-columns:1fr;
  }
  .hnv2-wizard-footer{
    display:grid;
    grid-template-columns:1fr;
  }
  .hnv2-wizard-footer>span{
    display:none;
  }
  .hnv2-wizard-footer button{
    width:100%;
  }
  .hnv2-wizard-next{
    order:1;
    margin-left:0;
  }
  .hnv2-wizard-back{
    order:2;
  }
  .hnv2-wizard-summary-card{
    grid-template-columns:1fr 1fr;
  }
  .hnv2-wizard-summary-card>div:first-child{
    grid-column:1/-1;
  }
}


/* v2.16.1: less repetition and a calmer builder */
.hnv2-wizard-panel-flat{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hnv2-wizard-panel-flat:before{
  display:none!important;
}
.hnv2-wizard-page-heading,
.hnv2-wizard-panel-flat>.hnv04-step-head{
  margin:0 0 14px;
  padding:2px 0 12px;
  border-bottom:2px solid #cdb9b2;
}
.hnv2-wizard-page-heading .hnv2-heading-paw{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#eadbd5;
  color:#9b6c60;
  font-size:9px;
}
.hnv2-step-field-card{
  margin-top:12px;
}
.hnv2-step-field-heading{
  grid-template-columns:auto minmax(0,1fr) auto;
}
.hnv2-step-field-heading h3{
  margin:0;
}
.hnv2-field-description{
  margin:0 0 13px;
  color:#5f5854;
  line-height:1.75;
}
.hnv2-service-email-uses{
  margin-top:12px;
}
.hnv2-service-email-uses ul{
  margin:0;
}
.hnv2-email-warning p{
  margin:0 0 7px;
}
.hnv2-email-warning strong{
  margin:0;
  line-height:1.7;
}

.hnv2-category-accordion-list{
  gap:9px;
  margin-top:13px;
}
.hnv2-category-accordion{
  border:2px solid #d8dde4!important;
  border-radius:12px;
  background:#fff!important;
  box-shadow:none!important;
}
.hnv2-category-accordion.selected{
  border-color:#d8dde4!important;
}
.hnv2-category-accordion.expanded{
  border-color:#b9c5d3!important;
  box-shadow:0 4px 14px rgba(31,52,76,.06)!important;
}
.hnv2-category-accordion.status-paused{
  background:#fffdf7!important;
}
.hnv2-category-accordion.status-disabled{
  background:#fafafa!important;
}
.hnv2-category-accordion-summary{
  grid-template-columns:minmax(0,1fr) auto auto!important;
  min-height:58px;
  padding:10px 12px!important;
}
.hnv2-category-inline-title{
  padding:9px 10px!important;
}
.hnv2-category-toggle-button{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  min-width:94px;
  height:40px!important;
  padding:0 12px!important;
  border:1px solid #b8c4d1;
  background:#fff;
  color:#27425f;
  font-weight:800;
  white-space:nowrap;
}
.hnv2-category-accordion.expanded .hnv2-category-toggle-button{
  border-color:#8d6258;
  background:#8d6258;
  color:#fff;
}
.hnv2-category-accordion-body{
  padding:14px!important;
  border-top:1px solid #dfe4ea;
  background:#fbfcfd;
}
.hnv2-category-compact-setting>strong{
  display:block;
  margin-bottom:8px;
}
.hnv2-category-compact-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #dfe4ea;
}
.hnv2-category-order-compact{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.hnv2-category-order-compact>strong{
  margin-right:3px;
}
.hnv2-category-order-compact button{
  min-width:82px;
}
.hnv2-category-delete-text{
  padding:7px 3px;
  border:0;
  background:transparent;
  color:#c64036;
  text-decoration:underline;
  font-weight:700;
  cursor:pointer;
}
.hnv2-add-category-button{
  width:100%;
  min-height:47px;
  border-style:dashed!important;
}
.hnv2-simple-guide,
.hnv2-category-substep-links,
.hnv2-category-delete-row{
  display:none!important;
}

@media(max-width:720px){
  .hnv2-step-field-heading{
    grid-template-columns:auto minmax(0,1fr);
  }
  .hnv2-step-field-heading .hnv2-step-preview-button{
    grid-column:1/-1;
  }
  .hnv2-category-accordion-summary{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .hnv2-category-status-badge{
    grid-column:1!important;
    justify-self:start;
    margin:0 0 0 2px!important;
  }
  .hnv2-category-toggle-button{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    min-width:88px;
    height:48px!important;
  }
  .hnv2-category-compact-footer{
    align-items:stretch;
    flex-direction:column;
  }
  .hnv2-category-order-compact{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .hnv2-category-order-compact>strong{
    grid-column:1/-1;
  }
  .hnv2-category-order-compact button{
    width:100%;
  }
  .hnv2-category-delete-text{
    align-self:flex-end;
  }
}


/* v2.16.2: spacing, reliable scrolling and compact selectors */
.hnv2-wizard-current,
.hnv2-wizard-nav{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
}
.hnv2-wizard-nav{
  margin-bottom:30px!important;
}
.hnv2-wizard-panel-flat>.hnv04-step-head,
.hnv2-wizard-page-heading{
  scroll-margin-top:90px;
}

.hnv2-step-description strong{
  color:#292421;
  font-weight:900;
}
.hnv2-optional-badge{
  display:inline-block;
  margin-left:5px;
  padding:2px 7px;
  border-radius:999px;
  background:#eef1f4;
  color:#667085;
  font-size:11px;
  font-weight:800;
  vertical-align:middle;
}

.hnv2-category-accordion-summary{
  align-items:center!important;
}
.hnv2-category-inline-title,
.hnv2-category-toggle-button{
  box-sizing:border-box;
  min-height:44px!important;
}
.hnv2-category-status-badge{
  align-self:center!important;
  white-space:nowrap;
}
.hnv2-category-order-compact{
  display:grid!important;
  grid-template-columns:auto minmax(74px,1fr) minmax(74px,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  flex:1;
}
.hnv2-category-order-compact>strong{
  grid-column:auto!important;
  margin:0 3px 0 0!important;
  white-space:nowrap;
}
.hnv2-category-order-compact button{
  width:100%!important;
  min-width:0!important;
  min-height:40px;
}

.hnv2-step3-category-select{
  display:grid;
  gap:8px;
  margin:16px 0;
  padding:14px;
  border:2px solid #d8cbc6;
  border-radius:13px;
  background:#fffaf7;
}
.hnv2-step3-category-select>strong{
  display:block;
}
.hnv2-step3-category-select select{
  width:100%;
  min-height:47px;
  background:#fff;
}

.hnv2-notice-color-select-row{
  display:grid;
  grid-template-columns:auto minmax(210px,320px);
  align-items:center;
  justify-content:start;
  gap:12px;
  margin-top:2px;
}
.hnv2-notice-color-select-row>strong{
  margin:0;
  white-space:nowrap;
}
.hnv2-notice-color-select{
  width:100%;
  min-height:43px;
}
.hnv2-notice-color-options{
  display:none!important;
}

@media(max-width:720px){
  .hnv2-wizard-nav{
    margin-bottom:25px!important;
  }
  .hnv2-category-accordion-summary{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:6px!important;
    align-items:center!important;
  }
  .hnv2-category-inline-title{
    grid-column:auto!important;
    grid-row:auto!important;
    height:44px!important;
    min-width:0;
  }
  .hnv2-category-status-badge{
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:center!important;
    margin:0!important;
    padding:5px 7px!important;
    font-size:10px!important;
  }
  .hnv2-category-toggle-button{
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:center!important;
    min-width:82px!important;
    width:auto!important;
    height:44px!important;
  }
  .hnv2-category-order-compact{
    grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)!important;
  }
  .hnv2-category-order-compact>strong{
    grid-column:auto!important;
  }
  .hnv2-notice-color-select-row{
    grid-template-columns:1fr;
    gap:7px;
  }
  .hnv2-notice-color-select{
    max-width:none;
  }
}


/* v2.16.3: consistent subheadings, ordering controls and publishing guidance */
.hnv2-builder-view-switch{
  grid-template-columns:auto auto!important;
  justify-content:start;
}
.hnv2-builder-view-switch p{
  display:none!important;
}
.hnv2-builder-view-switch button{
  white-space:nowrap;
  font-size:13px;
}
.hnv2-step-description{
  margin:7px 0 15px!important;
  font-size:13px;
  line-height:1.65!important;
}
.hnv2-wizard-step-head .hnv2-step-head-copy p{
  font-size:13px;
  line-height:1.6;
}

.hnv2-subsection-heading{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin:18px 0 8px;
}
.hnv2-subsection-heading>span{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:50%;
  background:#8d6258;
  color:#fff;
  font-weight:900;
}
.hnv2-subsection-heading h3{
  margin:0;
  font-size:17px;
}
.hnv2-subsection-heading h3 small{
  display:inline-block;
  margin-left:5px;
  padding:2px 7px;
  border-radius:999px;
  background:#f1ece9;
  color:#75655f;
  font-size:11px;
}
.hnv2-subsection-heading>div h3{
  margin:0 0 3px;
}
.hnv2-subsection-heading>div p{
  margin:0;
  color:#667085;
  font-size:12.5px;
  line-height:1.55;
}
.hnv2-subsection-heading-static{
  grid-template-columns:auto minmax(0,1fr);
}
.hnv2-step-field-card-body-only{
  margin-top:0!important;
}
.hnv2-step-field-card-body-only .hnv2-step-field-body{
  border-radius:12px;
}

.hnv2-inline-example-help{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:42px;
  margin:0 0 13px!important;
  padding:8px 10px!important;
}
.hnv2-inline-example-help strong{
  display:inline!important;
  font-size:13px;
}
.hnv2-inline-example-help a{
  margin:0!important;
  padding:7px 10px!important;
  white-space:nowrap;
  font-size:12px!important;
}

.hnv2-question-editor-header{
  justify-content:flex-start!important;
  padding-bottom:9px!important;
}
.hnv2-question-order-actions,
.hnv2-question-number-field{
  display:none!important;
}
.hnv2-question-editor-footer{
  grid-template-columns:minmax(220px,1fr) auto auto!important;
  align-items:center!important;
}
.hnv2-question-order-control,
.hnv2-contact-order-control{
  display:grid;
  grid-template-columns:auto auto auto;
  align-items:center;
  gap:7px;
}
.hnv2-question-order-control>strong,
.hnv2-contact-order-control>strong{
  white-space:nowrap;
  font-size:13px;
}
.hnv2-question-order-control button,
.hnv2-contact-order-control button{
  min-width:78px;
  min-height:40px;
  white-space:nowrap;
}
.hnv2-contact-field-row .hnv04-controls{
  align-items:center;
}
.hnv2-contact-order-control{
  margin-left:auto;
}

.hnv2-common-guide-grid{
  display:none!important;
}
.hnv2-common-guide-main{
  margin:14px 0 7px;
  padding:12px 13px;
  border:2px solid #a9cdb0;
  border-radius:11px;
  background:#eff8f1;
  color:#315d3a;
}
.hnv2-common-guide-main strong{
  display:block;
  margin-bottom:4px;
}
.hnv2-common-guide-main p{
  margin:0;
  line-height:1.65;
}
.hnv2-common-guide-note{
  margin:0 0 13px;
  padding-left:10px;
  border-left:3px solid #d1b06e;
  color:#74613b;
  font-size:12px;
  line-height:1.65;
}

.hnv2-publish-card,
.hnv2-edit-save-step{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hnv2-final-publish-box{
  font-size:13px;
  line-height:1.65;
}
.hnv2-final-publish-box h3{
  font-size:18px;
}
.hnv2-publish-intro{
  margin:0 0 11px;
}
.hnv2-publish-intro strong,
.hnv2-publish-warning,
.hnv2-publish-warning strong{
  color:#b42318;
  font-weight:900;
}
.hnv2-publish-credential-list{
  display:grid;
  gap:7px;
  margin:0 0 13px;
  padding:0;
  list-style:none;
  counter-reset:credential;
}
.hnv2-publish-credential-list li{
  counter-increment:credential;
  display:grid;
  grid-template-columns:minmax(180px,auto) 1fr;
  gap:9px;
  padding:9px 11px;
  border:1px solid #cfd9d2;
  border-radius:9px;
  background:#fff;
}
.hnv2-publish-credential-list li:before{
  content:counter(credential) "．";
  display:none;
}
.hnv2-publish-credential-list li strong:before{
  content:counter(credential) "．";
}
.hnv2-publish-credential-list li span{
  color:#59636e;
}
.hnv2-publish-warning{
  margin:11px 0;
  padding:11px 12px;
  border:2px solid #d99189;
  border-radius:9px;
  background:#fff2f0;
}
.hnv2-publish-submit-button{
  font-size:14px!important;
  line-height:1.35!important;
  white-space:nowrap;
}

@media(max-width:720px){
  .hnv2-builder-view-switch{
    grid-template-columns:1fr 1fr!important;
  }
  .hnv2-builder-view-switch button{
    padding:9px 5px!important;
    font-size:11.5px!important;
    letter-spacing:-.02em;
  }
  .hnv2-subsection-heading{
    grid-template-columns:auto minmax(0,1fr);
  }
  .hnv2-subsection-heading .hnv2-step-preview-button{
    grid-column:1/-1;
    width:100%;
  }
  .hnv2-inline-example-help{
    display:flex!important;
  }
  .hnv2-inline-example-help strong{
    font-size:12px;
  }
  .hnv2-inline-example-help a{
    font-size:11.5px!important;
  }
  .hnv2-question-editor-footer{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .hnv2-question-order-control,
  .hnv2-contact-order-control{
    grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);
    width:100%;
    margin-left:0;
  }
  .hnv2-question-order-control button,
  .hnv2-contact-order-control button{
    width:100%;
    min-width:0;
  }
  .hnv2-contact-field-row .hnv04-controls{
    align-items:stretch;
  }
  .hnv2-publish-credential-list li{
    grid-template-columns:1fr;
    gap:2px;
  }
  .hnv2-publish-submit-button{
    font-size:12.5px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}


/* v2.16.4: creation guide, full-width mobile descriptions and clearer credentials */
.hnv2-heading-paw{
  display:none!important;
}

/* Creation guidance */
.hnv2-creation-guide{
  margin:0 0 32px;
  overflow:hidden;
  border:2px solid #dfc5b5;
  border-radius:16px;
  background:#fffdfb;
  box-shadow:0 8px 26px rgba(82,54,43,.07);
}
.hnv2-creation-guide-main{
  padding:20px;
  background:linear-gradient(135deg,#fffaf5 0%,#fff 72%);
}
.hnv2-creation-guide-heading{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.hnv2-guide-heading-mark{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#f8e3ce;
  color:#a85225;
  font-size:21px;
  font-weight:900;
}
.hnv2-creation-guide-heading h2{
  margin:0 0 5px;
  color:#713416;
  font-size:22px;
}
.hnv2-creation-guide-heading p{
  margin:0;
  color:#4f4945;
  line-height:1.65;
}
.hnv2-guide-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  margin:18px 0;
}
.hnv2-guide-info-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:flex-start;
  gap:10px;
  padding:14px;
  border:1px solid #e0e4e7;
  border-radius:12px;
  background:#fff;
}
.hnv2-guide-info-card .hnv2-guide-number{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  color:#fff;
  font-size:14px;
  font-weight:900;
}
.hnv2-guide-info-card.public .hnv2-guide-number{background:#3e8a43}
.hnv2-guide-info-card.edit .hnv2-guide-number{background:#3979bd}
.hnv2-guide-info-card.pin .hnv2-guide-number{background:#bc651f}
.hnv2-guide-info-card h3{
  margin:1px 0 5px;
  font-size:15px;
}
.hnv2-guide-info-card.public h3{color:#287335}
.hnv2-guide-info-card.edit h3{color:#2465a4}
.hnv2-guide-info-card.pin h3{color:#9b4e15}
.hnv2-guide-info-card p{
  margin:0;
  color:#4f555d;
  font-size:12.5px;
  line-height:1.65;
}
.hnv2-guide-alert,
.hnv2-guide-mail{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:flex-start;
  gap:11px;
  margin-top:10px;
  padding:12px 13px;
  border-radius:11px;
}
.hnv2-guide-alert{
  border:1px solid #edc66d;
  background:#fff9e9;
}
.hnv2-guide-mail{
  border:1px solid #e5b5bc;
  background:#fff6f7;
}
.hnv2-guide-alert>span,
.hnv2-guide-mail>span{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border:2px solid currentColor;
  border-radius:50%;
  font-weight:900;
}
.hnv2-guide-alert>span{color:#b77a00}
.hnv2-guide-mail>span{color:#bd6573}
.hnv2-guide-alert p,
.hnv2-guide-mail p{
  margin:0;
  color:#494642;
  font-size:13px;
  line-height:1.7;
}
.hnv2-guide-posting{
  padding:18px 20px 20px;
  border-top:1px solid #ead9ce;
  background:#fff;
}
.hnv2-guide-posting-heading{
  display:flex;
  align-items:center;
  gap:9px;
}
.hnv2-guide-posting-heading>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#f7e5d8;
  color:#a7552c;
  font-weight:900;
}
.hnv2-guide-posting-heading h3{
  margin:0;
  font-size:19px;
}
.hnv2-guide-posting-lead{
  margin:10px 0 13px;
  color:#4f4945;
  line-height:1.65;
}
.hnv2-guide-example-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.hnv2-guide-example-card{
  padding:14px;
  border:2px solid #c9dfcc;
  border-radius:12px;
  background:#fcfffc;
}
.hnv2-guide-example-card h4{
  margin:0 0 11px;
  color:#387b40;
  font-size:15px;
}
.hnv2-guide-example-card>p{
  margin:10px 0 0;
  color:#555e58;
  font-size:12.5px;
  line-height:1.65;
}
.hnv2-guide-post-sample,
.hnv2-guide-link-sample{
  min-height:142px;
  padding:13px;
  border:1px solid #d7dde2;
  border-radius:9px;
  background:#fff;
}
.hnv2-guide-sample-user{
  display:grid;
  grid-template-columns:28px 65px;
  grid-template-rows:10px 8px;
  gap:5px 8px;
}
.hnv2-guide-sample-user>span{
  grid-row:1/3;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#d9dde0;
}
.hnv2-guide-sample-user>i{
  display:block;
  border-radius:999px;
  background:#e2e5e7;
}
.hnv2-guide-sample-user>i:last-child{width:42px}
.hnv2-guide-sample-message{
  display:grid;
  gap:6px;
  margin:15px 0 0 36px;
  padding:11px 12px;
  border:1px solid #dce0e4;
  border-radius:8px;
}
.hnv2-guide-sample-message strong{
  font-size:13px;
}
.hnv2-guide-sample-message span{
  overflow-wrap:anywhere;
  color:#2268bd;
  font-size:12px;
}
.hnv2-guide-link-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin:-13px -13px 24px;
  padding:9px 12px;
  border-bottom:1px solid #dfe3e6;
  background:#f7f8f9;
  color:#4b5055;
}
.hnv2-guide-link-toolbar i{
  font-family:serif;
}
.hnv2-guide-link-toolbar span{
  padding-left:10px;
  border-left:1px solid #d3d8dc;
  font-size:11px;
}
.hnv2-guide-link-sample>a{
  display:inline-block;
  color:#1769bd;
  font-weight:800;
  text-decoration:underline;
  pointer-events:none;
}
.hnv2-guide-link-address{
  margin-top:20px;
  padding:9px;
  overflow-wrap:anywhere;
  border:1px solid #d8dfe5;
  border-radius:6px;
  color:#4c5a68;
  font-size:11px;
}
.hnv2-guide-secret-warning{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:13px;
  padding:11px 13px;
  border:1px solid #e3aaa5;
  border-radius:9px;
  background:#fff4f3;
  color:#bd2d25;
  font-size:13px;
  text-align:center;
}
.hnv2-guide-secret-warning strong{
  font-weight:900;
}

/* Created page posting examples */
.hnv2-created-posting-guide{
  margin-top:22px;
  padding:18px;
  border:2px solid #dfc5b5;
  border-radius:14px;
  background:#fffdfb;
}
.hnv2-created-url-example{
  display:grid;
  gap:7px;
  min-height:112px;
  padding:14px;
  border:1px solid #d7dde2;
  border-radius:9px;
  background:#fff;
}
.hnv2-created-url-example a{
  overflow-wrap:anywhere;
  color:#1769bd;
}
.hnv2-created-copy-example{
  width:100%;
  min-height:40px;
  margin-top:11px;
  border:1px solid #8baa8f;
  border-radius:8px;
  background:#fff;
  color:#397441;
  font-weight:800;
  cursor:pointer;
}
.hnv2-created-link-example{
  min-height:112px;
}

/* STEP 1 / STEP 6 headings */
.hnv2-wizard-page-heading{
  column-gap:12px;
}
.hnv2-publish-credential-list{
  counter-reset:none!important;
}
.hnv2-publish-credential-list li{
  grid-template-columns:24px minmax(180px,auto) 1fr!important;
  align-items:center;
}
.hnv2-publish-credential-list li strong:before{
  content:none!important;
}
.hnv2-credential-number{
  color:#8d6258;
  font-size:16px;
  font-weight:900;
  text-align:center;
}
.hnv2-publish-warning{
  color:#b42318!important;
}
.hnv2-publish-warning strong{
  color:inherit!important;
}

/* Creation wording should look like input/setup, not account registration. */
.hnv2-create-page .hnv2-service-header p{
  max-width:720px;
}

@media(max-width:720px){
  .hnv2-wizard-page-heading{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
  }
  .hnv2-wizard-page-heading .hnv2-step-head-copy{
    display:contents!important;
  }
  .hnv2-wizard-page-heading .hnv04-step-number{
    grid-column:1;
    grid-row:1;
  }
  .hnv2-wizard-page-heading .hnv2-step-head-copy h2{
    grid-column:2;
    grid-row:1;
    min-width:0;
  }
  .hnv2-wizard-page-heading .hnv2-step-head-copy p{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    margin-top:8px!important;
  }

  .hnv2-creation-guide{
    margin-bottom:25px;
  }
  .hnv2-creation-guide-main,
  .hnv2-guide-posting{
    padding:15px;
  }
  .hnv2-creation-guide-heading h2{
    font-size:19px;
  }
  .hnv2-guide-info-grid,
  .hnv2-guide-example-grid{
    grid-template-columns:1fr;
  }
  .hnv2-guide-info-card{
    padding:12px;
  }
  .hnv2-guide-example-card{
    padding:12px;
  }
  .hnv2-guide-post-sample,
  .hnv2-guide-link-sample{
    min-height:126px;
  }
  .hnv2-guide-secret-warning{
    align-items:flex-start;
    flex-direction:column;
    text-align:left;
  }
  .hnv2-publish-credential-list li{
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:3px 8px!important;
  }
  .hnv2-publish-credential-list li>span:last-child{
    grid-column:2;
  }
}


/* v2.16.5: dedicated, readable intro page before the builder */
#hnv2-create-intro-screen[hidden],
#hnv2-create-builder-screen[hidden]{
  display:none!important;
}

.hnv2-create-intro{
  max-width:820px;
  margin:28px auto 45px;
  padding:34px;
  border:1px solid #ded8d4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 36px rgba(45,38,34,.08);
}
.hnv2-create-intro-header{
  padding-bottom:24px;
  border-bottom:1px solid #e8e2de;
}
.hnv2-create-intro-header>span{
  display:inline-block;
  margin-bottom:10px;
  padding:5px 10px;
  border-radius:999px;
  background:#f4ebe7;
  color:#8b5548;
  font-size:12px;
  font-weight:800;
}
.hnv2-create-intro-header h1{
  margin:0 0 10px;
  color:#2d2927;
  font-size:29px;
  line-height:1.35;
}
.hnv2-create-intro-header p{
  margin:0;
  color:#65605d;
  font-size:15px;
  line-height:1.75;
}

.hnv2-create-intro-section{
  padding:27px 0;
  border-bottom:1px solid #e8e2de;
}
.hnv2-create-intro-section h2{
  margin:0 0 17px;
  color:#302b29;
  font-size:20px;
  line-height:1.45;
}
.hnv2-intro-section-lead{
  margin:-5px 0 17px;
  color:#5f5a57;
  line-height:1.75;
}

.hnv2-intro-info-list{
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}
.hnv2-intro-info-list li{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:start;
  gap:12px;
  padding:14px 15px;
  border:1px solid #e2ddda;
  border-radius:11px;
  background:#fcfbfa;
}
.hnv2-intro-list-number{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#8f5f53;
  color:#fff;
  font-size:14px;
  font-weight:900;
}
.hnv2-intro-info-list strong{
  display:block;
  margin:1px 0 4px;
  color:#302b29;
  font-size:15px;
}
.hnv2-intro-info-list p{
  margin:0;
  color:#62605e;
  font-size:13.5px;
  line-height:1.65;
}

.hnv2-intro-important{
  margin-top:15px;
  padding:15px 16px;
  border-left:5px solid #c64036;
  border-radius:7px;
  background:#fff4f2;
}
.hnv2-intro-important strong{
  display:block;
  margin-bottom:4px;
  color:#a72d25;
  font-size:15px;
}
.hnv2-intro-important p{
  margin:0;
  color:#65433f;
  font-size:13.5px;
  line-height:1.7;
}

.hnv2-intro-mail-note{
  margin-top:11px;
  padding:14px 16px;
  border-radius:9px;
  background:#f5f3f1;
}
.hnv2-intro-mail-note strong{
  display:block;
  margin-bottom:3px;
  color:#463f3c;
  font-size:14px;
}
.hnv2-intro-mail-note p{
  margin:0;
  color:#625d59;
  font-size:13px;
  line-height:1.7;
}

.hnv2-intro-example-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.hnv2-intro-example{
  padding:16px;
  border:1px solid #d9ded9;
  border-radius:11px;
  background:#fbfdfb;
}
.hnv2-intro-example h3{
  margin:0 0 11px;
  color:#35663b;
  font-size:15px;
}
.hnv2-intro-example>p{
  margin:10px 0 0;
  color:#626762;
  font-size:12.5px;
  line-height:1.65;
}
.hnv2-intro-example-content{
  display:grid;
  gap:6px;
  min-height:94px;
  align-content:center;
  padding:13px;
  border:1px solid #d8ded8;
  border-radius:8px;
  background:#fff;
}
.hnv2-intro-example-content strong{
  font-size:14px;
}
.hnv2-intro-example-content span{
  overflow-wrap:anywhere;
  color:#1769b0;
  font-size:12.5px;
}
.hnv2-intro-text-link-example{
  display:grid;
  min-height:94px;
  place-items:center;
  padding:13px;
  border:1px solid #d8ded8;
  border-radius:8px;
  background:#fff;
}
.hnv2-intro-text-link-example a{
  color:#1769b0;
  font-size:15px;
  font-weight:800;
  text-decoration:underline;
  pointer-events:none;
}

.hnv2-intro-secret{
  margin-top:13px;
  padding:14px 16px;
  border:1px solid #e4aaa5;
  border-radius:9px;
  background:#fff5f4;
}
.hnv2-intro-secret strong{
  display:block;
  margin-bottom:3px;
  color:#ad2f28;
  font-size:14px;
}
.hnv2-intro-secret p{
  margin:0;
  color:#70413d;
  font-size:13px;
  line-height:1.65;
}

.hnv2-start-creating-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  width:100%;
  min-height:58px;
  margin-top:28px;
  padding:13px 18px;
  border:0;
  border-radius:11px;
  background:#8f5f53;
  color:#fff;
  box-shadow:0 6px 17px rgba(104,65,55,.2);
  font-size:16px;
  font-weight:900;
  cursor:pointer;
}
.hnv2-start-creating-button:hover{
  background:#7c4e43;
}
.hnv2-start-creating-button span{
  font-size:21px;
}

/* Disable the overly decorative guide from the previous prototype. */
.hnv2-creation-guide{
  display:none!important;
}

@media(max-width:720px){
  .hnv2-create-intro{
    margin:12px auto 30px;
    padding:20px 15px;
    border-radius:13px;
  }
  .hnv2-create-intro-header{
    padding-bottom:20px;
  }
  .hnv2-create-intro-header h1{
    font-size:23px;
  }
  .hnv2-create-intro-header p{
    font-size:13.5px;
  }
  .hnv2-create-intro-section{
    padding:22px 0;
  }
  .hnv2-create-intro-section h2{
    font-size:18px;
  }
  .hnv2-intro-example-grid{
    grid-template-columns:1fr;
  }
  .hnv2-intro-info-list li{
    grid-template-columns:34px minmax(0,1fr);
    padding:12px;
  }
  .hnv2-intro-list-number{
    width:29px;
    height:29px;
  }
  .hnv2-start-creating-button{
    min-height:55px;
    font-size:14px;
  }
}


/* v2.16.6: flatter intro, darker text and a return link from STEP1 */
.hnv2-create-intro{
  max-width:860px!important;
  margin:24px auto 44px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#222!important;
}
.hnv2-create-intro-header{
  padding:0 0 24px!important;
  border-bottom:2px solid #272727!important;
}
.hnv2-create-intro-header>span{
  background:#f0ece9!important;
  color:#4e403b!important;
}
.hnv2-create-intro-header h1{
  color:#181818!important;
  font-size:30px!important;
}
.hnv2-create-intro-header p{
  color:#333!important;
}

.hnv2-create-intro-section{
  padding:30px 0!important;
  border-bottom:1px solid #cfcfcf!important;
}
.hnv2-create-intro-section h2{
  margin-bottom:14px!important;
  color:#171717!important;
  font-size:22px!important;
}
.hnv2-intro-notice-lead{
  margin:0 0 7px;
  color:#222;
  font-size:15px;
  line-height:1.75;
}
.hnv2-intro-notice-strong{
  margin:0 0 21px;
  color:#d00000;
  font-size:15px;
  font-weight:900;
  line-height:1.75;
}

.hnv2-intro-three-info{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  border-top:1px solid #bdbdbd;
  border-bottom:1px solid #bdbdbd;
}
.hnv2-intro-three-info article{
  min-width:0;
  padding:18px 20px;
}
.hnv2-intro-three-info article+article{
  border-left:1px solid #bdbdbd;
}
.hnv2-intro-info-title{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
}
.hnv2-intro-info-title span{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:50%;
  background:#202020;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.hnv2-intro-info-title strong{
  color:#151515;
  font-size:15px;
}
.hnv2-intro-three-info p{
  margin:0;
  color:#333;
  font-size:13px;
  line-height:1.7;
}

.hnv2-intro-mail-note{
  margin-top:18px!important;
  padding:14px 16px!important;
  border:0!important;
  border-left:4px solid #3d6e9f!important;
  border-radius:0!important;
  background:#f2f6fa!important;
}
.hnv2-intro-mail-note strong{
  color:#183f65!important;
}
.hnv2-intro-mail-note p{
  color:#273746!important;
}

.hnv2-intro-section-lead{
  color:#222!important;
  font-size:15px!important;
}
.hnv2-intro-section-lead strong{
  color:#d00000!important;
}
.hnv2-intro-example-grid{
  gap:18px!important;
}
.hnv2-intro-example{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.hnv2-intro-example h3{
  margin-bottom:8px!important;
  color:#222!important;
  font-size:15px!important;
}
.hnv2-intro-example-content,
.hnv2-intro-text-link-example{
  min-height:96px!important;
  padding:15px!important;
  border:1px solid #a9a9a9!important;
  border-radius:7px!important;
  background:#fff!important;
}
.hnv2-intro-example-content strong{
  color:#181818!important;
}
.hnv2-intro-example-content span,
.hnv2-intro-text-link-example a{
  color:#005bbb!important;
}
.hnv2-intro-secret{
  margin:17px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d00000!important;
  font-size:14px!important;
  line-height:1.75!important;
}
.hnv2-intro-secret strong{
  display:inline!important;
  margin:0 5px 0 0!important;
  color:#d00000!important;
}

.hnv2-start-creating-button{
  margin-top:30px!important;
  background:#222!important;
  box-shadow:none!important;
}
.hnv2-start-creating-button:hover{
  background:#000!important;
}

.hnv2-back-to-intro{
  display:inline-flex;
  align-items:center;
  margin:0 0 14px;
  padding:8px 2px;
  border:0;
  background:transparent;
  color:#495057;
  font-size:13px;
  font-weight:800;
  text-decoration:underline;
  cursor:pointer;
}
.hnv2-back-to-intro:hover{
  color:#111;
}

@media(max-width:720px){
  .hnv2-create-intro{
    margin:12px auto 30px!important;
  }
  .hnv2-create-intro-header{
    padding-bottom:20px!important;
  }
  .hnv2-create-intro-header h1{
    font-size:24px!important;
  }
  .hnv2-create-intro-section{
    padding:24px 0!important;
  }
  .hnv2-create-intro-section h2{
    font-size:19px!important;
  }
  .hnv2-intro-three-info{
    grid-template-columns:1fr;
  }
  .hnv2-intro-three-info article{
    padding:15px 3px;
  }
  .hnv2-intro-three-info article+article{
    border-left:0;
    border-top:1px solid #bdbdbd;
  }
  .hnv2-intro-example-grid{
    grid-template-columns:1fr!important;
  }
  .hnv2-intro-example-content,
  .hnv2-intro-text-link-example{
    min-height:82px!important;
  }
}

/* v2.16.7: professional onboarding intro redesign */
.hnv2-create-page{
  background:
    radial-gradient(circle at 84% 5%,rgba(213,231,255,.55),transparent 28%),
    linear-gradient(180deg,#fbfdff 0,#f5f8fc 100%);
}
.hnv2-create-page .hnv2-shell{
  width:min(1120px,calc(100% - 30px));
  margin:0 auto 72px;
  padding-top:28px;
}
.hnv2-create-intro{
  max-width:1080px!important;
  margin:0 auto!important;
  padding:0 0 10px!important;
  color:#15233a!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
.hnv2-create-intro *,
.hnv2-create-intro *::before,
.hnv2-create-intro *::after{
  box-sizing:border-box;
}

/* hero */
.hnv2-create-intro .hnv2-create-intro-header.hnv2-intro-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);
  align-items:center;
  min-height:300px;
  padding:28px 16px 26px 22px!important;
  overflow:hidden;
  border:0!important;
  border-radius:26px;
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 60px rgba(57,83,122,.08);
}
.hnv2-create-intro .hnv2-intro-hero::before{
  position:absolute;
  inset:0;
  content:"";
  border:1px solid rgba(213,224,239,.78);
  border-radius:inherit;
  pointer-events:none;
}
.hnv2-intro-hero-copy{
  position:relative;
  z-index:2;
  padding:12px 12px 12px 10px;
}
.hnv2-create-intro .hnv2-intro-badge{
  display:inline-flex!important;
  align-items:center;
  min-height:38px;
  margin:0 0 19px!important;
  padding:7px 16px!important;
  border:1px solid #acd1ff;
  border-radius:999px!important;
  background:rgba(255,255,255,.9)!important;
  color:#1461b6!important;
  box-shadow:0 3px 11px rgba(36,105,182,.08);
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.02em;
}
.hnv2-create-intro .hnv2-intro-hero h1{
  margin:0 0 15px!important;
  color:#13233b!important;
  font-size:clamp(34px,4vw,50px)!important;
  font-weight:850;
  line-height:1.34!important;
  letter-spacing:.01em;
}
.hnv2-create-intro .hnv2-intro-hero-copy>p{
  max-width:590px;
  margin:0!important;
  color:#55647a!important;
  font-size:16px!important;
  line-height:1.9!important;
}
.hnv2-intro-hero-visual{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  width:53%;
  overflow:hidden;
  border-radius:0 26px 26px 0;
}
.hnv2-intro-hero-visual::after{
  position:absolute;
  inset:0;
  content:"";
  background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.68) 16%,transparent 48%);
  pointer-events:none;
}
.hnv2-intro-hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.97;
}

/* main credentials panel */
.hnv2-create-intro .hnv2-intro-notice-section{
  margin-top:24px;
  padding:30px 32px 28px!important;
  border:1px solid #e1e8f1!important;
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 15px 44px rgba(57,83,122,.08);
}
.hnv2-intro-panel-heading{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:14px;
  margin:0 auto 24px;
  text-align:left;
}
.hnv2-intro-heading-icon{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:39px;
  height:39px;
  border-radius:12px;
  background:#eaf4ff;
  color:#1565bd;
}
.hnv2-intro-heading-icon-coral{
  background:#fff0ee;
  color:#f05a55;
}
.hnv2-intro-heading-icon svg,
.hnv2-intro-card-icon svg,
.hnv2-intro-mail-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hnv2-create-intro .hnv2-intro-panel-heading h2,
.hnv2-create-intro .hnv2-intro-posting-heading h2{
  margin:0 0 6px!important;
  color:#182842!important;
  font-size:25px!important;
  font-weight:850;
  line-height:1.4;
}
.hnv2-intro-panel-heading p{
  margin:0;
  color:#5b687b;
  font-size:14px;
  line-height:1.75;
}
.hnv2-intro-panel-heading p strong{
  color:#ef5753;
  font-weight:850;
}
.hnv2-create-intro .hnv2-intro-three-info{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0!important;
  border:0!important;
}
.hnv2-create-intro .hnv2-intro-three-info article{
  position:relative;
  display:flex;
  min-width:0;
  min-height:220px;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:24px 22px 21px!important;
  border:1px solid #e2e9f1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(47,78,118,.07);
  text-align:center;
  transition:transform .18s ease,box-shadow .18s ease;
}
.hnv2-create-intro .hnv2-intro-three-info article+article{
  border-left:1px solid #e2e9f1!important;
}
.hnv2-create-intro .hnv2-intro-three-info article:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(47,78,118,.11);
}
.hnv2-intro-card-number{
  position:absolute;
  top:16px;
  left:16px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,#1972cf,#0b58ae);
  color:#fff;
  box-shadow:0 5px 12px rgba(16,91,174,.22);
  font-size:15px;
  font-weight:900;
}
.hnv2-intro-card-icon{
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  margin:0 0 17px;
  border-radius:50%;
  background:#eaf4ff;
  color:#1263bc;
}
.hnv2-intro-card-icon svg{
  width:31px;
  height:31px;
}
.hnv2-create-intro .hnv2-intro-three-info h3{
  margin:0 0 9px;
  color:#182842;
  font-size:18px;
  font-weight:850;
  line-height:1.45;
}
.hnv2-create-intro .hnv2-intro-three-info p{
  max-width:245px;
  margin:0!important;
  color:#5d6a7d!important;
  font-size:13.5px!important;
  line-height:1.75!important;
}
.hnv2-create-intro .hnv2-intro-mail-note{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  gap:18px;
  margin:22px 0 0!important;
  padding:18px 22px!important;
  border:1px solid #b9dbff!important;
  border-left:1px solid #b9dbff!important;
  border-radius:16px!important;
  background:linear-gradient(100deg,#f2f8ff,#eaf5ff)!important;
}
.hnv2-intro-mail-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#fff;
  color:#1463b9;
  box-shadow:0 6px 18px rgba(39,103,174,.08);
}
.hnv2-intro-mail-icon svg{
  width:28px;
  height:28px;
}
.hnv2-create-intro .hnv2-intro-mail-note strong{
  display:block;
  margin:0 0 3px;
  color:#17304f!important;
  font-size:17px!important;
  font-weight:850;
}
.hnv2-create-intro .hnv2-intro-mail-note p{
  margin:0!important;
  color:#42556e!important;
  font-size:13.5px!important;
  line-height:1.75!important;
}

/* posting examples */
.hnv2-create-intro .hnv2-intro-posting-section{
  position:relative;
  margin:24px 0 0;
  padding:26px 18px 24px 26px!important;
  border:0!important;
  border-left:4px solid #dcedff!important;
  background:transparent;
}
.hnv2-intro-posting-heading{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:18px;
}
.hnv2-create-intro .hnv2-intro-posting-heading .hnv2-intro-section-lead{
  margin:0!important;
  color:#536178!important;
  font-size:14px!important;
  line-height:1.75!important;
}
.hnv2-create-intro .hnv2-intro-posting-heading .hnv2-intro-section-lead strong{
  color:#1164bd!important;
}
.hnv2-create-intro .hnv2-intro-example-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
}
.hnv2-create-intro .hnv2-intro-example{
  padding:0!important;
  border:1px solid #e0e8f1!important;
  border-radius:16px!important;
  overflow:hidden;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(47,78,118,.055);
}
.hnv2-create-intro .hnv2-intro-example h3{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0!important;
  padding:15px 18px 12px;
  color:#203149!important;
  font-size:14px!important;
  font-weight:850;
}
.hnv2-create-intro .hnv2-intro-example h3 span{
  font-size:16px;
}
.hnv2-create-intro .hnv2-intro-example-content,
.hnv2-create-intro .hnv2-intro-text-link-example{
  display:grid;
  min-height:118px!important;
  align-content:center;
  margin:0 15px 15px;
  padding:19px!important;
  border:1px solid #e4e9f0!important;
  border-radius:12px!important;
  background:#fbfdff!important;
}
.hnv2-create-intro .hnv2-intro-example-content{
  gap:8px;
}
.hnv2-create-intro .hnv2-intro-example-content strong{
  color:#25354d!important;
  font-size:14px!important;
}
.hnv2-create-intro .hnv2-intro-example-content span{
  overflow-wrap:anywhere;
  color:#075fbd!important;
  font-size:13px!important;
}
.hnv2-create-intro .hnv2-intro-text-link-example{
  place-items:center;
}
.hnv2-create-intro .hnv2-intro-text-link-example a{
  color:#075fbd!important;
  font-size:17px!important;
  font-weight:850!important;
  text-underline-offset:3px;
}
.hnv2-create-intro .hnv2-intro-secret{
  display:flex!important;
  align-items:center;
  gap:13px;
  margin:22px 0 0!important;
  padding:14px 18px!important;
  border:1px solid #ffb7b2!important;
  border-radius:13px!important;
  background:#fff8f7!important;
  color:#e34843!important;
  font-size:13.5px!important;
  line-height:1.65!important;
}
.hnv2-intro-secret-icon{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:27px;
  height:27px;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  padding-top:6px;
  background:#f25b55;
  color:#fff;
  font-size:15px;
  font-weight:900;
}
.hnv2-create-intro .hnv2-intro-secret strong{
  display:inline!important;
  margin:0 5px 0 0!important;
  color:#e34843!important;
  font-weight:850;
}

/* CTA */
.hnv2-create-intro .hnv2-start-creating-button{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:20px;
  width:calc(100% - 44px)!important;
  min-height:68px!important;
  margin:5px 22px 0!important;
  padding:16px 24px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#146bc8,#0757b0)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(13,91,177,.24)!important;
  font-size:18px!important;
  font-weight:850!important;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.hnv2-create-intro .hnv2-start-creating-button:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#146bc8,#0757b0)!important;
  box-shadow:0 16px 34px rgba(13,91,177,.3)!important;
  filter:brightness(1.04);
}
.hnv2-create-intro .hnv2-start-creating-button:focus-visible{
  outline:3px solid rgba(63,145,235,.32);
  outline-offset:4px;
}
.hnv2-create-intro .hnv2-start-creating-button span{
  font-size:25px!important;
  line-height:1;
}

@media(max-width:860px){
  .hnv2-create-intro .hnv2-create-intro-header.hnv2-intro-hero{
    grid-template-columns:1fr;
    min-height:285px;
    padding-right:38%!important;
  }
  .hnv2-intro-hero-visual{
    width:48%;
  }
  .hnv2-intro-hero-visual::after{
    background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.76) 23%,transparent 58%);
  }
  .hnv2-create-intro .hnv2-intro-three-info{
    gap:12px!important;
  }
  .hnv2-create-intro .hnv2-intro-three-info article{
    min-height:210px;
    padding-left:15px!important;
    padding-right:15px!important;
  }
}

@media(max-width:720px){
  .hnv2-create-page .hnv2-shell{
    width:min(100% - 20px,680px);
    padding-top:10px;
  }
  .hnv2-create-intro .hnv2-create-intro-header.hnv2-intro-hero{
    display:block;
    min-height:242px;
    padding:20px 34% 20px 18px!important;
    border-radius:18px;
  }
  .hnv2-intro-hero-copy{
    padding:0;
  }
  .hnv2-create-intro .hnv2-intro-badge{
    min-height:32px;
    margin-bottom:14px!important;
    padding:5px 11px!important;
    font-size:11px!important;
  }
  .hnv2-create-intro .hnv2-intro-hero h1{
    margin-bottom:10px!important;
    font-size:clamp(25px,7.5vw,34px)!important;
    line-height:1.4!important;
  }
  .hnv2-create-intro .hnv2-intro-hero-copy>p{
    font-size:12.5px!important;
    line-height:1.75!important;
  }
  .hnv2-intro-hero-visual{
    width:43%;
    border-radius:0 18px 18px 0;
  }
  .hnv2-intro-hero-visual img{
    object-position:53% center;
  }
  .hnv2-intro-hero-visual::after{
    background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.66) 19%,transparent 62%);
  }
  .hnv2-create-intro .hnv2-intro-notice-section{
    margin-top:14px;
    padding:22px 14px 16px!important;
    border-radius:18px;
  }
  .hnv2-intro-panel-heading{
    justify-content:flex-start;
    gap:10px;
    margin-bottom:17px;
  }
  .hnv2-intro-heading-icon{
    width:35px;
    height:35px;
    border-radius:10px;
  }
  .hnv2-create-intro .hnv2-intro-panel-heading h2,
  .hnv2-create-intro .hnv2-intro-posting-heading h2{
    font-size:19px!important;
  }
  .hnv2-intro-panel-heading p{
    font-size:12.5px;
  }
  .hnv2-create-intro .hnv2-intro-three-info{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hnv2-create-intro .hnv2-intro-three-info article{
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    min-height:0;
    align-items:center;
    padding:17px 15px 17px 76px!important;
    text-align:left;
  }
  .hnv2-create-intro .hnv2-intro-three-info article+article{
    border-top:1px solid #e2e9f1!important;
    border-left:1px solid #e2e9f1!important;
  }
  .hnv2-intro-card-number{
    top:14px;
    left:14px;
    width:29px;
    height:29px;
    font-size:13px;
  }
  .hnv2-intro-card-icon{
    grid-row:1/3;
    width:48px;
    height:48px;
    margin:0 12px 0 -1px;
  }
  .hnv2-intro-card-icon svg{
    width:25px;
    height:25px;
  }
  .hnv2-create-intro .hnv2-intro-three-info h3{
    margin:0 0 4px;
    font-size:15px;
  }
  .hnv2-create-intro .hnv2-intro-three-info p{
    max-width:none;
    font-size:12.5px!important;
    line-height:1.65!important;
  }
  .hnv2-create-intro .hnv2-intro-mail-note{
    grid-template-columns:44px minmax(0,1fr);
    gap:12px;
    margin-top:13px!important;
    padding:14px!important;
    border-radius:13px!important;
  }
  .hnv2-intro-mail-icon{
    width:42px;
    height:42px;
  }
  .hnv2-intro-mail-icon svg{
    width:22px;
    height:22px;
  }
  .hnv2-create-intro .hnv2-intro-mail-note strong{
    font-size:14px!important;
  }
  .hnv2-create-intro .hnv2-intro-mail-note p{
    font-size:12px!important;
    line-height:1.65!important;
  }
  .hnv2-create-intro .hnv2-intro-posting-section{
    margin-top:14px;
    padding:20px 3px 18px 15px!important;
  }
  .hnv2-intro-posting-heading{
    gap:10px;
  }
  .hnv2-create-intro .hnv2-intro-posting-heading .hnv2-intro-section-lead{
    font-size:12.5px!important;
  }
  .hnv2-create-intro .hnv2-intro-example-grid{
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .hnv2-create-intro .hnv2-intro-example h3{
    padding:13px 14px 10px;
    font-size:13px!important;
  }
  .hnv2-create-intro .hnv2-intro-example-content,
  .hnv2-create-intro .hnv2-intro-text-link-example{
    min-height:86px!important;
    margin:0 11px 11px;
    padding:15px!important;
  }
  .hnv2-create-intro .hnv2-intro-secret{
    align-items:flex-start;
    margin-top:14px!important;
    padding:12px!important;
    font-size:12px!important;
  }
  .hnv2-create-intro .hnv2-start-creating-button{
    width:100%!important;
    min-height:59px!important;
    margin:3px 0 0!important;
    padding:14px 16px!important;
    border-radius:13px!important;
    font-size:14px!important;
    gap:10px;
  }
}

@media(max-width:430px){
  .hnv2-create-intro .hnv2-create-intro-header.hnv2-intro-hero{
    min-height:226px;
    padding-right:29%!important;
  }
  .hnv2-intro-hero-visual{
    width:39%;
    opacity:.88;
  }
  .hnv2-create-intro .hnv2-intro-hero h1{
    font-size:25px!important;
  }
  .hnv2-create-intro .hnv2-intro-three-info article{
    padding-left:67px!important;
  }
  .hnv2-intro-card-icon{
    display:none;
  }
  .hnv2-create-intro .hnv2-intro-three-info article{
    grid-template-columns:1fr;
  }
}

/* v2.16.8: mobile intro refinements and compact accordion editors */
.hnv2-create-intro .hnv2-intro-hero h1 span{
  display:block;
  white-space:nowrap;
}
.hnv2-create-intro .hnv2-intro-posting-heading .hnv2-intro-section-lead strong{
  color:#e34843!important;
  font-weight:900!important;
}
.hnv2-create-intro .hnv2-intro-secret strong{
  margin:0!important;
}

.hnv2-step3-accordion-list,
.hnv2-contact-accordion-list{
  display:grid;
  gap:9px;
  margin:14px 0;
}
.hnv2-accordion-summary-copy{
  display:grid;
  min-width:0;
  gap:3px;
}
.hnv2-accordion-summary-copy>strong{
  overflow-wrap:anywhere;
  color:#252f3b;
  font-size:15px;
  font-weight:900;
  line-height:1.45;
}
.hnv2-accordion-summary-copy>small{
  color:#687483;
  font-size:11.5px;
  line-height:1.45;
}
.hnv2-step3-category-body{
  display:grid;
  gap:14px;
}
.hnv2-step3-category-body>.hnv2-subsection-heading{
  margin:4px 0 0!important;
}
.hnv2-step3-category-body>.hnv2-category-setting-box{
  margin:0!important;
}
.hnv2-contact-accordion-summary{
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
.hnv2-contact-required-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:47px;
  min-height:27px;
  padding:4px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.hnv2-contact-required-badge.required{
  background:#fff0ee;
  color:#b9382f;
}
.hnv2-contact-required-badge.optional{
  background:#eef2f6;
  color:#596574;
}
.hnv2-contact-accordion .hnv2-contact-field-row{
  margin:0;
}
.hnv2-add-contact-button{
  width:100%;
  min-height:47px;
  border-style:dashed!important;
}
.hnv2-wizard-back-to-intro{
  color:#42556e;
}

@media(max-width:720px){
  .hnv2-create-intro .hnv2-create-intro-header.hnv2-intro-hero{
    padding:20px 18px!important;
  }
  .hnv2-create-intro .hnv2-intro-hero h1{
    max-width:100%;
    font-size:clamp(20px,6.3vw,25px)!important;
    letter-spacing:-.025em;
  }
  .hnv2-create-intro .hnv2-intro-hero-copy>p{
    max-width:68%;
  }
  .hnv2-intro-hero-visual{
    width:48%;
  }
  .hnv2-intro-hero-visual::after{
    background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.92) 27%,rgba(255,255,255,.55) 62%,transparent 100%);
  }
  .hnv2-step3-category-accordion .hnv2-category-accordion-summary,
  .hnv2-contact-accordion-summary{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .hnv2-step3-category-accordion .hnv2-category-status-badge,
  .hnv2-contact-required-badge{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
    margin:1px 0 0!important;
  }
  .hnv2-step3-category-accordion .hnv2-category-toggle-button,
  .hnv2-contact-accordion .hnv2-category-toggle-button{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    min-width:86px!important;
  }
  .hnv2-step3-category-body{
    padding:12px!important;
  }
  .hnv2-contact-accordion .hnv2-contact-field-row{
    padding:12px!important;
  }
}

@media(max-width:430px){
  .hnv2-create-intro .hnv2-create-intro-header.hnv2-intro-hero{
    min-height:226px;
    padding:18px 15px!important;
  }
  .hnv2-create-intro .hnv2-intro-hero h1{
    font-size:clamp(20px,6.2vw,24px)!important;
  }
  .hnv2-create-intro .hnv2-intro-three-info article{
    grid-template-columns:46px minmax(0,1fr)!important;
    padding-left:62px!important;
  }
  .hnv2-intro-card-icon{
    display:grid!important;
    width:44px;
    height:44px;
    margin-right:9px;
  }
  .hnv2-intro-card-icon svg{
    width:23px;
    height:23px;
  }
  .hnv2-step3-category-accordion .hnv2-category-toggle-button,
  .hnv2-contact-accordion .hnv2-category-toggle-button{
    min-width:78px!important;
    padding:0 8px!important;
    font-size:11.5px;
  }
}

/* v2.16.10: nested compact accordions for STEP3 and editable closed titles */
.hnv2-step3-inline-title,
.hnv2-contact-inline-title{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:44px;
  padding:9px 10px;
  border:1px solid #c9d2dc;
  border-radius:8px;
  background:#fff;
  color:#252f3b;
  font:inherit;
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}
.hnv2-step3-inline-title:focus,
.hnv2-contact-inline-title:focus{
  border-color:#527da8;
  outline:3px solid rgba(82,125,168,.14);
}
.hnv2-contact-editor-simple{
  grid-template-columns:1fr!important;
}

.hnv2-step3-category-body{
  gap:10px!important;
}
.hnv2-step3-subaccordion{
  overflow:hidden;
  border:1px solid #d8e0e8;
  border-radius:12px;
  background:#fff;
}
.hnv2-step3-subaccordion.expanded{
  border-color:#b9c9d9;
  box-shadow:0 3px 12px rgba(31,52,76,.05);
}
.hnv2-step3-subaccordion-summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:64px;
  padding:10px 12px;
}
.hnv2-step3-subaccordion-number{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:50%;
  background:#8d6258;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.hnv2-step3-subaccordion-copy{
  display:grid;
  min-width:0;
  gap:2px;
}
.hnv2-step3-subaccordion-copy strong{
  color:#252f3b;
  font-size:15px;
  font-weight:900;
  line-height:1.4;
}
.hnv2-step3-subaccordion-copy small{
  color:#687483;
  font-size:11.5px;
  line-height:1.45;
}
.hnv2-step3-subaccordion-toggle,
.hnv2-step3-item-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:90px;
  min-height:40px;
  padding:0 11px;
  border:1px solid #b8c4d1;
  border-radius:8px;
  background:#fff;
  color:#27425f;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.hnv2-step3-subaccordion.expanded>.hnv2-step3-subaccordion-summary .hnv2-step3-subaccordion-toggle,
.hnv2-step3-item-accordion.expanded>.hnv2-step3-item-summary .hnv2-step3-item-toggle{
  border-color:#8d6258;
  background:#8d6258;
  color:#fff;
}
.hnv2-step3-subaccordion-body{
  padding:10px;
  border-top:1px solid #e1e6ec;
  background:#f8fafc;
}
.hnv2-step3-item-list{
  display:grid;
  gap:8px;
}
.hnv2-step3-item-accordion{
  overflow:hidden;
  border:1px solid #d9e0e7;
  border-radius:10px;
  background:#fff;
}
.hnv2-step3-item-accordion.expanded{
  border-color:#bac8d6;
}
.hnv2-step3-item-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:56px;
  padding:9px 10px;
}
.hnv2-question-accordion .hnv2-step3-item-summary{
  grid-template-columns:auto minmax(0,1fr) auto auto;
}
.hnv2-step3-question-number{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#edf3f8;
  color:#315879;
  font-size:12px;
  font-weight:900;
}
.hnv2-step3-item-copy{
  display:grid;
  min-width:0;
  gap:2px;
}
.hnv2-step3-item-copy strong{
  overflow:hidden;
  color:#2c3540;
  font-size:13.5px;
  font-weight:850;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hnv2-step3-item-copy small{
  color:#74808d;
  font-size:11px;
  line-height:1.35;
}
.hnv2-step3-item-body{
  padding:11px;
  border-top:1px solid #e2e7ec;
  background:#fbfcfd;
}
.hnv2-step3-item-body .hnv2-notice-block-editor{
  margin:0!important;
}
.hnv2-question-editor-body{
  display:grid;
  gap:12px;
}
.hnv2-step3-subaccordion-body>.hnv04-button,
.hnv2-add-question-button{
  width:100%;
  min-height:44px;
  margin-top:9px;
  border-style:dashed!important;
}

@media(max-width:720px){
  .hnv2-step3-subaccordion-summary{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:8px;
    padding:9px;
  }
  .hnv2-step3-subaccordion-number{
    width:28px;
    height:28px;
  }
  .hnv2-step3-subaccordion-toggle,
  .hnv2-step3-item-toggle{
    min-width:78px;
    min-height:42px;
    padding:0 8px;
    font-size:11.5px;
  }
  .hnv2-step3-subaccordion-body{
    padding:8px;
  }
  .hnv2-question-accordion .hnv2-step3-item-summary{
    grid-template-columns:auto minmax(0,1fr) auto;
  }
  .hnv2-question-accordion .hnv2-contact-required-badge{
    grid-column:2;
    grid-row:2;
    justify-self:start;
  }
  .hnv2-question-accordion .hnv2-step3-item-toggle{
    grid-column:3;
    grid-row:1 / span 2;
  }
  .hnv2-step3-item-body{
    padding:9px;
  }
}

@media(max-width:430px){
  .hnv2-step3-subaccordion-summary{
    grid-template-columns:auto minmax(0,1fr);
  }
  .hnv2-step3-subaccordion-toggle{
    grid-column:1 / -1;
    width:100%;
    min-height:39px;
  }
  .hnv2-step3-item-summary{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .hnv2-question-accordion .hnv2-step3-item-summary{
    grid-template-columns:auto minmax(0,1fr) auto;
  }
  .hnv2-step3-item-copy strong{
    white-space:normal;
  }
}


/* v2.16.11: clearer numbering, separated STEP3 sections, compact mobile status row */
.hnv2-subsection-heading>span{
  display:block;
  width:auto;
  height:auto;
  min-width:24px;
  border-radius:0;
  background:transparent;
  color:#43566b;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
  text-align:left;
}
.hnv2-step3-category-group{
  display:grid;
  gap:9px;
}
.hnv2-step3-category-group+.hnv2-step3-category-group{
  margin-top:3px;
}
.hnv2-step3-category-sections{
  display:grid;
  gap:10px;
  margin:0 0 8px;
}
.hnv2-step3-category-summary-copy{
  display:grid;
  min-width:0;
  gap:3px;
}
.hnv2-category-static-title{
  overflow-wrap:anywhere;
  color:#252f3b;
  font-size:15px;
  font-weight:900;
  line-height:1.4;
}
.hnv2-step3-category-summary-copy small{
  color:#687483;
  font-size:11.5px;
  line-height:1.4;
}
.hnv2-step3-subaccordion-number{
  display:block;
  width:auto;
  height:auto;
  min-width:22px;
  border-radius:0;
  background:transparent;
  color:#43566b;
  font-size:14px;
  font-weight:900;
  line-height:1.3;
  text-align:left;
}
.hnv2-question-accordion .hnv2-step3-item-summary{
  grid-template-columns:minmax(0,1fr) auto auto;
}

@media(max-width:720px){
  .hnv2-category-compact-setting .hnv04-status-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .hnv2-category-compact-setting .hnv04-status-row .hnv04-status-button{
    box-sizing:border-box;
    width:100%!important;
    min-width:0;
    min-height:42px;
    padding:8px 3px!important;
    text-align:center!important;
    font-size:11.5px;
    white-space:nowrap;
  }
  .hnv2-step3-category-accordion .hnv2-category-accordion-summary{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .hnv2-step3-category-accordion .hnv2-category-status-badge{
    grid-column:1!important;
    grid-row:2!important;
  }
  .hnv2-question-accordion .hnv2-step3-item-summary{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .hnv2-question-accordion .hnv2-contact-required-badge{
    grid-column:1!important;
    grid-row:2!important;
  }
  .hnv2-question-accordion .hnv2-step3-item-toggle{
    grid-column:2!important;
    grid-row:1 / span 2!important;
  }
}

/* v2.17.0: template-first editor, selectable public designs and WebP header image */
.hnv2-builder-view-switch-three{
  grid-template-columns:repeat(3,minmax(0,auto))!important;
}
.hnv2-builder-view-switch button{
  min-height:42px;
}
.hnv2-easy-view{
  display:grid;
  gap:18px;
}
.hnv2-easy-view[hidden],
#hnv2-settings-view[hidden],
#hnv2-preview-view[hidden]{
  display:none!important;
}
.hnv2-easy-intro{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:20px;
  border:1px solid #b9d7c0;
  border-radius:17px;
  background:linear-gradient(135deg,#f4fbf5,#fff);
}
.hnv2-easy-intro>span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:5px 10px;
  border-radius:999px;
  background:#26723a;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.hnv2-easy-intro h2{
  margin:0 0 6px;
  font-size:23px;
  line-height:1.45;
}
.hnv2-easy-intro p{
  margin:0;
  color:#53645a;
  line-height:1.75;
}
.hnv2-easy-appearance-card{
  padding:20px;
  border:1px solid #d9dee5;
  border-radius:17px;
  background:#fff;
  box-shadow:0 5px 20px rgba(27,39,51,.05);
}
.hnv2-easy-section-heading{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-end;
  margin-bottom:17px;
}
.hnv2-easy-section-heading span{
  display:block;
  color:#335fd1;
  font-size:12px;
  font-weight:900;
}
.hnv2-easy-section-heading h3{
  margin:4px 0 0;
  font-size:20px;
}
.hnv2-easy-section-heading small{
  color:#667085;
}
.hnv2-appearance-controls{
  display:grid;
  gap:20px;
}
.hnv2-appearance-group{
  display:grid;
  gap:10px;
}
.hnv2-appearance-label{
  display:flex;
  align-items:baseline;
  gap:9px;
}
.hnv2-appearance-label strong{
  font-size:15px;
}
.hnv2-appearance-label span{
  color:#667085;
  font-size:12px;
}
.hnv2-template-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.hnv2-template-options button,
.hnv2-background-options button,
.hnv2-accent-options button{
  position:relative;
  border:1px solid #d7dde4;
  background:#fff;
  color:#27313d;
  cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.hnv2-template-options button:hover,
.hnv2-background-options button:hover,
.hnv2-accent-options button:hover{
  transform:translateY(-1px);
  border-color:#9aa6b2;
}
.hnv2-template-options button.selected,
.hnv2-background-options button.selected,
.hnv2-accent-options button.selected{
  border-color:#234fbf;
  box-shadow:0 0 0 2px rgba(35,79,191,.16);
}
.hnv2-template-options button.selected:after,
.hnv2-background-options button.selected:after,
.hnv2-accent-options button.selected:after{
  content:'✓';
  position:absolute;
  top:7px;
  right:7px;
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:#234fbf;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.hnv2-template-options button{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:2px 11px;
  align-items:center;
  min-height:82px;
  padding:12px;
  border-radius:12px;
  text-align:left;
}
.hnv2-template-options button strong{
  align-self:end;
}
.hnv2-template-options button small{
  align-self:start;
  color:#667085;
  line-height:1.4;
}
.hnv2-template-sample{
  grid-row:1/3;
  display:block;
  width:54px;
  height:52px;
  border:1px solid #cfd6de;
  background:#f7f9fb;
}
.hnv2-template-sample:before,
.hnv2-template-sample:after{
  content:'';
  display:block;
  margin:8px;
  background:#fff;
  border:1px solid #d8dde4;
}
.hnv2-template-sample:before{height:12px}
.hnv2-template-sample:after{height:15px;margin-top:-4px}
.hnv2-template-sample.soft{border-radius:12px;background:#fff3f5}
.hnv2-template-sample.soft:before,.hnv2-template-sample.soft:after{border-radius:7px;box-shadow:0 3px 6px rgba(0,0,0,.07)}
.hnv2-template-sample.natural{border-radius:6px;background:#f3efe4;border-color:#cfc3a6}
.hnv2-template-sample.natural:before,.hnv2-template-sample.natural:after{border-radius:3px;border-color:#d2c8ad}
.hnv2-template-sample.simple{border-radius:2px;background:#f5f7f9}
.hnv2-template-sample.simple:before,.hnv2-template-sample.simple:after{border-radius:1px;box-shadow:none}
.hnv2-accent-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.hnv2-accent-options button{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:44px;
  padding:8px 12px;
  border-radius:999px;
}
.hnv2-accent-options i{
  display:block;
  width:22px;
  height:22px;
  border-radius:50%;
  border:2px solid rgba(0,0,0,.08);
}
.hnv2-accent-options i.blue{background:#3e6fd8}
.hnv2-accent-options i.rose{background:#d66e87}
.hnv2-accent-options i.green{background:#4d8b69}
.hnv2-accent-options i.orange{background:#d9803f}
.hnv2-accent-options i.beige{background:#92795e}
.hnv2-background-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.hnv2-background-options button{
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:9px;
  min-height:58px;
  padding:8px;
  border-radius:10px;
  text-align:left;
}
.hnv2-background-options button>span{
  display:block;
  width:46px;
  height:40px;
  border:1px solid #d8dde4;
  border-radius:7px;
  background-color:#f6f8fa;
}
.hnv2-background-options span.paw{
  background-color:#fff9f4;
  background-image:radial-gradient(circle at 14px 15px,rgba(130,100,80,.20) 0 4px,transparent 4.5px),radial-gradient(circle at 9px 9px,rgba(130,100,80,.16) 0 2px,transparent 2.5px),radial-gradient(circle at 18px 7px,rgba(130,100,80,.16) 0 2px,transparent 2.5px),radial-gradient(circle at 23px 12px,rgba(130,100,80,.16) 0 2px,transparent 2.5px);
  background-size:32px 28px;
}
.hnv2-background-options span.cats{
  background-color:#f5f8fb;
  background-image:linear-gradient(135deg,transparent 42%,rgba(76,93,110,.10) 43% 48%,transparent 49%),radial-gradient(circle at 65% 55%,rgba(76,93,110,.12) 0 7px,transparent 7.5px);
  background-size:26px 26px;
}
.hnv2-background-options span.watercolor{
  background:radial-gradient(circle at 20% 25%,rgba(109,163,214,.24),transparent 42%),radial-gradient(circle at 80% 70%,rgba(224,153,172,.22),transparent 44%),#fafafa;
}
.hnv2-easy-help{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 15px;
  border-left:4px solid #3e6fd8;
  background:#eef4ff;
  color:#3f526d;
  line-height:1.6;
}
.hnv2-easy-help span{font-size:13px}
.hnv2-easy-preview-browser{
  border-color:#aab5c2;
  box-shadow:0 13px 40px rgba(22,34,47,.13);
}
.hnv2-preview-editable-part{
  position:relative;
}
.hnv2-preview-section-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:11px 0 8px;
  padding:9px 10px;
  border:1px dashed #9aabc0;
  border-radius:9px;
  background:rgba(239,245,252,.95);
  color:#43556b;
  font-size:13px;
}
.hnv2-preview-edit-button{
  flex:0 0 auto;
  border:1px solid #315bb3;
  border-radius:8px;
  background:#fff;
  color:#234c9f;
  padding:7px 10px;
  font-weight:900;
  cursor:pointer;
}
.hnv2-preview-edit-button:hover{
  background:#234c9f;
  color:#fff;
}
.hnv2-preview-header-placeholder{
  min-height:120px;
  gap:4px;
}
.hnv2-preview-header-placeholder strong{color:#687585}
.hnv2-preview-header-placeholder span{font-size:12px}
.hnv2-easy-finish{
  padding:18px;
  border:1px solid #cfd8e4;
  border-radius:15px;
  background:#fff;
  text-align:center;
}
.hnv2-easy-finish p{
  margin:0 0 11px;
  color:#667085;
}
.hnv2-easy-finish button{
  width:min(100%,520px);
  border:0;
  border-radius:11px;
  background:#202124;
  color:#fff;
  padding:14px 18px;
  font-weight:900;
  cursor:pointer;
}

/* Shared design variables for the real public page and previews. */
.hnv2-public-shell,
.hnv2-preview-page{
  --hnv2-accent:#3e6fd8;
  --hnv2-accent-deep:#2853b4;
  --hnv2-accent-soft:#edf3ff;
  --hnv2-surface:#fff;
  --hnv2-public-line:#d9e0e8;
}
.hnv2-accent-rose{--hnv2-accent:#d66e87;--hnv2-accent-deep:#aa405b;--hnv2-accent-soft:#fff0f4}
.hnv2-accent-green{--hnv2-accent:#4d8b69;--hnv2-accent-deep:#336b4c;--hnv2-accent-soft:#edf7f1}
.hnv2-accent-orange{--hnv2-accent:#d9803f;--hnv2-accent-deep:#a85a24;--hnv2-accent-soft:#fff3e9}
.hnv2-accent-beige{--hnv2-accent:#92795e;--hnv2-accent-deep:#6e5843;--hnv2-accent-soft:#f7f2eb}
body.hnv2-public-page{
  background-color:#f3f5f7;
}
body.hnv2-public-page.hnv2-bg-paw,
.hnv2-preview-page.hnv2-bg-paw{
  background-color:#fffaf6;
  background-image:radial-gradient(circle at 18px 20px,rgba(125,95,74,.075) 0 6px,transparent 6.5px),radial-gradient(circle at 11px 11px,rgba(125,95,74,.06) 0 3px,transparent 3.5px),radial-gradient(circle at 21px 8px,rgba(125,95,74,.06) 0 3px,transparent 3.5px),radial-gradient(circle at 28px 15px,rgba(125,95,74,.06) 0 3px,transparent 3.5px);
  background-size:68px 58px;
}
body.hnv2-public-page.hnv2-bg-cats,
.hnv2-preview-page.hnv2-bg-cats{
  background-color:#f6f9fb;
  background-image:linear-gradient(135deg,transparent 44%,rgba(75,91,106,.045) 45% 49%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(75,91,106,.055) 0 11px,transparent 11.5px);
  background-size:66px 66px;
}
body.hnv2-public-page.hnv2-bg-watercolor,
.hnv2-preview-page.hnv2-bg-watercolor{
  background-color:#fafafa;
  background-image:radial-gradient(circle at 9% 14%,rgba(92,154,213,.11),transparent 25%),radial-gradient(circle at 91% 32%,rgba(223,143,164,.10),transparent 27%),radial-gradient(circle at 22% 88%,rgba(111,171,137,.09),transparent 26%);
  background-attachment:fixed;
}
.hnv2-preview-page{
  padding-left:16px;
  padding-right:16px;
  border-radius:0 0 12px 12px;
}
.hnv2-public-shell .hnv04-primary-button,
.hnv2-preview-page .hnv04-primary-button{
  background:var(--hnv2-accent-deep);
}
.hnv2-public-shell .hnv04-category-card.selected,
.hnv2-preview-page .hnv04-category-card.selected{
  border-color:var(--hnv2-accent);
  box-shadow:0 0 0 2px var(--hnv2-accent) inset;
}
.hnv2-public-shell .hnv04-selected-consultation-title,
.hnv2-preview-page .hnv04-selected-consultation-title{
  border-bottom-color:var(--hnv2-accent);
}
.hnv2-public-shell .hnv2-public-header h1,
.hnv2-preview-page h1{
  color:#27313c;
}
.hnv2-public-shell .hnv04-public-card,
.hnv2-preview-page .hnv04-public-card{
  border-color:var(--hnv2-public-line);
  background:var(--hnv2-surface);
}
.hnv2-theme-soft .hnv04-public-card{
  border-radius:22px;
  box-shadow:0 9px 28px rgba(43,52,62,.075);
}
.hnv2-theme-soft .hnv04-category-card,
.hnv2-theme-soft input,
.hnv2-theme-soft textarea,
.hnv2-theme-soft .hnv04-choice-card{
  border-radius:14px!important;
}
.hnv2-theme-soft .hnv04-primary-button{border-radius:14px}
.hnv2-theme-natural{
  --hnv2-surface:#fffefb;
  --hnv2-public-line:#d9d0bd;
}
.hnv2-theme-natural .hnv04-public-card{
  border-radius:11px;
  box-shadow:0 5px 15px rgba(80,68,45,.055);
}
.hnv2-theme-natural .hnv04-category-card,
.hnv2-theme-natural input,
.hnv2-theme-natural textarea,
.hnv2-theme-natural .hnv04-choice-card{
  border-radius:8px!important;
}
.hnv2-theme-natural .hnv04-primary-button{border-radius:8px}
.hnv2-theme-simple .hnv04-public-card{
  border-radius:5px;
  box-shadow:none;
  border-width:1px;
}
.hnv2-theme-simple .hnv04-category-card,
.hnv2-theme-simple input,
.hnv2-theme-simple textarea,
.hnv2-theme-simple .hnv04-choice-card,
.hnv2-theme-simple .hnv04-primary-button{
  border-radius:4px!important;
}
.hnv2-public-banner,
.hnv2-preview-banner.has-image{
  border-radius:12px;
  background:transparent;
}
.hnv2-public-banner img,
.hnv2-preview-banner.has-image img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}

@media(max-width:760px){
  .hnv2-builder-view-switch-three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .hnv2-builder-view-switch button{
    min-width:0;
    padding:9px 4px!important;
    white-space:normal!important;
    font-size:11px!important;
    line-height:1.35;
  }
  .hnv2-easy-intro{
    grid-template-columns:1fr;
    padding:16px;
  }
  .hnv2-easy-intro>span{justify-self:start}
  .hnv2-easy-intro h2{font-size:20px}
  .hnv2-easy-appearance-card{padding:15px}
  .hnv2-easy-section-heading{display:block}
  .hnv2-easy-section-heading small{display:block;margin-top:6px}
  .hnv2-template-options{grid-template-columns:1fr}
  .hnv2-background-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hnv2-accent-options button{flex:1 1 calc(33.333% - 8px);justify-content:center;padding-left:8px;padding-right:8px}
  .hnv2-appearance-label{display:block}
  .hnv2-appearance-label span{display:block;margin-top:3px}
  .hnv2-easy-help{display:block}
  .hnv2-easy-help span{display:block;margin-top:4px}
  .hnv2-preview-section-toolbar{align-items:center}
  .hnv2-preview-section-toolbar strong{font-size:12px}
  .hnv2-preview-edit-button{padding:7px 8px;font-size:12px}
  .hnv2-preview-page{width:100%;padding-left:9px;padding-right:9px}
}

/* v2.17.1: edit the completed form in place, stronger edit controls, compact mobile categories */
.hnv2-easy-background-card .hnv2-background-options{
  max-width:760px;
}
.hnv2-easy-background-card .hnv2-easy-section-heading h3 small{
  color:#667085;
  font-size:12px;
  font-weight:700;
}
.hnv2-preview-section-toolbar{
  border:1px solid #b8c6d8;
  background:#fff;
  color:#263a54;
  box-shadow:0 2px 8px rgba(37,67,105,.06);
}
.hnv2-preview-section-toolbar strong{
  font-size:13px;
  font-weight:900;
}
.hnv2-preview-edit-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:76px;
  border:1px solid #173f8d;
  background:#2457b8;
  color:#fff;
  box-shadow:0 2px 5px rgba(24,68,149,.18);
}
.hnv2-preview-edit-button:hover{
  background:#173f8d;
  color:#fff;
}
.hnv2-inline-editor{
  display:grid;
  gap:14px;
  margin:10px 0 16px;
  padding:16px;
  border:2px solid #2c61bd;
  border-radius:12px;
  background:#f7faff;
  box-shadow:0 7px 20px rgba(34,75,145,.12);
}
.hnv2-inline-editor-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid #cbd8e9;
}
.hnv2-inline-editor-heading strong{
  display:block;
  color:#183862;
  font-size:17px;
  line-height:1.45;
}
.hnv2-inline-editor-heading small{
  display:block;
  margin-top:3px;
  color:#56677c;
  font-size:12px;
  line-height:1.6;
}
.hnv2-inline-editor-close{
  flex:0 0 auto;
  border:1px solid #aebdce;
  border-radius:8px;
  background:#fff;
  color:#34465c;
  padding:7px 10px;
  font-weight:800;
  cursor:pointer;
}
.hnv2-inline-editor-fields,
.hnv2-inline-item-editor{
  display:grid;
  gap:12px;
}
.hnv2-inline-editor label>strong,
.hnv2-inline-item-editor label>strong,
.hnv2-inline-image-setting strong{
  display:block;
  margin-bottom:6px;
  color:#26384d;
  font-size:13px;
}
.hnv2-inline-editor input[type="text"],
.hnv2-inline-editor input[type="email"],
.hnv2-inline-editor textarea,
.hnv2-inline-editor select{
  display:block;
  width:100%;
  box-sizing:border-box;
  min-height:43px;
  margin:0;
  border:1px solid #b9c5d3;
  border-radius:8px;
  background:#fff;
  color:#222;
  padding:10px 11px;
  font:inherit;
}
.hnv2-inline-editor textarea{
  min-height:76px;
  resize:vertical;
  line-height:1.65;
}
.hnv2-inline-editor label>small,
.hnv2-inline-image-setting small{
  display:block;
  margin-top:5px;
  color:#667085;
  font-size:12px;
  line-height:1.55;
}
.hnv2-inline-image-setting{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid #ccd7e3;
  border-radius:9px;
  background:#fff;
}
.hnv2-inline-image-setting button,
.hnv2-inline-add-button,
.hnv2-inline-add-row button{
  border:1px solid #315da9;
  border-radius:8px;
  background:#fff;
  color:#214f9f;
  padding:9px 12px;
  font-weight:900;
  cursor:pointer;
}
.hnv2-inline-editor-savebar{
  display:flex;
  justify-content:flex-end;
  padding-top:2px;
}
.hnv2-inline-save-button{
  border:1px solid #153f8e!important;
  border-radius:8px!important;
  background:#2457b8!important;
  color:#fff!important;
  padding:10px 14px!important;
  font-weight:900!important;
  cursor:pointer;
}
.hnv2-inline-danger-button,
.hnv2-inline-row-actions .danger{
  border:1px solid #c74a4a!important;
  background:#fff!important;
  color:#b02e2e!important;
}
.hnv2-inline-item-list,
.hnv2-inline-category-list{
  display:grid;
  gap:9px;
}
.hnv2-inline-item,
.hnv2-inline-category-row{
  overflow:hidden;
  border:1px solid #cbd5e1;
  border-radius:9px;
  background:#fff;
}
.hnv2-inline-item.is-open{
  border-color:#6f91c5;
  box-shadow:0 0 0 2px rgba(56,101,174,.09);
}
.hnv2-inline-item-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
}
.hnv2-inline-item-summary>div{
  min-width:0;
}
.hnv2-inline-item-summary strong,
.hnv2-inline-item-summary small{
  display:block;
}
.hnv2-inline-item-summary strong{
  overflow-wrap:anywhere;
  color:#24364c;
  line-height:1.45;
}
.hnv2-inline-item-summary small{
  overflow:hidden;
  margin-top:3px;
  color:#6a7685;
  font-size:12px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hnv2-inline-item-summary button{
  flex:0 0 auto;
  border:1px solid #315da9;
  border-radius:8px;
  background:#eef4ff;
  color:#214f9f;
  padding:7px 10px;
  font-weight:900;
  cursor:pointer;
}
.hnv2-inline-item-editor{
  padding:13px;
  border-top:1px solid #d6dee8;
  background:#fbfdff;
}
.hnv2-inline-item-actions,
.hnv2-inline-row-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
.hnv2-inline-item-actions button,
.hnv2-inline-row-actions button{
  min-height:38px;
  border:1px solid #b7c3d0;
  border-radius:8px;
  background:#fff;
  color:#34465a;
  padding:8px 10px;
  font-weight:800;
  cursor:pointer;
}
.hnv2-inline-item-actions button:disabled,
.hnv2-inline-row-actions button:disabled{
  opacity:.4;
  cursor:not-allowed;
}
.hnv2-inline-item-actions-wrap{
  flex-wrap:wrap;
}
.hnv2-inline-add-button{
  width:100%;
  border-style:dashed;
  min-height:43px;
}
.hnv2-inline-empty{
  padding:14px;
  border:1px dashed #bcc8d5;
  border-radius:8px;
  background:#fff;
  color:#687587;
  text-align:center;
}
.hnv2-inline-category-row{
  display:grid;
  gap:10px;
  padding:12px;
}
.hnv2-inline-category-main{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(120px,.7fr);
  gap:10px;
}
.hnv2-inline-category-reason{
  margin:0;
}
.hnv2-inline-add-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}
.hnv2-inline-check{
  display:flex!important;
  align-items:center;
  gap:8px;
  font-weight:800;
}
.hnv2-inline-check input{
  width:18px!important;
  min-height:0!important;
  height:18px;
  margin:0!important;
}
.hnv2-preview-browser-bar small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:600px){
  .hnv2-public-shell .hnv04-public-category-grid,
  .hnv2-preview-page .hnv04-public-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px;
  }
  .hnv2-public-shell .hnv04-public-category-label,
  .hnv2-preview-page .hnv04-public-category-label{
    font-size:15px;
    line-height:1.45;
  }
  .hnv2-public-shell .hnv04-category-card,
  .hnv2-preview-page .hnv04-category-card{
    min-height:72px;
    padding:10px 9px;
  }
  .hnv2-public-shell .hnv04-category-card-top,
  .hnv2-preview-page .hnv04-category-card-top{
    gap:5px;
  }
  .hnv2-public-shell .hnv04-category-card-symbol,
  .hnv2-preview-page .hnv04-category-card-symbol{
    font-size:16px;
  }
  .hnv2-public-shell .hnv04-category-card-title,
  .hnv2-preview-page .hnv04-category-card-title{
    font-size:13px;
    line-height:1.4;
  }
  .hnv2-public-shell .hnv04-category-card-status,
  .hnv2-preview-page .hnv04-category-card-status{
    margin-top:5px;
    font-size:11px;
  }
  .hnv2-inline-editor{
    padding:12px 10px;
    border-radius:10px;
  }
  .hnv2-inline-editor-heading{
    align-items:stretch;
  }
  .hnv2-inline-editor-heading strong{
    font-size:15px;
  }
  .hnv2-inline-image-setting{
    align-items:stretch;
    flex-direction:column;
  }
  .hnv2-inline-image-setting button{
    width:100%;
  }
  .hnv2-inline-category-main{
    grid-template-columns:1fr;
  }
  .hnv2-inline-add-row{
    grid-template-columns:1fr;
  }
  .hnv2-inline-add-row button,
  .hnv2-inline-save-button,
  .hnv2-inline-editor-savebar button{
    width:100%;
  }
  .hnv2-inline-item-summary{
    align-items:flex-start;
  }
  .hnv2-inline-item-summary small{
    white-space:normal;
  }
  .hnv2-inline-item-actions,
  .hnv2-inline-row-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hnv2-inline-item-actions .hnv2-inline-save-button,
  .hnv2-inline-item-actions .hnv2-inline-danger-button{
    width:100%;
  }
  .hnv2-inline-item-actions-wrap .hnv2-inline-save-button,
  .hnv2-inline-item-actions-wrap .hnv2-inline-danger-button{
    grid-column:span 1;
  }
  .hnv2-preview-section-toolbar{
    padding:8px 9px;
  }
  .hnv2-preview-edit-button{
    min-width:68px;
    padding:7px 8px;
  }
}

/* Keep the default form clean rather than overly rounded. */
.hnv2-theme-soft .hnv04-public-card{
  border-radius:12px;
  box-shadow:0 5px 18px rgba(43,52,62,.06);
}
.hnv2-theme-soft .hnv04-category-card,
.hnv2-theme-soft input,
.hnv2-theme-soft textarea,
.hnv2-theme-soft .hnv04-choice-card{
  border-radius:8px!important;
}
.hnv2-theme-soft .hnv04-primary-button{
  border-radius:9px;
}

/* v2.17.2: edit the displayed item itself instead of opening a separate section editor. */
.hnv2-global-file-input{
  position:fixed!important;
  left:-10000px!important;
  top:0!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.hnv2-banner-file-trigger{
  display:block;
  width:100%;
  margin-top:10px;
  border:1px solid #315da9;
  border-radius:8px;
  background:#fff;
  color:#214f9f;
  padding:11px 13px;
  font-weight:900;
  cursor:pointer;
}
.hnv2-banner-upload-field>small{
  display:block;
  margin-top:7px;
  color:#667085;
  font-size:12px;
  line-height:1.55;
}
.hnv2-direct-edit-frame{
  position:relative;
  margin:8px 0;
  border:1px dashed #7f9fc9;
  border-radius:10px;
  background:rgba(255,255,255,.7);
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.hnv2-direct-edit-frame:hover,
.hnv2-direct-edit-frame.is-editing{
  border-color:#2457b8;
  background:#fff;
  box-shadow:0 0 0 2px rgba(36,87,184,.08);
}
.hnv2-direct-edit-button{
  position:absolute;
  z-index:8;
  top:8px;
  right:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:32px;
  border:1px solid #173f8d;
  border-radius:7px;
  background:#2457b8;
  color:#fff;
  padding:6px 9px;
  font-size:12px;
  font-weight:900;
  line-height:1;
  box-shadow:0 2px 6px rgba(24,68,149,.2);
  cursor:pointer;
}
.hnv2-direct-edit-button:hover,
.hnv2-direct-edit-button:focus-visible{
  background:#173f8d;
  color:#fff;
}
.hnv2-direct-header-image{
  overflow:hidden;
  min-height:112px;
  padding:5px;
}
.hnv2-direct-header-image .hnv2-preview-banner{
  margin:0;
  border:0;
}
.hnv2-direct-header-image .hnv2-direct-edit-button{
  top:12px;
  right:12px;
}
.hnv2-direct-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin:12px 0 20px;
  padding:10px 10px 10px 12px;
  border:1px dashed #7f9fc9;
  border-radius:9px;
  background:rgba(255,255,255,.72);
}
.hnv2-direct-title-row h1{
  min-width:0;
  margin:0!important;
  padding:3px 0;
}
.hnv2-direct-title-row .hnv2-direct-edit-button{
  position:static;
  flex:0 0 auto;
}
.hnv2-direct-heading{
  padding:13px 86px 13px 12px;
}
.hnv2-direct-heading .hnv04-public-category-label,
.hnv2-direct-heading .hnv04-public-section-title,
.hnv2-direct-heading .hnv04-public-section-help{
  margin-top:0;
}
.hnv2-direct-heading .hnv04-public-section-help{
  margin-bottom:0;
}
.hnv2-direct-notice{
  padding:5px;
}
.hnv2-direct-notice>.hnv04-public-box{
  margin:0;
  padding-right:126px;
}
.hnv2-direct-empty-preview{
  min-height:64px;
  display:grid;
  place-items:center;
  padding:14px 120px 14px 14px;
  color:#7a8797;
  font-size:13px;
  text-align:center;
}
.hnv2-direct-question{
  padding:5px;
}
.hnv2-direct-question>.hnv04-public-question{
  margin:0;
  padding:14px 126px 14px 10px;
  border:0;
}
.hnv2-direct-question .hnv2-inline-editor{
  margin:7px 0 0;
}
.hnv2-direct-category-grid{
  align-items:start;
}
.hnv2-direct-category-cell{
  position:relative;
  min-width:0;
  padding:4px;
  border:1px dashed #7f9fc9;
  border-radius:10px;
  background:#f9fbff;
}
.hnv2-direct-category-cell:hover,
.hnv2-direct-category-cell.is-editing{
  border-color:#2457b8;
  box-shadow:0 0 0 2px rgba(36,87,184,.08);
}
.hnv2-direct-category-cell .hnv04-category-card{
  width:100%;
  padding-right:54px!important;
}
.hnv2-direct-category-cell .hnv2-direct-edit-button{
  top:8px;
  right:8px;
  min-width:0;
  width:38px;
  padding:6px;
}
.hnv2-direct-category-cell .hnv2-direct-edit-button span:last-child{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.hnv2-direct-grid-editor{
  grid-column:1/-1;
  width:100%;
  margin:2px 0 8px!important;
}
.hnv2-direct-add-button{
  display:block;
  width:100%;
  min-height:44px;
  margin:10px 0 16px;
  border:1px dashed #315da9;
  border-radius:9px;
  background:#f7faff;
  color:#214f9f;
  padding:10px 13px;
  font-weight:900;
  cursor:pointer;
}
.hnv2-direct-add-button:hover{
  border-style:solid;
  background:#eef4ff;
}
.hnv2-inline-item-editor-flat{
  padding:0;
  border:0;
  background:transparent;
}
.hnv2-inline-status-field{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.hnv2-inline-status-field legend{
  margin-bottom:7px;
  color:#26384d;
  font-size:13px;
  font-weight:900;
}
.hnv2-inline-status-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.hnv2-inline-status-options label{
  display:block;
  min-width:0;
  cursor:pointer;
}
.hnv2-inline-status-options input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.hnv2-inline-status-options span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border:1px solid #b7c3d0;
  border-radius:8px;
  background:#fff;
  color:#34465a;
  font-size:13px;
  font-weight:900;
  text-align:center;
}
.hnv2-inline-status-options input:checked+span{
  border-color:#2457b8;
  background:#eaf1ff;
  color:#173f8d;
  box-shadow:0 0 0 2px rgba(36,87,184,.09);
}
.hnv2-inline-status-options input:focus-visible+span{
  outline:2px solid #2457b8;
  outline-offset:2px;
}

@media(max-width:600px){
  .hnv2-direct-edit-button{
    top:6px;
    right:6px;
    min-height:30px;
    padding:5px 7px;
    font-size:11px;
  }
  .hnv2-direct-title-row{
    align-items:center;
    padding:8px;
  }
  .hnv2-direct-title-row h1{
    font-size:24px!important;
    line-height:1.45!important;
  }
  .hnv2-direct-title-row .hnv2-direct-edit-button span:last-child{
    display:none;
  }
  .hnv2-direct-heading{
    padding:11px 74px 11px 9px;
  }
  .hnv2-direct-notice>.hnv04-public-box{
    padding-top:46px;
    padding-right:14px;
  }
  .hnv2-direct-empty-preview{
    padding:46px 12px 14px;
  }
  .hnv2-direct-question>.hnv04-public-question{
    padding:46px 7px 10px;
  }
  .hnv2-direct-category-cell .hnv04-category-card{
    padding-right:42px!important;
  }
  .hnv2-direct-category-cell .hnv2-direct-edit-button{
    top:7px;
    right:7px;
    width:31px;
    min-height:29px;
  }
  .hnv2-inline-status-options{
    gap:5px;
  }
  .hnv2-inline-status-options span{
    min-height:40px;
    padding:5px 2px;
    font-size:12px;
  }
}