/*
Theme Name: Recovered DashcamLesson
Version: 1.0
*/
[class*=" bb-ui-icon-"], [class^=bb-ui-icon-] {
    font-family: ui-icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.showonvideos {
	display: none;	
}
/* recent post menu*/
.ubermenu-nav ul.ubermenu-content-block.ubermenu-widget-area {
    margin-left: 0px;
}
.ubermenu-nav ul.ubermenu-content-block.ubermenu-widget-area img.wp-post-image {
    width: 102px !important;
    height: 102px !important;
    display: inline-block !important;
    max-height: 102px !important;
    border-radius: 14px;
    margin-top: 0px !important;
    margin-bottom: 0px !IMPORTANT;
}
.ubermenu-nav ul.ubermenu-content-block.ubermenu-widget-area span.rpwwt-post-title {
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
    font-family: arial;
    color: black;
}
.main-navigation nav > ul > li a.ubermenu-target {
    font-size: 16px;
    font-weight: bold !IMPORTANT;
    padding: 14px 16px;
}


body header .top-header .logo img {
    max-height: 100px !important;
    width: auto !important;
}




.night_vision_sticky {
    background: #0a1c2d !important;
    border-bottom: 1px solid #6d6d6d !important;
}
.night_vision_body .bb-post .entry-header h2 {
    color: white;
}
nav.bb-fixed-pagination.bb-el-before-main-cnt .bb-author-vcard-mini.pg-author-vcard {
    display: none;
}

.bb-media-placeholder {
    border-radius: 8px !important;
}

.night_vision_bg {
		background: #1b2834 !important;
}
.night_vision_color {
		color: white !important;
}
.night_vision_p {
		color: #e4e4e4 !important;
}

div#nightvision {
    float: left;
     margin-left: 30px;
}
div#nightvision label > div {
    margin: 0px !important;
    margin-top: 10px !important;
     cursor: pointer;
}
#nightvision i.fa.fa-sun-o {
    display: none;
}
#nightvision i.fa {
    float: left;
    display: inline-block;
    font-size: 16px;
    margin-top: 14px;
    margin-right: 10px;
}
#nightvision > label {
    float: left;
}
div.turnon i.fa.fa-moon-o {
    display: none !important;
}
div.turnon i.fa.fa-sun-o {
    display: block !important;
    color: white;
}
#nightvision > span {
    line-height: 44px;
    margin-left: 6px;
}
div.turnon > span {
    color: white !important;
}

#nightvision input[type="checkbox"] { 
	position: absolute;
	opacity: 0;
}

/* Normal Track */
#nightvision input[type="checkbox"].ios-switch + div {
	vertical-align: middle;
	width: 40px;	height: 20px;
	border: 1px solid rgba(0,0,0,.4);
	border-radius: 999px;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition-duration: .4s;
	-webkit-transition-property: background-color, box-shadow;
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
	margin: 15px 1.2em 15px 2.5em;
}

/* Checked Track (Blue) */
#nightvision input[type="checkbox"].ios-switch:checked + div {
	width: 40px;
	background-position: 0 0;
	background-color: #3b89ec;
	border: 1px solid #0e62cd;
	box-shadow: inset 0 0 0 10px rgba(59,137,259,1);
}

/* Tiny Track */
#nightvision input[type="checkbox"].tinyswitch.ios-switch + div {
	width: 34px;	height: 18px;
}

/* Big Track */
#nightvision input[type="checkbox"].bigswitch.ios-switch + div {
	width: 50px;	height: 25px;
}

/* Green Track */
#nightvision input[type="checkbox"].green.ios-switch:checked + div {
	background-color: #00e359;
	border: 1px solid rgba(0, 162, 63,1);
	box-shadow: inset 0 0 0 10px rgba(0,227,89,1);
}

/* Normal Knob */
#nightvision input[type="checkbox"].ios-switch + div > div {
	float: left;
	width: 18px; height: 18px;
	border-radius: inherit;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-moz-transition-duration: 0.4s;
	-moz-transition-property: transform, background-color;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
	pointer-events: none;
	margin-top: 1px;
	margin-left: 1px;
}

/* Checked Knob (Blue Style) */
#nightvision input[type="checkbox"].ios-switch:checked + div > div {
	-webkit-transform: translate3d(20px, 0, 0);
	-moz-transform: translate3d(20px, 0, 0);
	background-color: #ffffff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}

/* Big Knob */
#nightvision input[type="checkbox"].bigswitch.ios-switch + div > div {
	width: 23px; height: 23px;
	margin-top: 1px;
}

/* Checked Big Knob (Blue Style) */
#nightvision input[type="checkbox"].bigswitch.ios-switch:checked + div > div {
	-webkit-transform: translate3d(25px, 0, 0);
	-moz-transform: translate3d(16px, 0, 0);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}







.data_single_after > div:first-child {
    display: none;
}
.data_single_before > aside {
    display: none;
}









/******** MOBILE NIGHT VISION ***********/
div#nightvisionmobile {
    float: left;
     margin-left: 30px;
}
div#nightvisionmobile label > div {
    margin: 0px !important;
    margin-top: 10px !important;
     cursor: pointer;
}
#nightvisionmobile i.fa.fa-sun-o {
    display: none;
}
#nightvisionmobile i.fa {
    float: left;
    display: inline-block;
    font-size: 16px;
    margin-top: 14px;
    margin-right: 10px;
}
#nightvisionmobile > label {
    float: left;
}
#nightvisionmobile > span {
    line-height: 44px;
    margin-left: 6px;
}

#nightvisionmobile input[type="checkbox"] { 
	position: absolute;
	opacity: 0;
}

/* Normal Track */
#nightvisionmobile input[type="checkbox"].ios-switch + div {
	vertical-align: middle;
	width: 40px;	height: 20px;
	border: 1px solid rgba(0,0,0,.4);
	border-radius: 999px;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition-duration: .4s;
	-webkit-transition-property: background-color, box-shadow;
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
	margin: 15px 1.2em 15px 2.5em;
}

/* Checked Track (Blue) */
#nightvisionmobile input[type="checkbox"].ios-switch:checked + div {
	width: 40px;
	background-position: 0 0;
	background-color: #3b89ec;
	border: 1px solid #0e62cd;
	box-shadow: inset 0 0 0 10px rgba(59,137,259,1);
}

/* Tiny Track */
#nightvisionmobile input[type="checkbox"].tinyswitch.ios-switch + div {
	width: 34px;	height: 18px;
}

/* Big Track */
#nightvisionmobile input[type="checkbox"].bigswitch.ios-switch + div {
	width: 50px;	height: 25px;
}

/* Green Track */
#nightvisionmobile input[type="checkbox"].green.ios-switch:checked + div {
	background-color: #00e359;
	border: 1px solid rgba(0, 162, 63,1);
	box-shadow: inset 0 0 0 10px rgba(0,227,89,1);
}

/* Normal Knob */
#nightvisionmobile input[type="checkbox"].ios-switch + div > div {
	float: left;
	width: 18px; height: 18px;
	border-radius: inherit;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-moz-transition-duration: 0.4s;
	-moz-transition-property: transform, background-color;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
	pointer-events: none;
	margin-top: 1px;
	margin-left: 1px;
}

/* Checked Knob (Blue Style) */
#nightvisionmobile input[type="checkbox"].ios-switch:checked + div > div {
	-webkit-transform: translate3d(20px, 0, 0);
	-moz-transform: translate3d(20px, 0, 0);
	background-color: #ffffff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}

/* Big Knob */
#nightvisionmobile input[type="checkbox"].bigswitch.ios-switch + div > div {
	width: 23px; height: 23px;
	margin-top: 1px;
}

/* Checked Big Knob (Blue Style) */
#nightvisionmobile input[type="checkbox"].bigswitch.ios-switch:checked + div > div {
	-webkit-transform: translate3d(25px, 0, 0);
	-moz-transform: translate3d(16px, 0, 0);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}



























button#nightvision {
    position: fixed;
    left: 0px;
    top: 84px;
    z-index: 999999;
    width: 40px;
    padding: 0px;
}

.col-sidebar .popular-posts img {
    border-radius: 8px;
}
.posts_about_section .posts_about_inner {
    height: 80px;
    background: #f6f7f8;
    border: 1px solid #e9eaed;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
}
.posts_about_section .posts_about_inner h3 {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
}
.posts_about_section .posts_about_inner iframe {
    padding-left: 35px;
}
.posts_about_section .posts_menu ul {
    margin: 0px;
    list-style: none;
     text-align: left;
}
.posts_about_section .posts_menu ul li {
    display: inline-block;
    list-style-type: decimal;
    padding-right: 12px;
    position: relative;
}
.posts_about_section .posts_menu ul li a {
    font-size: 13px;
    color: #636363;
}
.posts_about_section .posts_menu ul li:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #636363;
    position: absolute;
    right: 2px;
    top: 12px;
    border-radius: 50%;
}
.posts_about_section .posts_menu ul li:last-child:after {
		display: none;
}
.posts_about_section p.copyrights {
    color: #a2a2a2;
    text-align: left;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    margin-top: 10px;
}

section#boombox_comments {
    width: 100%;
    max-width: 775px;
}




.footer-nav nav ul li {
    margin-right: 10px;
}
.footer-nav nav ul li a {
    font-size: 11px;
}




@media (min-width: 768px) {
.bb-media-placeholder {
    border-radius: 15px !important;
}  
aside.bb-other-posts.bb-posts-more-from li.post-item {
    float: left;
     width: 33%;
}
aside.bb-other-posts.bb-posts-more-from li.post-item .post-thumbnail {
    width: 100%;
    float: none;
}
aside.bb-other-posts.bb-posts-more-from li.post-item .content {
    width: 100%;
    float: none;
    padding: 0px;
    margin-top: 10px;
}
aside.bb-other-posts.bb-posts-more-from li.post-item .content h2.entry-title {
    font-size: 18px;
}
}




.widget.popular-posts ul > li {
     padding-bottom: 26px;
     width: 100%;
}
.widget.popular-posts ul > li a.wpp-post-title {
    font-size: 22px;
    color: black;
}
.widget.popular-posts ul > li img {
    width: 100%;
}
.widget.popular-posts ul > li > a:first-child {
    width: 100%;
    max-width: 366.66px;
    max-height: 183.33px;
    overflow: hidden;
    display: block;
    border-radius: 8px;
}
header .top-header .logo .branding {
    width: 200px;
}
header .top-header .logo img {
    width: 100% !important;
    max-height: 100% !important;
}
.bb-post-collection .post-items img {
    border-radius: 16px;
}
.bb-post-collection .post-items .bb-post-terms {
    display: none;
}
.bb-post-collection .post-items .bb-author-vcard-mini.post-author-meta {
    display: none;
}
@media (max-width: 768px) {
.data_single_after > aside {
    margin-bottom: 40px !important;
}  
.bb-show-mobile-header header.bb-header.header-mobile .container.header-row {
    background: white;
}
.bb-show-mobile-header header.bb-header.header-mobile .container.header-row .header-item.bb-header-user-box.bb-toggle.pos-right {
    display: none;
}  
  .bb-mobile-navigation .more-menu .more-menu-footer>.bb-community.community {
    display: none;
}
aside.bb-other-posts.bb-posts-more-from, aside.bb-other-posts.bb-posts-dont-miss {
    width: 90%;
    margin: 0 auto;
}  
.header-item.user-notifications {
    display: none !important;
}
.bb-post-collection .post-items li.bb-advertisement.post-item {
    display: none;
}  
}

@media (max-width: 520px) {
.bb-header.header-mobile.h-style .branding img {
    max-width: 130px;
}
}
@media (max-width: 420px) {
.bb-header.header-mobile.h-style .branding img {
    max-width: 130px;
}
div#nightvisionmobile > span {
    display: none;
}  
}



aside.bb-other-posts.bb-posts-dont-miss li.post-item, 
aside.bb-other-posts.bb-posts-more-from li.post-item {
    height: 240px;
}
aside.bb-other-posts.bb-posts-dont-miss li.post-item .post-thumbnail a,
aside.bb-other-posts.bb-posts-more-from li.post-item .post-thumbnail a {
    display: block;
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 15px;
}

ul.wpp-list > li {
    display: flex;
    flex-direction: column;
}
.single-post article.single {
    margin-top: 60px;
}
p.entry-summary.entry-sub-title {
    display: none;
}
@media (max-width: 700px) {
.bb-post-collection .post-items {
    margin: 0px;
}
.home .bb-post-collection.bb-thumbnail-stretched .post-item .post-thumbnail img, .archive .bb-post-collection.bb-thumbnail-stretched .post-item .post-thumbnail img {
    border-radius: 8px;
}
.widget.popular-posts ul > li > a:first-child {
    max-width: 100%;
    max-height: 192px;
}
.bb-header.header-mobile .branding {
	margin: 0 auto;  
}
.widget.popular-posts ul {
    padding: 0px 20px;
}
.col-sidebar .popular-posts img {
    border-radius: 17px;
}
  .posts_about_section .posts_about_inner {
    display: none;
}
}
/* Dashcam Lesson 2026: lightweight editorial redesign */
body{background:#f5f7f8;color:#183140;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}h1,h2,h3,h4,.entry-title,.main-navigation{font-family:inherit!important;letter-spacing:-.025em}.container{max-width:1200px}.main-container{padding-top:24px}.bb-header{background:#fff;border-bottom:1px solid #e1e8ec}.bb-header .logo img{max-height:64px!important;object-fit:contain}.home .bb-post-collection .post-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.home .bb-post-collection:before,.home .bb-post-collection:after{display:none}.home .bb-post-collection .post-item{float:none!important;width:auto!important;padding:0!important;margin:0!important;background:#fff;border:1px solid #e1e8ec;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #17344708}.home .bb-post-collection .post-item .content{padding:20px!important}.home .bb-post-collection .post-item .post-thumbnail{margin:0!important}.home .bb-post-collection .post-item .post-thumbnail img{aspect-ratio:2/1;object-fit:cover;width:100%;border-radius:0!important}.home .bb-post-collection .entry-title{font-size:21px;line-height:1.35;margin:8px 0 16px}.home .bb-post-collection .bb-post-terms{font-size:12px}.home .bb-post-collection .entry-title a{color:#143442}.home .bb-post-collection .entry-title a:hover{color:#bd4b16}.home .bb-post-collection .post-meta{display:none}.single-post :is(.entry-content,.s-post-content){font-size:18px;line-height:1.8}.single-post :is(.entry-content,.s-post-content) a{color:#1565c0;text-decoration:underline;text-underline-offset:3px}.single-post article.single{margin-top:24px}.single-post :is(.entry-content,.s-post-content) iframe{max-width:100%}.bb-community,.header-create-button,.bb-header-user-box,.bb-header .create-post{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd4b16;outline-offset:4px}.footer-bottom{background:#102c3c!important;color:#d9e7ee;padding:32px 0}.footer-bottom a{color:#e2eef4!important}.footer-nav nav ul li a{font-size:13px!important}.dl-hero a:hover{filter:brightness(.95)}@media(max-width:960px){.home .bb-post-collection .post-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.home .bb-post-collection .post-items{grid-template-columns:1fr;gap:20px}.dl-hero{padding:28px 22px!important;border-radius:14px!important}.dl-hero a{width:100%;text-align:center}.single-post :is(.entry-content,.s-post-content){font-size:17px;line-height:1.75}.main-container{padding-top:12px}.home .bb-post-collection .entry-title{font-size:22px}.footer-nav nav ul li{margin-bottom:14px}}

.home .entry-header>h1.entry-title{display:none}.more-menu-header .community,.more-menu-footer .community,.more-menu .create-post{display:none!important}

.home .main-container,.home .main-container .bb-col,.home .main-container .col-content,.home .main-container .site-main,.home .main-container article.page{width:100%!important;max-width:1200px!important;min-width:0!important;box-sizing:border-box}.home .bb-post-collection .post-items{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.home .dl-hero,.home .dl-intro{max-width:100%!important;box-sizing:border-box}.home .entry-content{width:100%!important;max-width:100%!important}.home .bb-post-collection .post-meta{display:none!important}


.home .dl-hero{padding:32px!important}.dl-hero h1{margin:12px 0 18px!important}.dl-hero p{margin:0 0 14px!important}.dl-hero a{box-sizing:border-box}.home .dl-intro p{max-width:900px}.archive .post-item .entry-title{line-height:1.35}.single-post :is(.entry-content,.s-post-content) img{max-width:100%;height:auto}.single-post :is(.entry-content,.s-post-content) h2{line-height:1.3;margin-top:1.8em}@media(max-width:600px){.home .dl-hero{padding:24px 20px!important}.dl-hero p{font-size:16px!important}.dl-hero p:first-child{font-size:11px!important}.dl-hero h1{font-size:30px!important}.dl-hero a{font-size:14px;padding:12px!important}.dl-intro h2{font-size:24px!important}}

/* Responsive layout repair — 18 October 2026 */
body .container{width:100%!important;max-width:1200px!important;box-sizing:border-box}
body .page-wrapper{min-width:0!important}
body .bb-header.header-mobile{width:100%!important;max-width:100%!important}
body .bb-header.header-mobile .header-row{width:100%!important;max-width:100%!important;height:76px!important;min-height:76px!important;padding:0 16px!important}
body .bb-header.header-mobile .header-row-layout{display:flex!important;align-items:center;justify-content:space-between;width:100%;height:76px!important;min-height:0!important}
body .bb-header.header-mobile .header-col{display:flex!important;align-items:center;min-width:0!important;width:auto!important;height:auto!important;float:none!important}
body .bb-header.header-mobile .header-c{flex:1;justify-content:center}
body .bb-header.header-mobile .branding{margin:0!important;width:auto!important;max-width:200px!important}
body .bb-header.header-mobile .branding img{width:auto!important;max-width:180px!important;height:auto!important;max-height:58px!important;object-fit:contain}
body .bb-header .site-title{margin:0!important;line-height:1}
body .single-container{padding:28px 24px!important}
body.single-post,.single-post .site-main,.single-post .s-post-main,.single-post .s-post-content{min-width:0!important}
body.single-post .s-post-title{font-size:clamp(28px,3.4vw,48px)!important;line-height:1.14!important;overflow-wrap:anywhere;letter-spacing:-.03em}
body.single-post .s-post-content{font-size:18px!important;line-height:1.85!important;overflow-wrap:break-word}
body.single-post .s-post-content p{margin-bottom:1.4em}
body.single-post .s-post-content h2{font-size:clamp(24px,2.3vw,32px);line-height:1.25;margin-top:1.6em}
body.single-post .s-post-content a{color:var(--brand-accent,#176c89);text-decoration:underline;text-underline-offset:3px}
body .s-post-content :is(img,video,iframe,embed,object){max-width:100%!important;box-sizing:border-box}
body .s-post-content img{height:auto}
body .s-post-content iframe[src*="youtube"],body .s-post-content iframe[data-src*="youtube"]{width:100%!important;height:auto!important;aspect-ratio:16/9;display:block;border:0;border-radius:8px;margin:24px 0}
body .s-post-breadcrumb{font-size:12px;line-height:1.6;overflow:hidden}
body .s-post-breadcrumb ol{display:flex;flex-wrap:wrap;gap:4px}
body .s-post-breadcrumb li{white-space:normal;overflow-wrap:anywhere}
body .s-post-meta-block{font-size:13px;color:#64717c}
body .essb_links .essb_icon{display:none!important}
body .essb_links .essb_network_name{display:inline!important;opacity:1!important;font-family:system-ui,sans-serif!important;font-size:12px!important;font-weight:600!important}
body .essb_links .essb_links_list{display:flex!important;flex-wrap:wrap;gap:8px;width:100%!important}
body .essb_links .essb_links_list li{flex:0 1 auto!important;width:auto!important;margin:0!important}
body .essb_links .essb_links_list li a{display:block!important;padding:10px 14px!important;min-height:40px;line-height:20px!important;border-radius:6px!important}
body .essb_links .essb_totalcount_item{display:none!important}
body .bb-post-share-box .content{width:100%!important;margin:0!important}
body .col-sidebar .widget{padding:22px;border:1px solid var(--brand-line,#dbe5e7);border-radius:var(--brand-radius,8px);background:var(--brand-surface,#fff);margin-bottom:24px}
body .widget-title{font-size:19px!important;line-height:1.3}
body .rpwwt-widget ul li{margin-bottom:20px!important}
body .rpwwt-widget a{line-height:1.4}
body .bb-other-posts .post-item{height:auto!important;min-height:0!important;margin-bottom:24px}
body .bb-other-posts .content{padding-top:12px}
body .footer-bottom{padding:36px 20px!important}
@media(max-width:991px){
body .single-container,body .main-container{max-width:100%!important;width:100%!important;padding:20px 18px!important}
body .single-main-container>.bb-row,body .single-main-container .col-content>.bb-row,body .main-container>.bb-row{margin-left:0!important;margin-right:0!important;width:100%!important}
body .single-main-container .bb-col,body .main-container .bb-col{width:100%!important;max-width:100%!important;min-width:0!important;padding-left:0!important;padding-right:0!important;float:none!important}
body .single-main-container .site-main,body .single-main-container .s-post-main{width:100%!important;max-width:100%!important}
body .col-sidebar{margin-top:32px!important}
body .s-post-header{margin-bottom:18px}
body .s-post-content{font-size:17px!important;line-height:1.75!important}
body .search-dropdown{max-width:calc(100vw - 32px)!important}
body .bb-other-posts{width:100%!important}
body.single-post article.single{margin-top:0!important}
}
@media(max-width:480px){body .single-container,body .main-container{padding:18px 16px!important}body .s-post-breadcrumb li:last-child{display:none}body .s-post-title{font-size:29px!important}body .essb_links .essb_links_list li a{padding:9px 12px!important}}

body.home .bb-post-collection .post-items::before,body.home .bb-post-collection .post-items::after{display:none!important;content:none!important}

/* DashcamLesson — approachable learning resource */
:root{--brand-accent:#087c78;--brand-line:#d5e9e4;--brand-surface:#fff;--brand-radius:18px}
body{background:#f5faf8!important;color:#183f42!important;font-family:"Trebuchet MS",Arial,sans-serif!important}
body .page-wrapper{background:transparent!important}
body h1,body h2,body h3,body .entry-title{font-family:"Trebuchet MS",Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important}
body .bb-header{background:#fff!important;border-bottom:1px solid #d9ebe5!important}
body .bb-header.header-desktop .top-header .container{padding:10px 24px!important;min-height:86px}
body .main-navigation a{font-size:14px!important;color:#245a5c!important;text-transform:none!important}
body.home .dl-hero{background:#e4f4ed!important;color:#164e4a!important;border:1px solid #c6e5d9;border-radius:28px!important;padding:46px 38px!important;text-align:center;margin:20px 0 28px!important}
body.home .dl-hero>p:first-of-type{display:inline-block;background:#fff;border:1px solid #cce5db;border-radius:30px;padding:7px 16px;font-size:12px!important;color:#16746a!important;font-weight:700}
body.home .dl-hero h1{font-size:clamp(36px,4.5vw,60px)!important;line-height:1.1!important;max-width:760px!important;margin:20px auto!important;color:#154d49!important}
body.home .dl-hero>p{font-size:18px!important;color:#42675f!important;line-height:1.7;max-width:660px;margin:0 auto 18px!important}
body.home .dl-hero>div{justify-content:center}
body.home .dl-hero a{display:inline-block;background:#087c78!important;color:white!important;border-radius:100px!important;padding:14px 24px!important;text-decoration:none;font-size:14px!important;font-weight:700}
body.home .dl-hero a+a{background:#fff!important;color:#087c78!important;border:1px solid #9ccdc2}
body .dl-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:38px}
body .dl-step{background:#fff;border:1px solid #d5e9e4;border-radius:18px;padding:24px}
body .dl-step strong{display:block;font-size:20px;color:#087c78;margin-bottom:10px}
body .dl-step p{font-size:15px;line-height:1.65;margin:0;color:#58736d}
body .dl-intro{margin:0 0 24px;padding:0!important;max-width:720px}
body .dl-intro h2{font-size:30px!important;margin-bottom:10px}
body .dl-intro p{font-size:16px!important;color:#58736d}
body.home .bb-post-collection .post-items{grid-template-columns:1fr!important;gap:20px!important;max-width:100%!important}
body.home .bb-post-collection .post-item{border:1px solid #d5e9e4!important;border-radius:18px!important;box-shadow:none!important;background:#fff!important}
body.home .bb-post-collection .post-item>article{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:center}
body.home .bb-post-collection .post-item .post-thumbnail{margin:0!important;width:100%!important;float:none!important}
body.home .bb-post-collection .post-item .content{padding:24px 30px!important;width:100%!important;box-sizing:border-box}
body.home .bb-post-collection .post-item .entry-title{font-size:25px!important;line-height:1.25!important;margin:0 0 12px!important}
body.home .bb-post-collection .post-item .entry-title a{color:#164e4a!important}
body.home .bb-post-collection .entry-summary{font-size:15px;line-height:1.7;color:#58736d}
body.home .bb-post-collection .bb-media-placeholder{border-radius:0!important}
body .s-post-main{background:#fff;border:1px solid #d5e9e4;border-radius:22px;padding:32px!important}
body .s-post-content h2{color:#087c78!important;padding-top:20px;border-top:1px solid #d5e9e4}
body .s-post-content blockquote{border-left:4px solid #087c78;background:#eaf7f1;border-radius:0 12px 12px 0;padding:24px}
body .footer-bottom{background:#164e4a!important;color:#d3e9e1!important;border-top:0}
body .footer-bottom a{color:#e4f4ed!important}
@media(max-width:700px){body .dl-path{grid-template-columns:1fr;gap:10px}body .dl-step{padding:18px 22px}body .dl-step strong{font-size:18px}body.home .dl-hero{padding:30px 22px!important;border-radius:22px!important}body.home .dl-hero h1{font-size:37px!important}body.home .bb-post-collection .post-item>article{grid-template-columns:1fr}body.home .bb-post-collection .post-item .content{padding:22px!important}body .s-post-main{padding:20px 0!important;background:transparent;border:0}body.home .dl-hero a{width:100%;box-sizing:border-box}body.home .dl-hero>p{font-size:16px!important}}

/* Final mobile gutters and spacing */
body.home .main-container .bb-row{margin-left:0!important;margin-right:0!important;width:100%!important}
body.home .main-container .site-main{padding:0!important;width:100%!important;min-width:0!important}
body.home .main-container{margin-top:0!important}
body.home article.page>.entry-header{display:none!important}
@media(max-width:991px){body .single-container{margin-top:0!important}body.home .main-container{padding-top:6px!important}}

*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#18212d;font:17px/1.7 system-ui,sans-serif}a{color:#1761ae}header.site-header{background:white;border-bottom:1px solid #e0e5eb;padding:24px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font-size:26px;font-weight:850;text-decoration:none;color:#17243a}main{max-width:1180px;margin:36px auto;padding:0 24px}main section{margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story{background:white;border:1px solid #e2e6eb;border-radius:14px;overflow:hidden}.story .copy{padding:24px}.story h2{font-size:22px;line-height:1.3}.story h2 a{text-decoration:none;color:inherit}.story img{width:100%;aspect-ratio:16/9;object-fit:cover}.entry{max-width:850px;margin:auto;background:white;padding:32px;border-radius:16px}.entry h1{font-size:clamp(28px,4vw,44px);line-height:1.15}.entry h2{font-size:27px}.entry h3{font-size:23px}iframe{max-width:100%;width:100%;aspect-ratio:16/9;height:auto}img{max-width:100%;height:auto}input,button{font:inherit;padding:9px;border:1px solid #cdd3df;border-radius:5px}button{background:#17243a;color:white}.pagination{margin:30px 0}.page-numbers{padding:8px}footer{text-align:center;padding:36px;border-top:1px solid #dde2e9} @media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.cards{grid-template-columns:1fr}.entry{padding:20px}main{padding:0 16px}}