/* Compatibility additions preserve the inherited LS7 controls. */
.header-wrapper .logo-bar { display:flex; flex-wrap:wrap; width:100%; }
.header-wrapper img { max-width:100%; height:auto; }
.header-wrapper .banner { max-height:180px; object-fit:contain; }
.brand-tools { position:static; padding:0; }
.brand-tools .navbar-collapse { max-height:none; }
#outerwrapper { min-width:0; padding-bottom:1rem; }
#outerwrapper .top-container .top-content { position:static; width:100%; margin:0; }
.brand-split .left-container { width:33.333333%; z-index:0; }
.brand-split #outerwrapper { position:relative; width:66.666667%; }
@media (min-width:1200px) {
 .brand-split .left-container { width:50%; }
 .brand-split #outerwrapper { width:50%; }
}
@media (max-width:767px) {
 .brand-split .left-container { display:none; }
 .brand-split #outerwrapper { float:none; width:100%; }
 .logo-bar > span { flex:0 0 100%; text-align:center; }
 .survey-name { overflow-wrap:anywhere; }
}
@media print { .left-container,.brand-tools { display:none !important; } #outerwrapper {width:100% !important;} }

/* Reference styling; the current LS7 form, answer and navigation handlers remain in use. */
.brand-language {list-style:none;margin:0;padding:0;display:flex;justify-content:center;}
.brand-language .nav-link.dropdown-toggle {margin:15px 0;padding:0;line-height:20px;}
.brand-language .dropdown-menu {text-align:left;}
.brand-language .dropdown-menu.show {inset:auto !important;left:50% !important;transform:translateX(-50%) !important;}
.survey-welcome {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}
.survey-description {color:inherit;}
.asterisk {float:left;display:inline;margin-right:5px;line-height:24px;}
.asterisk>span {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.reference-tools {list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:25px 10px 0;padding:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;min-height:35px;align-items:center;}
.reference-tools:empty {display:none;}
.reference-tools .nav-link {padding:5px 10px;}
.question-title-container .question-valid-container {padding:0;}
.question-container {--bs-gutter-x:0;}
.question-text {min-width:0;}
.brand-split .top-container .top-content {position:fixed;width:66.666667%;bottom:0;right:0;margin:0;z-index:20;}
.brand-split #outerwrapper {padding-bottom:50px;}
@media(min-width:1200px){.brand-split .top-container .top-content {width:50%;}}
@media(max-width:767px){
 .brand-split .top-container .top-content {width:100%;}
 .reference-tools {gap:4px;}
 .header-wrapper .logo-bar {padding-left:0;padding-right:0;}
}

/* Match the reference box model without replacing LS7 answer controls. */
.brand-language {display:contents;}
.question-container {margin-left:0;margin-right:0;--bs-gutter-x:20px;}
.brand-split #outerwrapper {padding-left:10px;padding-right:10px;}
.brand-split .header-wrapper .container {max-width:100%;}

/* Restore the LS6 button column layout around the unchanged LS7 radio/checkbox controls. */
.question-container ul.bootstrap-buttons-list {
 display:flex;flex-wrap:wrap;gap:0;grid-template-columns:none;
 margin-left:20px;margin-right:0;padding-left:0;padding-right:0;width:calc(100% - 20px);
}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div {
 flex:0 0 auto;width:100%;padding-left:10px;padding-right:10px;margin-bottom:0.2em;
}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div > .form-check {
 padding-left:1.5em;padding-right:0;
}
@media(min-width:768px){
 .question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-1 {width:8.333333333333332%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-2 {width:16.666666666666664%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-3 {width:25.0%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-4 {width:33.33333333333333%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-5 {width:41.66666666666667%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-6 {width:50.0%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-7 {width:58.333333333333336%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-8 {width:66.66666666666666%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-9 {width:75.0%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-10 {width:83.33333333333334%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-11 {width:91.66666666666666%;}
.question-container ul.bootstrap-buttons-list > .bootstrap-buttons-div.col-md-12 {width:100.0%;}
}
@media(max-width:767px){
 .question-container ul.bootstrap-buttons-list {margin-left:10px;margin-right:10px;}
}

/* Preserve inherited line-height scaling for larger inline welcome text. */
.survey-welcome {line-height:1.42857143;}
.question-container ul.bootstrap-buttons-list {margin-left:10px;margin-right:10px;}

/* Match the original middle-logo width and offset below the mobile breakpoint. */
@media(max-width:767px){
 .header-wrapper .navbar-logo-middle .logo-middle {max-width:calc(100% - 20px);transform:translateX(10px);}
}

/* functional-ls7-responsive-geometry-v1: captured LS3/LS7 width parity only. */

@media (max-width:991px) {
 .brand-split #outerwrapper { float:none; width:100%; max-width:none; margin-left:0; }
 .brand-split .left-container { width:0; }
 .brand-split #outerwrapper .top-container .top-content { width:100%; left:0; right:0; margin-left:0; }
}

/* functional-ls7-progress-position-v1: keep split progress fixed at the bottom. */
.brand-split #outerwrapper .top-container .top-content {
 position:fixed; width:66.666667%; left:auto; right:0; bottom:0; margin:0; z-index:20;
}
@media (min-width:1200px) {
 .brand-split #outerwrapper .top-container .top-content { width:50%; }
}
@media (max-width:991px) {
 .brand-split #outerwrapper .top-container .top-content { width:100%; left:0; right:0; }
}

/* PROPOSED LS7 addition, not installed; current core rows remain flex rows.
   Neutral reference group description is a single paragraph. The direct .well
   contributes a measured20px bottom margin and15px extra side padding. */
/* Current chain: outerwrapper10px + outerframeContainer10px per side.
   Reference: outerwrapper15px only. Keep the tested outer responsive widths;
   remove only the nested current container-md max-width/padding contraction. */
#outerwrapper.outerwrapper {
  padding-left: 15px;
  padding-right: 15px;
}
#outerwrapper #outerframeContainer.outerframe {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
#outerwrapper .group-description.row {
  margin-left: 0;
  margin-right: 0;
  --bs-gutter-x: 0;
}
#outerwrapper .group-description.row > .col-12.well {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
/* Remove only boundary paragraph margins; internal rich-text spacing remains. */
#outerwrapper .group-description.row > .col-12.well > p:first-child {
  margin-top: 0;
}
#outerwrapper .group-description.row > .col-12.well > p:last-child {
  margin-bottom: 0;
}

/* functional-ls7-reference-layout-v1: verified LS3 measurements; current LS7 widgets retained. */
#outerwrapper .header-wrapper .survey-name {
  font-size: 19px;
  line-height: 1.3;
  margin: 15px 0;
}
#outerwrapper .group-title {
  line-height: 1.1;
  padding-left: 0;
  padding-right: 0;
}
#outerwrapper .group-description {
  margin-top: 0;
}
#outerwrapper .question-container { margin-bottom: 30px; }
#outerwrapper .question-title-container { padding: 8px 15px; }
#outerwrapper .answer-container {
  padding-left: 15px;
  padding-right: 15px;
}