/* Civil shared component dimensions mapped to family PHP markup.
 * Sources: design-system.css, breadcrumb.css, subpages.css, success-exact.css.
 * Keep existing header, footer, hero assets and page-specific content intact. */
.bk-family-renewal:not(.is-index) .cont_wrap {
 --family-ui:calc(16 / 390 * 100vw);
 --family-control:calc(44 / 390 * 100vw);
 --family-page-unit:calc(100vw / 390);
}
.bk-family-renewal:not(.is-index) .cont_wrap :is(.btn1,.btn1_1,.btn2) {
 border:1px solid var(--bk-color-ink);border-radius:999px;background:var(--bk-color-ink);color:#fff;font-weight:600;box-shadow:none;
}
.bk-family-renewal:not(.is-index) .cont_wrap :is(.btn1,.btn1_1,.btn2):hover {background:var(--bk-color-primary-dark);border-color:var(--bk-color-primary-dark)}
.bk-family-renewal:not(.is-index) .cont_wrap :is(.input_text_wrap input,.input_textarea_wrap textarea,.input_select_wrap select) {
 border-radius:0;border-color:var(--bk-color-line);font-family:var(--bk-font);font-size:var(--family-ui);color:var(--bk-color-text);
}
.bk-family-renewal:not(.is-index) .cont_wrap :is(.input_text_wrap input,.input_textarea_wrap textarea):focus {box-shadow:0 0 0 1px var(--bk-color-primary)}
.bk-family-renewal:not(.is-index) .cont_wrap :is(.input_text_wrap,.input_textarea_wrap) label :focus+span {color:var(--bk-color-primary)}
.bk-family-renewal:not(.is-index) .sub_title_box .cont_title {color:var(--bk-color-ink);line-height:1.4;font-weight:600}
.bk-family-renewal:not(.is-index) .sub_title_box .cont_title_info {color:var(--bk-color-primary)}
.bk-family-renewal:not(.is-index) .board_page_wrap {margin-top:calc(40 * var(--family-page-unit))}
.bk-family-renewal:not(.is-index) .board_page ul {display:flex;justify-content:center;flex-wrap:wrap;gap:calc(6 * var(--family-page-unit))}
.bk-family-renewal:not(.is-index) .board_page ul li {margin:0;border:0;border-radius:0;background:#fff}
.bk-family-renewal:not(.is-index) .board_page ul li a {display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(26 * var(--family-page-unit));height:calc(25 * var(--family-page-unit));padding:0;border:.5px solid var(--bk-color-muted);border-radius:0;font-size:calc(12 * var(--family-page-unit));line-height:1.25}
.bk-family-renewal:not(.is-index) .board_page ul .board_page_check {background:var(--bk-color-primary)!important;border:0;color:#fff}
@media(min-width:1025px){
 .bk-family-renewal:not(.is-index) .cont_wrap {--family-ui:var(--bk-pc-text-ui);--family-control:var(--bk-pc-control);--family-page-unit:calc(100vw / 1920)}
 .bk-family-renewal:not(.is-index) .cont_wrap>.cont>.cont_box:not(.cont_head):not(.site_map_wrap)>.cont_boxs {width:calc(100% - var(--bk-pc-gutter)*2);max-width:var(--bk-pc-wide)}
 .bk-family-renewal:not(.is-index) .sub_title_box {padding:0 0 var(--bk-pc-space-8)}
 .bk-family-renewal:not(.is-index) .sub_title_box .cont_title {font-size:var(--bk-pc-text-display)}
 .bk-family-renewal:not(.is-index) .cont_wrap .input_wrap4 {height:var(--family-control)!important}
 .bk-family-renewal:not(.is-index) .cont_wrap .input_wrap4 :is(input,select,.btn) {font-size:var(--family-ui)!important}
 .bk-family-renewal:not(.is-index) .board_page_wrap {margin-top:calc(120 * var(--family-page-unit))}
 /* Existing family dropdown data and handlers, civil breadcrumb geometry. */
 .bk-family-renewal .site_map_wrap {border:0;background:#fff}
 .bk-family-renewal .site_map_wrap .site_map {width:calc(100% - var(--bk-pc-gutter)*2);max-width:var(--bk-pc-wide);margin:var(--bk-pc-space-4) auto var(--bk-pc-space-8);padding:0}
 .bk-family-renewal .site_map>ul {justify-content:flex-end;height:calc(24 / 1920 * 100vw)}
 .bk-family-renewal .site_map>ul>li {width:calc(176 / 1920 * 100vw);padding:0;border:0;border-right:1px solid var(--bk-color-line);background:#fff;color:var(--bk-color-muted)}
 .bk-family-renewal .site_map>ul>li:last-child {border-right:0}
 .bk-family-renewal .site_map>ul>li:first-child {width:calc(36 / 1920 * 100vw);background:#fff}
 .bk-family-renewal .site_map>ul>li>a {display:flex;align-items:center;height:calc(24 / 1920 * 100vw);padding:0 calc(12 / 1920 * 100vw);background:transparent;color:var(--bk-color-muted);font-size:var(--bk-pc-text-meta);line-height:1.35;white-space:nowrap;cursor:pointer}
 .bk-family-renewal .site_map>ul>li:first-child>a {padding:0;color:var(--bk-color-muted)}
 .bk-family-renewal .site_map ul .site_map_down_menu:after {right:calc(12 / 1920 * 100vw);border-color:var(--bk-color-muted);pointer-events:none}
 .bk-family-renewal .site_map ul .site_map_down_menu ul {top:calc(36 / 1920 * 100vw);width:calc(210 / 1920 * 100vw);box-shadow:none;border:1px solid var(--bk-color-line)}
 .bk-family-renewal .site_map ul .site_map_down_menu:last-child ul {left:auto;right:0}
 .bk-family-renewal .site_map ul .site_map_down_menu ul li a {padding:calc(8 / 1920 * 100vw) calc(12 / 1920 * 100vw);font-size:var(--bk-pc-text-meta);line-height:1.4}
 .bk-family-renewal .site_map ul .site_map_down_menu ul li a:hover {background:var(--bk-color-surface);color:var(--bk-color-primary)}
}
@media(max-width:1024px){
 .bk-family-renewal .cont_head .cont_text_wrap {top:calc(92.307692 / 360 * 100vw);font-size:calc(11.076923 / 360 * 100vw);line-height:1.4;opacity:.7}
 .bk-family-renewal .cont_head .cont_title {top:auto;bottom:calc(31.384615 / 360 * 100vw);font-weight:600}
 .bk-family-renewal:not(.is-index) .sub_title_box .cont_title {font-size:calc(26 / 390 * 100vw)}
}
/* Legacy family utility names now resolve to the existing civil palette. */
.bk-family-renewal .cont_wrap .color {color:var(--bk-color-primary)!important}
.bk-family-renewal .cont_wrap .color2 {color:var(--bk-color-ink)!important}
.bk-family-renewal .cont_wrap .color3 {color:var(--bk-color-gold)!important}
.bk-family-renewal .cont_wrap .color4 {color:var(--bk-color-muted)!important}
.bk-family-renewal .cont_wrap .bg_color {background:var(--bk-color-primary);color:#fff}
@media(max-width:1024px){
 .bk-family-renewal .cont_head .cont_boxs {position:static}
}
@media(max-width:1024px){
 .bk-family-renewal .cont_head .cont_title_wrap {position:static}
}