/* ===== reset.css ===== */
.dmc-article{line-height:1.15;-webkit-text-size-adjust:100%}.dmc-article *, .dmc-article :after, .dmc-article :before{box-sizing:border-box}.dmc-article{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dmc-article h1, .dmc-article h2, .dmc-article h3, .dmc-article h4, .dmc-article h5, .dmc-article h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}.dmc-article h1{font-size:2.5rem}.dmc-article h2{font-size:2rem}.dmc-article h3{font-size:1.75rem}.dmc-article h4{font-size:1.5rem}.dmc-article h5{font-size:1.25rem}.dmc-article h6{font-size:1rem}.dmc-article p{margin-block-end:.9rem;margin-block-start:0}.dmc-article hr{box-sizing:content-box;height:0;overflow:visible}.dmc-article pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}.dmc-article a{background-color:transparent;color:#c36;text-decoration:none}.dmc-article a:active, .dmc-article a:hover{color:#336}.dmc-article a:not([href]):not([tabindex]), .dmc-article a:not([href]):not([tabindex]):focus, .dmc-article a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}.dmc-article a:not([href]):not([tabindex]):focus{outline:0}.dmc-article abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dmc-article b, .dmc-article strong{font-weight:bolder}.dmc-article code, .dmc-article kbd, .dmc-article samp{font-family:monospace,monospace;font-size:1em}.dmc-article small{font-size:80%}.dmc-article sub, .dmc-article sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.dmc-article sub{bottom:-.25em}.dmc-article sup{top:-.5em}.dmc-article img{border-style:none;height:auto;max-width:100%}.dmc-article details{display:block}.dmc-article summary{display:list-item}.dmc-article figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}.dmc-article [hidden], .dmc-article template{display:none}@media print{.dmc-article *, .dmc-article :after, .dmc-article :before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.dmc-article a, .dmc-article a:visited{text-decoration:underline}.dmc-article a[href]:after{content:" (" attr(href) ")"}.dmc-article abbr[title]:after{content:" (" attr(title) ")"}.dmc-article a[href^="#"]:after, .dmc-article a[href^="javascript:"]:after{content:""}.dmc-article pre{white-space:pre-wrap!important}.dmc-article blockquote, .dmc-article pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}.dmc-article thead{display:table-header-group}.dmc-article img, .dmc-article tr{-moz-column-break-inside:avoid;break-inside:avoid}.dmc-article h2, .dmc-article h3, .dmc-article p{orphans:3;widows:3}.dmc-article h2, .dmc-article h3{-moz-column-break-after:avoid;break-after:avoid}}.dmc-article label{display:inline-block;line-height:1;vertical-align:middle}.dmc-article button, .dmc-article input, .dmc-article optgroup, .dmc-article select, .dmc-article textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}.dmc-article input[type=date], .dmc-article input[type=email], .dmc-article input[type=number], .dmc-article input[type=password], .dmc-article input[type=search], .dmc-article input[type=tel], .dmc-article input[type=text], .dmc-article input[type=time], .dmc-article input[type=url], .dmc-article select, .dmc-article textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}.dmc-article input[type=date]:focus, .dmc-article input[type=email]:focus, .dmc-article input[type=number]:focus, .dmc-article input[type=password]:focus, .dmc-article input[type=search]:focus, .dmc-article input[type=tel]:focus, .dmc-article input[type=text]:focus, .dmc-article input[type=time]:focus, .dmc-article input[type=url]:focus, .dmc-article select:focus, .dmc-article textarea:focus{border-color:#333}.dmc-article button, .dmc-article input{overflow:visible}.dmc-article button, .dmc-article select{text-transform:none}.dmc-article [type=button], .dmc-article [type=reset], .dmc-article [type=submit], .dmc-article button{-webkit-appearance:button;width:auto}.dmc-article [type=button], .dmc-article [type=submit], .dmc-article button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.dmc-article [type=button]:focus:not(:focus-visible), .dmc-article [type=submit]:focus:not(:focus-visible), .dmc-article button:focus:not(:focus-visible){outline:none}.dmc-article [type=button]:focus, .dmc-article [type=button]:hover, .dmc-article [type=submit]:focus, .dmc-article [type=submit]:hover, .dmc-article button:focus, .dmc-article button:hover{background-color:#c36;color:#fff;text-decoration:none}.dmc-article [type=button]:not(:disabled), .dmc-article [type=submit]:not(:disabled), .dmc-article button:not(:disabled){cursor:pointer}.dmc-article fieldset{padding:.35em .75em .625em}.dmc-article legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}.dmc-article progress{vertical-align:baseline}.dmc-article textarea{overflow:auto;resize:vertical}.dmc-article [type=checkbox], .dmc-article [type=radio]{box-sizing:border-box;padding:0}.dmc-article [type=number]::-webkit-inner-spin-button, .dmc-article [type=number]::-webkit-outer-spin-button{height:auto}.dmc-article [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.dmc-article [type=search]::-webkit-search-decoration{-webkit-appearance:none}.dmc-article ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.dmc-article select{display:block}.dmc-article table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}.dmc-article table td, .dmc-article table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}.dmc-article table th{font-weight:700}.dmc-article table tfoot th, .dmc-article table thead th{font-size:1em}.dmc-article table caption+thead tr:first-child td, .dmc-article table caption+thead tr:first-child th, .dmc-article table colgroup+thead tr:first-child td, .dmc-article table colgroup+thead tr:first-child th, .dmc-article table thead:first-child tr:first-child td, .dmc-article table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}.dmc-article table tbody>tr:nth-child(odd)>td, .dmc-article table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}.dmc-article table tbody tr:hover>td, .dmc-article table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}.dmc-article table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){.dmc-article table table{font-size:.8em}.dmc-article table table td, .dmc-article table table th{line-height:1.3;padding:7px}.dmc-article table table th{font-weight:400}}.dmc-article dd, .dmc-article dl, .dmc-article dt, .dmc-article li, .dmc-article ol, .dmc-article ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}


/* ===== style.css ===== */
/*
Theme Name:   HelloElementorChild
Description:  The Dental Medical Convergence sitemap
Author:       dentalmedical
Author URL:   https://infugintesting.com/dentalmedical
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  HelloElementorChild
*/

/* Write here your own personal stylesheet */


.dmc-article .single.single-dm_resources .dm_resources_img{
	display: none;
}
.dmc-article .all_posts .post_details .conentent_post h1{
	display: none;
}
.dmc-article .all_posts .post_details .conentent_post{
	height: 60px;
	overflow: hidden;
}
.dmc-article .all_posts .post_details .conentent_post ul{
	height: 50px;
	overflow: hidden;
}

.dmc-article .timing p{
    margin-bottom: 0;
}

.dmc-article .about-box h3{ display:none;}
.dmc-article .about-box:hover h3{ display:block;}

.dmc-article #get_in_touch li label{
	display: none;
}
.dmc-article #get_in_touch li input{
	width: 100%;
	padding: 0;
	height: 50px;
	text-indent: 10px;
	border: 0;
	background: rgba(255, 255, 255, 0.8);
}

.dmc-article #get_in_touch #gform_fields_1{
	display: flex;
	flex-wrap: wrap;
}

.dmc-article #get_in_touch #gform_fields_1 li{
	width: 50%;
}

.dmc-article #get_in_touch #gform_fields_1 li:last-child{
	width: 100%;
}

.dmc-article #get_in_touch li textarea{
	width: 100%;
	padding: 0;
	height: 100px;
	text-indent: 10px;
	border: 0;
	background: rgba(255, 255, 255, 0.8);
}


.dmc-article #get_in_touch #gform_wrapper_1{
	margin-bottom: 0;
}
.dmc-article #get_in_touch .gform_wrapper .gform_footer{
    padding-bottom: 0;
}

.dmc-article .single-dm_resources .container{
    max-width: 1140px;
    margin: 0 auto;
}
.dmc-article .single-dm_resources h1{
    font-size: 28px;
}
.dmc-article .single-dm_resources section#comments{
    display:none;
}

.dmc-article .tm-inner-item{
	margin: 0 15px;
	padding: 0 30px;
}
.dmc-article .quote.buttom{
	float: right;
	transform: rotate(180deg);
}
.dmc-article .tm-inner-item .quote{
	margin-bottom: 30px;
	margin-top: 30px;
}
.dmc-article .tm-inner-item .quote{
	margin-bottom: 30px;
	margin-top: 30px;
}

.dmc-article .customer-content p{
	color: #7F7870;
	font-size: 14px;
	line-height: 26px;
}
.dmc-article .customer_bottom{
	display: flex;
}

.dmc-article .tm-slide .customer-name, .dmc-article .tm-slide .customer-poster{
    margin-right: 15px;
    font-family: "MADE TOMMY Regular", Sans-serif;
    color: #fff;
}
.dmc-article .tm-slide .slick-dots{
	padding: 0;
	display: flex;
	justify-content: center;
}
.dmc-article .tm-slide .slick-dots li{
	list-style: none;
}
.dmc-article .tm-slide .slick-dots li button{
	border: 0;
	font-size: 0;
	width: 14px;
	height: 14px;
	background: #fff;
	padding: 0;
	border-radius: 100%;
	margin: 0 6px;
	opacity: 0.5;
}
.dmc-article .tm-slide .slick-slide img{
	display: block;
	opacity: 0.5;
}
 .dmc-article .dm-testominial{
    display:flex;
    width:100%;
}
.dmc-article .static-test{
    display:none!important;
}

.dmc-article .tag_content h2.entry-title a{
    color: #164991;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 18px;
    float: left;
}
.dmc-article .tag_content h2.entry-title{
    margin: 0;
    clear: both;
    display: block;
    width: 100%;
    float: left;
}

.dmc-article .tag_content .premium-blog-post-author{
    clear: both;
    margin: 10px auto;
    display: inline-block;
    width: 100%;
}

.dmc-article .tag_content h2.entry-title{
    margin: 0 0 20px;
}

.dmc-article .single-dm_resources h1 img{
    margin: 0 auto;
    display: block;
}
.dmc-article .dm_resources_img img{
    margin: 0 auto;
    display: block;
    border-radius:10px;
    width:100%;
}
.dmc-article .dm_resources_img{
    /*background:#164991;*/
    /*padding: 10px;*/
    /*border-radius: 20px;*/
    /*margin-bottom: 60px;*/
}

.dmc-article .tm-slide .customer-poster img{
	width: 70px;
	border-radius: 100%;
}
.dmc-article .archive.tag main.site-main{
    max-width: 1140px;
}
.dmc-article .archive.tag article.post .tab_img{
    max-width: 30%;
    flex: 0 0 30%;
}
.dmc-article .archive.tag article.post .tag_content{
    flex: 0 0 67%;
    max-width: 67%;
}

.dmc-article .archive.tag article.post span.tag_date, .dmc-article .archive.tag article.post span.author{
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #adadad;
    font-style: italic;
    margin-right: 10px;
}
.dmc-article .archive.tag .premium-blog-post-author span.author{
    margin-right: 10px;
}

.dmc-article .archive.tag .read_more a{
	font-family: "Roboto", Sans-serif;
	display: table;
	color: #FFFFFF;
	background-color: #164991;
	border-radius: 0px;
	padding: 10px 20px 10px 20px;
	display: table;
}

.dmc-article .customer-content{
	text-align: center;
	color: #fff;
	font-family: "MADE TOMMY Light", Sans-serif;
	font-style: italic;

}
.dmc-article .archive.tag article.post{
    justify-content: space-between;
    align-items: center;
}

.dmc-article .customer_bottom{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.dmc-article .Contact_us ul#gform_fields_2 li label{
	display: none;
}

.dmc-article .Contact_us ul#gform_fields_2{
	display: flex;
	flex-wrap: wrap;
}
.dmc-article .Contact_us ul#gform_fields_2 input{
	width: 100%;
}

.dmc-article .Contact_us ul#gform_fields_2 li{
    width: 50%;
}
.dmc-article .Contact_us ul#gform_fields_2 li:last-child{
    width: 100%;
}
.dmc-article .Contact_us ul#gform_fields_2 li input{
    border: 0;
    background: #eee;
    height: 50px;
    text-indent: 10px;
}
.dmc-article .Contact_us ul#gform_fields_2 li textarea{
    background: #eee;
    border: 0;
}

.dmc-article .Contact_us .gform_footer.top_label input[type=submit]{
    background: #164991;
    border: 0;
    color: #fff;
    border-radius: 0;
}
.dmc-article .resource-box .elementor-widget-wrap.elementor-element-populated{
    background: rgba(255, 255, 255, 0.8);
    padding: 0;
    margin: 10px;
}

.dmc-article .resource-box figure.elementor-image-box-img{
    width: 100% !important;
    margin: 0 !important;
}

.dmc-article .resource-box .elementor-image-box-content h3.elementor-image-box-title{
    margin: 0;
}

.dmc-article .resource-box figure.elementor-image-box-img img{
    width: 150px;
}
.dmc-article .resource-box figure.elementor-image-box-img a{
    width: 100%;
    display: block;
    padding: 30px 0 15px;
}
.dmc-article .resource-box .elementor-image-box-content h3.elementor-image-box-title a{
    display: block;
    padding-bottom: 30px;
}

.dmc-article .res_terms{
	display:flex;
	flex-wrap:wrap;
}
.dmc-article .res_terms .res_term{
    max-width: 24%;
    flex: 0 0 24%;
    margin-right: 1%;
}
.dmc-article .res_terms .res_term:nth-child(4n){
    margin-right: 0;
}
.dmc-article .res_terms .res_term .res_term_boxes img{
    margin: 0 auto;
    display: block;
}
.dmc-article .res_terms .res_term .res_term_boxes h4 a{
    text-align: center;
    color: #164991;
    display: block;
    font-size:16px;
}

.dmc-article .res_terms .res_term .res_term_boxes{
    border: 1px solid #ddd;
    width: 100%;
    margin: 0 auto 15px;
}

.dmc-article .page-content article.post{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
}
.dmc-article .page-content article.post:last-child{
    border-bottom:0;
}

.dmc-article .page-content article.post .resources_left{
    margin-right: 30px;
    max-width: 35%;
    flex: 0 0 35%;
}

.dmc-article .page-content article.post .resources_right h2.entry-title{
    margin: 0;
}

.dmc-article .page-content article.post .resources_right h2.entry-title a{
    font-size: 22px;
    color: #164991;
    float:left;
}
.dmc-article .page-content article.post .resources_right{
    display: flex;
    flex-wrap: wrap;
}

.dmc-article .tax-resource_category header.page-header h1.entry-title{
    margin-bottom: 30px;
    font-size: 28px;
    padding: 10px 30px 20px 30px;
}

.dmc-article body.term-blog header.page-header{
	background: url("images/blog_background.jpg") no-repeat center / cover;
	min-height: 250px;
	margin-bottom: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.dmc-article body.archive.tag header.page-header{
	background: url("images/blog_background.jpg") no-repeat center / cover;
	min-height: 250px;
	margin-bottom: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.dmc-article body.term-books-literature header.page-header{
	background: url("images/blog_background.jpg") no-repeat center / cover;
	min-height: 250px;
	margin-bottom: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}

.dmc-article body.tax-resource_category header.page-header{
	background: url("images/blog_background.jpg") no-repeat center / cover;
	min-height: 250px;
	margin-bottom: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}


.dmc-article body.tax-resource_category header.page-header h1.entry-title, .dmc-article body.term-books-literature header.page-header h1.entry-title, .dmc-article body.term-blog header.page-header h1.entry-title{
    padding: 0;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 999;
    font-size: 42px;
}

.dmc-article body.tax-resource_category header.page-header::after, .dmc-article body.term-books-literature header.page-header::after, .dmc-article body.term-blog header.page-header::after{
	content: "";
	background: rgba(22,73,145,0.8);
	width: 100%;
	position: absolute;
	height: 100%;
}
.dmc-article .page-content article.post .resources_right .read-more a{
	background: #164991;
	color: #fff;
	padding: 6px 20px;
	text-transform: uppercase;
}

.dmc-article .page-content article.post .post-meta a{
	color: #000;
}

.dmc-article .page-content article.post .post-meta a:hover{
	color: #EE3A49;
}

.dmc-article form#gform_3 .ginput_container input{
    width:100%;
    height: 50px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.dmc-article form#gform_3 ul li.gfield label.gfield_label{
    font-weight: 400;
    font-size: 18px;
}

.dmc-article form#gform_3 ul#gform_fields_3{
    display: flex;
    flex-wrap: wrap;
}

.dmc-article form#gform_3 ul li#field_3_2{
    width: 50%; 
    float: left;
}

.dmc-article form#gform_3 ul#gform_fields_3 li{
    width: 100%;
}
.dmc-article form#gform_3 ul#gform_fields_3 li#field_3_6, .dmc-article form#gform_3 ul#gform_fields_3 li#field_3_4, .dmc-article form#gform_3 ul#gform_fields_3 li#field_3_3, .dmc-article form#gform_3 ul#gform_fields_3 li#field_3_2{
    max-width: 50%;
    flex: 0 0 50%;
}
.dmc-article form#gform_3 ul#gform_fields_3 li#field_3_6 select{
	height: 50px;
	border: 1px solid #ddd;
}
.dmc-article form#gform_3 ul#gform_fields_3 li textarea{
    border: 1px solid #ddd;
}
.dmc-article form#gform_3 .gform_footer #gform_submit_button_3{
	background: #EE3A49;
	color: #dfff;
	border-radius: 0;
	text-transform: uppercase;
	padding: 10px 30px 10px 30px;
}
.dmc-article .gform_wrapper form#gform_1 input#gform_submit_button_1{
    background: #EE3A49;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 30px;
}

.dmc-article .res_terms .res_term .res_term_boxes img{
    width: 150px;
    margin: 0 auto;
}
.dmc-article .form.account-form .form-group label{ display:none;}
.dmc-article .user-login-register form.form input, .dmc-article .form.account-form .form-group input{
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 22px;
    height: 50px;
    background: none;
    border-radius: 0;
    color:#fff;
}
.dmc-article .user-login-register form.form button.btn.btn-primary, .dmc-article .form.account-form .form-group button.btn.btn-primary{
    background:#EE3A49;
    border-color:#EE3A49;
    color:#fff;
}


.dmc-article .user-login-register form.form input::placeholder, .dmc-article .form.account-form .form-group input::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.dmc-article .user-login-register form.form input:-ms-input-placeholder, .dmc-article .form.account-form .form-group input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
  color: #fff;
}

.dmc-article .user-login-register form.form input::-ms-input-placeholder, .dmc-article .form.account-form .form-group input::-ms-input-placeholder{ /* Microsoft Edge */
  color: #fff;
}
.dmc-article .user-login-register{
	display: flex;
	width: 100%;
	max-width: 960px;
	justify-content: space-between;
	margin:60px auto;
}
.dmc-article .user-login-register .form.register-img{
    background: url("images/General-Dentistry.jpg ") no-repeat center / cover;
    min-height: 1px;
    width: 100%;
    max-width: 50%;
    flex: 0 0 50%;
}

.dmc-article .user-login-register form label{
	display: none;
}

.dmc-article .user-login-register form.form{
	background: #164991;
	border-radius: 0;
	padding: 10px;
	margin: 0 0 0 10px;
}


.dmc-article .gform_wrapper form#gform_5 ul li label.gfield_label{
    display: none;
}
.dmc-article .gform_wrapper form#gform_5{
    display: flex;
    justify-content: center;
}
.dmc-article .gform_wrapper form#gform_5 .gform_footer{
    margin-top: 0;
}

.dmc-article .gform_wrapper form#gform_5 .gform_footer input#gform_submit_button_5{
    background: #164991;
    color: #fff;
    border: 0;
    height: 50px;
    width: 150px;
}
.dmc-article .gform_wrapper form#gform_5 .ginput_container_email input{
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border-color: #ddd;
    background: #ffff;
    text-indent: 10px;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 15%);
}

.dmc-article .gform_wrapper form#gform_5 .gform_footer.top_label{
    width: auto;
}
.dmc-article .gform_wrapper form#gform_5  .gform_body{
    width: 60%;
}
.dmc-article .gform_wrapper form#gform_5 .gform_heading{ display:none;}

.dmc-article .page-content article.post .post-meta{
	width: 100%;
	font-style: italic;
	margin: 10px auto;
}

.dmc-article .page-content article.post .read-more{
    width: 100%;
    margin: 0 0 15px;
    display: flex;
}
.dmc-article .page-content article.post .post-tag{
	width: 100%;
}
.dmc-article .page-content article.post .post-tag h4{
	float: left;
	margin: 0 10px 0 0;
	font-size: 18px;
}
.dmc-article .page-content article.post .post-tag ul{
	padding: 0;
}
.dmc-article .page-content article.post .post-tag ul li{
	float: left;
	list-style: none;
	margin-right:10px;
}
.dmc-article .page-content article.post .post-tag ul li::after{
	content: ",";
}
.dmc-article .page-content article.post .post-tag ul li:last-child::after{
    display:none;
}
.dmc-article .page-content article.post .post-tag ul li a{
	color: #164991;
	font-weight: 600;
}

.dmc-article .single.single-post .page-content ul{
    margin-bottom: 30px;
}

.dmc-article .single.single-post section#comments{
    /*display: none;*/
}
.dmc-article .single.single-post section#comments h3.title-comments, .dmc-article .single.single-post section#comments ol.comment-list{
    /*display:none;*/
}
.dmc-article .single.single-post .post-tags{ margin-bottom: 60px;}
.dmc-article .single_post_img{
	min-height: 400px;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
	display: flex;
	align-items: center;
	justify-content: center;
	position:relative;
	margin-bottom: 60px;
}

.dmc-article .single_post_img .page-header{
	text-align: center;
}
.dmc-article .single_post_img::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: #164991;
	opacity: 0.5;
}
.dmc-article .single_post_img header.page-header{
	position: relative;
	z-index: 999;
}
.dmc-article .single_post_img header.page-header h1.entry-title{
	color: #fff;
}
.dmc-article .single_post_img{
	display: none;
}

.dmc-article .single-post .single_post_img{
	display: flex;
}

.dmc-article .resource-box .elementor-image-box-wrapper{
    transition: 0.5s ease-in-out;
}
.dmc-article .resource-box:hover .elementor-image-box-wrapper{
	box-shadow: inset 0 0 0 6px #EE3A49;
}

.dmc-article .single-dm_resources ul{
    padding-left: 18px;
}

.dmc-article .single-post section#comments{
    display: none;
}

.dmc-article.blog .page-header{
	 background: url("images/blog.jpg") no-repeat center / cover; 
	min-height: 358px;
	margin-bottom: 90px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dmc-article .page-header{
	/* background: url("images/blog.jpg") no-repeat center / cover; */
	min-height: 358px;
	margin-bottom: 90px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*.page-header::after {
	content: "";
	background: #164990;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0.7;
}*/
.dmc-article .page-header h1.entry-title{
	position: relative;
	z-index: 9999;
}
.dmc-article .page-header h1.entry-title{
	color: #ffff;
	font-family: "MADE TOMMY Bold", Sans-serif;
	font-size: 38px;
	font-weight: 700;
}

.dmc-article .tax-resource_category .page-header h1.entry-title{
    font-size: 0 !important;
}

.dmc-article .tax-resource_category .page-header h1.entry-title span{
    font-size: 42px;
}


.dmc-article .archive.tag .premium-blog-post-content i{
    clear: both;
    display: block;
    margin-bottom: 5px;
}

.dmc-article .archive.tag .tag_content h2.entry-title{
    margin: 0 0 0;
}


.dmc-article .dap-btn{
 Background-color: #FF0000;
 Color: #fff;
 
}










@media (max-width:1200px){
	.dmc-article .archive.tag main.site-main{
	    max-width: 96%;
	}
}

@media (max-width:767px){
    .dmc-article #get_in_touch #gform_fields_1 li{
    	width: 100%;
    	max-width: 100%;
    	flex: 0 0 100%;
    }

    .dmc-article .archive.tag article.post .tab_img{
    max-width: 100%;
    flex: 0 0 100%;
}
.dmc-article .archive.tag article.post .tag_content{
    flex: 0 0 100%;
    max-width: 100%;
}
.dmc-article .archive.tag .tag_content h2.entry-title{
    margin-top: 30px;
}
}

/** 
 * williamholt@elementarray.com for websitedesigner.com
 * aug 17 2022
 * 
 **/

/** change h1 - h6 font-family **/
.dmc-article h1, .dmc-article h2, .dmc-article h3, .dmc-article h4, .dmc-article h5, .dmc-article h6{
	font-family: "Montserrat" !important;
}
/** change body font-family **/
.dmc-article{
	font-family: "Open Sans" !important;
}


/* New Styles */

/* Blog Archive Styling */
.dmc-article .insights-hero{
    height: 520px;
    background-size: cover;
    background-position: center;
}

.dmc-article .h1-white{
    font-size: 50px;
    color: #fff;
    font-family: poppins;
    font-weight: 800;
}

.dmc-article .insights-nav{
  border-bottom: 1px solid #e5e5e5;
  position: relative; /* allows progress bar positioning */
}

.dmc-article .insights-nav li{
  list-style: none;
  padding-bottom: 0.5rem;
}

.dmc-article .insights-nav a{
  text-decoration: none;
  color: #333;
  font-weight: 500;
  padding: 0.25rem 0;
  display: inline-block;
}

.dmc-article .insights-nav .current-cat a{
  color: #164990;
  font-weight: 700;
}

/* progress underline */
.dmc-article .insights-progress{
  position: absolute;
  bottom: -1px; /* align with grey border */
  height: 3px;
  background: #164990;
  transition: all 0.3s ease;
  left: 0;
  width: 0;
}



/* featured Card */

.dmc-article .insights-featured-card{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  color: #fff;
  min-height: 450px; /* adjust for height */
  display: flex;
  align-items: center;
}

.dmc-article .insights-featured-bg{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
}

.dmc-article .insights-featured-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dmc-article .insights-featured-bg .overlay{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(22, 73, 144, 0.9);
}

.dmc-article .insights-featured-content{
  position: relative;
  z-index: 1;
  padding: 2rem;
  max-width: 600px;
}

/* News Sidebar */

.dmc-article .sidebar-topnews{
    border-left: 4px solid #164990;
    padding: 20px;
    margin: 25px;
}

/* CTA Section */

.dmc-article .cta-section{
  position: relative;
  overflow: hidden;
}
.dmc-article .cta-bg{
  z-index: 1;
}
.dmc-article .cta-overlay{
  z-index: 2;
}
.dmc-article .cta-section .container{
  z-index: 3;
  position: relative;
}
.dmc-article #colophon{
    margin-top: 0px!important;
}
.dmc-article .card .gfield_label{
    float: left;
}

.dmc-article .card-body{
    border-radius: 10px;
    background-color: #fff;
}

.dmc-article .card .gform_footer{
    justify-content: center;
} 

/* Gravity Forms input field text fix */
.dmc-article .gform_wrapper input[type="text"], .dmc-article .gform_wrapper input[type="email"], .dmc-article .gform_wrapper input[type="tel"], .dmc-article .gform_wrapper textarea{
  color: #212529 !important; /* Bootstrap default text color */
}

/* Optional: placeholder styling */
.dmc-article .gform_wrapper ::placeholder{
  color: #6c757d; /* muted gray like Bootstrap */
  opacity: 1; /* make sure it’s visible */
}


/* Make sure the intl-tel-input wrapper behaves properly */
.dmc-article .iti{
  position: relative;
  width: 100%;
}

/* Input field */
.dmc-article .iti input{
  width: 100%;
  padding-left: 80px !important; /* create space for flag + dial code */
  box-sizing: border-box;
}

/* Flag container (the dropdown trigger) */
.dmc-article .iti__flag-container{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  display: flex;
  align-items: center;
  z-index: 5; /* ensures it's above the input */
}

/* Make sure the dropdown menu is above everything */
.dmc-article .iti__country-list{
  z-index: 9999;
}

/* tag view box */
.dmc-article .single-head__content__tagsviews{
  background: #fff; 
  border: 1px solid #164990; 
  border-radius: 12px;
}

.dmc-article .author-expertise-items_item{
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid #164990;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  transition: all 0.2s ease;
}

.dmc-article .author-expertise-items_item:hover{
  background: #164990;
  color: #fff;
}

.dmc-article .post-views{
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

.dmc-article .post-meta-inline{
  display: flex;
  align-items: center;
  gap: 8px; /* spacing between items */
  font-weight: 600;
  font-size: 16px;
  color: #0A3776; /* green */
  text-transform: uppercase;
}

.dmc-article .post-meta-inline .post-meta-category, .dmc-article .post-meta-inline .post-meta-date{
  color: #0A3776;
  text-decoration: none; /* removes underline */
}

.dmc-article .post-meta-inline .dot-separator{
  color: #0A3776;
  font-weight: bold;
}

.dmc-article .our-team__members__member__social__item svg{
  width: 20px;
  height: 20px;
  display: inline-block;
  fill: #0A3776; /* allows it to inherit text color */
}

.dmc-article .our-team__members__member__social__item--linkedin{
  color: #0A66C2; /* LinkedIn blue */
}

.dmc-article .our-team__members__member__social__item--email{
  color: #333; /* or any email color */
}

.dmc-article .avatar .photo{
    border-radius: 50px!important;
}

.dmc-article .author-expanded-box{
  background: #f8f9fa; /* light grey */
  border: 1px solid #e0e0e0;
}
.dmc-article .author-expanded-box img{
  border-radius: 50%;
}

.dmc-article .author-btn{
    cursor: pointer!important;
    Color: #164990!important;
}

.dmc-article .blog-gf-form{
    background-color: #164990;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:5px;
    padding-top: 20px;
    border-radius: 15px;
}

.dmc-article .blog-gf-form .gform_fields{
    grid-row-gap: 0px!important;
}

.dmc-article .blog-gf-form .gfield_label{
    color: #fff;
}

.dmc-article .sticky-sidebar{
  position: -webkit-sticky;
  position: sticky;
  top: 100px; /* adjust so it clears your fixed header */
}

/* author page */

.dmc-article .author-expertise h3{
  font-weight: 600;
  margin-bottom: 1rem;
}

.dmc-article .expertise-pill{
  display: inline-block;
  padding: 0.5rem 1.2rem;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 400;
  color: #fff;
  background: rgba(31, 182, 115, 0.1);
  transition: all 0.3s ease;
}

.dmc-article .social-single .our-team__members__member__social__item--email{
    color: #333;
    padding: 15px;
    border: 2px solid #fff;
    border-radius: 10px;
    background: rgba(31, 182, 115, 0.2);
}

.dmc-article .social-single .our-team__members__member__social__item--linkedin{
    color: #333;
    padding: 15px;
    border: 2px solid #fff;
    border-radius: 10px;
    background: rgba(31, 182, 115, 0.2);
}

.dmc-article .social-single .our-team__members__member__social__item svg{
  width: 30px;
  height: 30px;
}

.dmc-article .single-main__body__content img.alignleft{
  display: block;
  float: none !important;   /* prevent wrapping */
  margin: 0 auto 1.5rem 0;  /* space below image */
}

.dmc-article .text-orange a{
  color: #FF0000;
  font-weight: 600;
  
}

.dmc-article .wp-post-image{
  max-height: 100%!important;
}

.dmc-article .custom-footer{
  background: #002f6c;
  color: #fff;
  padding: 20px;
  text-align: center;
}
.dmc-article .custom-footer a{
  color: #fff;
  margin: 0 10px;
  text-decoration: none;
}

.dmc-article .avatar-round img{
    object-fit: cover!important;
    height: 48pxImportant;
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .dmc-article .insights-nav{
    overflow-x: auto;      /* allow horizontal scrolling */
    white-space: nowrap;   /* keep items on one line */
    gap: 1rem;             /* slightly tighter gap */
    padding-bottom: 0.5rem;
    scrollbar-width: none; /* hide scrollbar on Firefox */
  }

  .dmc-article .insights-nav::-webkit-scrollbar{
    display: none;         /* hide scrollbar on WebKit */
  }

  .dmc-article .insights-nav li{
    flex: 0 0 auto;        /* prevent shrinking */
  }

  .dmc-article .insights-progress{
    bottom: 0;             /* ensure underline stays visible */
  }
  .dmc-article .h1-white{
        font-size: 30px;
    }
}















/* ===== claude-style.css ===== */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@800;900&display=swap');
*/

/* ============================================================
   The Dental Medical Convergence - Book page global CSS
   Paste into Elementor -> Site Settings -> Custom CSS, OR load
   via your child theme. One file covers all 11 content blocks
   plus the sticky purchase bar and the structured-data block.
   Site header and footer rules are intentionally omitted -
   those are handled by the WordPress theme's global header and
   footer.
   ============================================================ */


/* ============================================================
   Defensive armor against hostile WP themes (Astra, Hello,
   Kadence, GeneratePress, etc.). Every page rule below is
   scoped under .dmc-book, so its specificity beats plain
   element selectors like  h1{}  or  ul{}  that themes set
   globally. These element-level resets protect the handful of
   unclassed nodes (generic list items, plain paragraphs) that
   the scoped class rules do not already cover. No !important
   was needed - pure specificity.
   ============================================================ */
.dmc-article .dmc-book h1, .dmc-article .dmc-book h2, .dmc-article .dmc-book h3, .dmc-article .dmc-book h4, .dmc-article .dmc-book h5, .dmc-article .dmc-book h6{ font-family: inherit !important; }
.dmc-article .dmc-book a{ text-decoration: none; }
.dmc-article .dmc-book ul, .dmc-article .dmc-book ol{ list-style: none; }
.dmc-article .dmc-book img, .dmc-article .dmc-book svg, .dmc-article .dmc-book video{ max-width: 100%; }
.dmc-article .dmc-book button{ font-family: inherit; }

/* Zero out Elementor's own HTML-widget wrappers so our sections
   keep full width and do not inherit container padding. */
.dmc-article .dmc-book .elementor-widget-html, .dmc-article .dmc-book .elementor-widget-html > .elementor-widget-container{ padding: 0; margin: 0; }
.dmc-article .dmc-book .elementor-widget-html > .elementor-widget-container > section, .dmc-article .dmc-book .elementor-widget-html > .elementor-widget-container > div{ margin: 0; }
.dmc-article .dmc-book .elementor-section, .dmc-article .dmc-book .elementor-container{ max-width: none; padding: 0; }
.dmc-article .dmc-book .elementor-column, .dmc-article .dmc-book .elementor-widget-wrap{ padding: 0; }

/* ---- Page CSS (from book.html <style>, scoped to .dmc-book) ---- */
    /* ============================================================
       CSS RESET + CUSTOM PROPERTIES
    ============================================================ */
    .dmc-article .dmc-book, .dmc-article .dmc-book *, .dmc-article .dmc-book *::before, .dmc-article .dmc-book *::after{ box-sizing: border-box; margin: 0; padding: 0; }
    .dmc-article .dmc-book{ scroll-behavior: smooth; font-size: 16px; }
    .dmc-article .dmc-book img, .dmc-article .dmc-book svg, .dmc-article .dmc-book video{ display: block; max-width: 100%; }
    .dmc-article .dmc-book button{ cursor: pointer; font-family: inherit; border: none; background: none; }
    .dmc-article .dmc-book a{ text-decoration: none; color: inherit; }
    .dmc-article .dmc-book ul, .dmc-article .dmc-book ol{ list-style: none; }
    .dmc-article .dmc-book details summary{ cursor: pointer; list-style: none; }
    .dmc-article .dmc-book details summary::-webkit-details-marker{ display: none; }

    .dmc-article{
      /* Backgrounds */
      --bg-page: #0A101C;
      --bg-card: #121A2A;
      --bg-elevated: #1B2540;

      /* Borders */
      --border: rgba(255,255,255,0.08);
      --border-hover: rgba(81,162,255,0.35);

      /* Text */
      --text: #FFFFFF;
      --text-muted: rgba(255,255,255,0.86);
      --text-subtle: rgba(255,255,255,0.60);

      /* Brand */
      --navy: #164991;
      --navy-deep: #0A2463;
      --blue: #3B82F6;
      --blue-soft: #51A2FF;
      --red: #E63946;
      --red-deep: #C10007;
      --amber: #F59E0B;
      --teal: #2EC4B6;
      --green: #10B981;
      --red-soft: #FF4757;

      /* Typography */
      --font-body: 'Inter', system-ui, -apple-system, sans-serif;
      --font-display: 'Poppins', 'Inter', sans-serif;
      --font-editorial: 'Georgia', 'Times New Roman', serif;

      /* Layout */
      --wrapper: 1446px;
      --wrapper-narrow: 880px;
      --pad-x: 32px;
      --radius-card: 15px;
      --radius-btn: 10px;
      --transition-fast: 100ms ease;
      --transition-base: 150ms ease;
    }

    /* ============================================================
       BASE
    ============================================================ */
    .dmc-article .dmc-book{
      background: var(--bg-page);
      color: var(--text);
      font-family: var(--font-body);
      font-size: 16px;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-x: hidden;
    }

    .dmc-article .dmc-book .wrapper{
      max-width: var(--wrapper);
      padding: 0 var(--pad-x);
      margin: 0 auto;
    }

    .dmc-article .dmc-book .wrapper--narrow{
      max-width: var(--wrapper-narrow);
      padding: 0 var(--pad-x);
      margin: 0 auto;
    }

    .dmc-article .dmc-book section{ padding: 56px 0; position: relative; }

    /* ============================================================
       TYPOGRAPHY
    ============================================================ */
    .dmc-article .dmc-book .hero-h1{
      font-family: var(--font-display) !important;
      font-size: clamp(36px, 5.5vw, 80px); 
      font-weight: 900;
      line-height: 1.04;
      letter-spacing: -0.025em;
      text-wrap: balance;
      overflow-wrap: break-word;
      color: var(--text);
    }

    .dmc-article .dmc-book .section-h2{
      font-family: var(--font-display) !important;
      font-size: clamp(32px, 4vw, 48px);
      font-weight: 900;
      line-height: 1.05;
      letter-spacing: -0.02em;
      text-wrap: balance;
      color: var(--text);
    }

    .dmc-article .dmc-book .eyebrow{
      font-family: var(--font-body);
      font-size: 24px;
      font-weight: 700;
      color: var(--red-soft);
      letter-spacing: 2.4px;
      text-transform: uppercase;
      margin-bottom: 16px;
    }

    .dmc-article .dmc-book .lede{
      font-size: 18px;
      line-height: 1.65;
      color: var(--text-muted);
    }

    /* ============================================================
       SECTION HEAD
    ============================================================ */
    .dmc-article .dmc-book .section-head{
      text-align: left;
      margin-bottom: 48px;
    }

    .dmc-article .dmc-book .section-head .accent-rules{ justify-content: flex-start; }

    .dmc-article .dmc-book .section-head .section-h2{
      margin-bottom: 16px;
    }

    .dmc-article .dmc-book .section-head .lede{
      max-width: 640px;
      margin: 0 0 20px;
    }

    .dmc-article .dmc-book .accent-rules{
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 20px;
    }

    .dmc-article .dmc-book .accent-rules .b{
      display: block;
      width: 56px;
      height: 4px;
      background: var(--blue-soft);
      border-radius: 2px;
    }

    .dmc-article .dmc-book .accent-rules .r{
      display: block;
      width: 28px;
      height: 4px;
      background: var(--red);
      border-radius: 2px;
    }

    /* ============================================================
       BUTTONS
    ============================================================ */
    .dmc-article .dmc-book .btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 14px 24px;
      font-size: 16px;
      font-weight: 700;
      font-family: var(--font-body);
      border-radius: var(--radius-btn);
      transition: transform var(--transition-fast), box-shadow var(--transition-base), background var(--transition-base), opacity var(--transition-base);
      white-space: nowrap;
      cursor: pointer;
      border: none;
      text-decoration: none;
      line-height: 1;
    }

    .dmc-article .dmc-book .btn--donate{
      background: linear-gradient(180deg, #E7000B 0%, #C10007 100%);
      color: #fff;
      box-shadow: 0 4px 20px rgba(231,0,11,0.35);
    }

    .dmc-article .dmc-book .btn--donate:hover{
      box-shadow: 0 6px 28px rgba(231,0,11,0.5);
      opacity: 0.93;
    }

    .dmc-article .dmc-book .btn--primary{
      background: var(--blue);
      color: #fff;
      box-shadow: 0 4px 16px rgba(59,130,246,0.30);
    }

    .dmc-article .dmc-book .btn--primary:hover{
      background: var(--blue-soft);
      box-shadow: 0 6px 24px rgba(81,162,255,0.40);
    }

    .dmc-article .dmc-book .btn--outline{
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.18);
      color: #fff;
      backdrop-filter: blur(6px);
    }

    .dmc-article .dmc-book .btn--outline:hover{
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,255,255,0.30);
    }

    .dmc-article .dmc-book .btn--lg{
      padding: 18px 30px;
      font-size: 18px;
      border-radius: 12px;
    }

    .dmc-article .dmc-book .btn:active{
      transform: translateY(1px);
    }

    .dmc-article .dmc-book .btn .arr{
      transition: transform var(--transition-base);
      display: inline-block;
    }

    .dmc-article .dmc-book .btn:hover .arr{
      transform: translateX(3px);
    }

    /* ============================================================
       BADGES
    ============================================================ */
    .dmc-article .dmc-book .badge{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 5px 12px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.6px;
      text-transform: uppercase;
      text-align: center;
    }

    .dmc-article .dmc-book .badge--navy{
      background: rgba(22,73,145,0.25);
      border: 1px solid rgba(22,73,145,0.6);
      color: var(--blue-soft);
    }

    .dmc-article .dmc-book .badge--amber{
      background: rgba(245,158,11,0.15);
      border: 1px solid rgba(245,158,11,0.40);
      color: var(--amber);
    }

    .dmc-article .dmc-book .badge--green{
      background: rgba(16,185,129,0.15);
      border: 1px solid rgba(16,185,129,0.40);
      color: var(--green);
    }

    .dmc-article .dmc-book .badge--red{
      background: rgba(230,57,70,0.15);
      border: 1px solid rgba(230,57,70,0.40);
      color: #FF6B75;
    }

    /* ============================================================
       CARDS
    ============================================================ */
    .dmc-article .dmc-book .card{
      background: var(--bg-card);
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 28px;
      transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
    }

    .dmc-article .dmc-book .card:hover{
      transform: translateY(-4px);
      border-color: var(--border-hover);
      box-shadow: 0 16px 40px rgba(0,0,0,0.4);
    }

    /* ============================================================
       SCROLL REVEAL
    ============================================================ */
    .dmc-article .dmc-book .reveal{
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 700ms cubic-bezier(.2,.7,.2,1), transform 700ms cubic-bezier(.2,.7,.2,1);
    }

    .dmc-article .dmc-book .reveal.in{
      opacity: 1;
      transform: translateY(0);
    }

    .dmc-article .dmc-book .reveal-delay-1{ transition-delay: 80ms; }
    .dmc-article .dmc-book .reveal-delay-2{ transition-delay: 160ms; }
    .dmc-article .dmc-book .reveal-delay-3{ transition-delay: 240ms; }
    .dmc-article .dmc-book .reveal-delay-4{ transition-delay: 320ms; }
    .dmc-article .dmc-book .reveal-delay-5{ transition-delay: 400ms; }

    @media (prefers-reduced-motion: reduce) {
      .dmc-article .dmc-book .reveal{
        opacity: 1;
        transform: none;
        transition: none;
      }
    }

    /* ============================================================
       HERO
    ============================================================ */
    .dmc-article .dmc-book #hero{
      padding: 96px 0 80px;
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(900px 500px at 85% -10%, rgba(81,162,255,0.18), transparent 60%),
        radial-gradient(700px 400px at -10% 110%, rgba(230,57,70,0.16), transparent 60%),
        linear-gradient(180deg, #0A101C 0%, #0C1426 100%);
    }

    .dmc-article .dmc-book #hero::before{
      content: '';
      position: absolute;
      top: -20%;
      right: -10%;
      width: 700px;
      height: 700px;
      background: radial-gradient(ellipse, rgba(22,73,145,0.18) 0%, transparent 70%);
      pointer-events: none;
    }

    .dmc-article .dmc-book #hero::after{
      content: '';
      position: absolute;
      right: -260px;
      top: -260px;
      width: 980px;
      height: 980px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.06);
      box-shadow:
        inset 0 0 0 120px rgba(255,255,255,0.03),
        inset 0 0 0 240px rgba(255,255,255,0.04),
        inset 0 0 0 360px rgba(255,255,255,0.03);
      pointer-events: none;
    }

    .dmc-article .dmc-book .breadcrumbs{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 28px;
      font-size: 14px;
      font-weight: 600;
      color: #fff;
      letter-spacing: 0.2px;
      position: relative;
      z-index: 1;
    }
    .dmc-article .dmc-book .breadcrumbs a{ color: #fff; text-decoration: none; opacity: 0.85; transition: opacity 120ms ease; }
    .dmc-article .dmc-book .breadcrumbs a:hover{ opacity: 1; }
    .dmc-article .dmc-book .breadcrumbs svg{ color: #E63946; flex-shrink: 0; }
    .dmc-article .dmc-book .breadcrumbs span[aria-current="page"]{ color: #fff; }

    .dmc-article .dmc-book .hero-grid{
      display: grid;
      grid-template-columns: 480px 1fr;
      gap: 72px;
      align-items: center;
      position: relative;
      z-index: 1;
    }

    /* Book Cover Placeholder */
    .dmc-article .dmc-book .book-cover-wrap{
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 22px;
    }

    .dmc-article .dmc-book .book-cover-glow{
      position: absolute;
      inset: -20%;
      background: radial-gradient(ellipse, rgba(59,130,246,0.22) 0%, transparent 65%);
      pointer-events: none;
    }

    .dmc-article .dmc-book .book-cover-link{
      display: block;
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 480px;
    }

    .dmc-article .dmc-book .book-cover{
      display: block;
      width: 100%;
      height: auto;
      filter: drop-shadow(0 30px 60px rgba(0,0,0,0.6));
    }

    .dmc-article .dmc-book .book-cover::before{ content: none; }

    .dmc-article .dmc-book .book-cover-label{
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: rgba(255,255,255,0.5);
      border: 1px solid rgba(255,255,255,0.18);
      padding: 4px 10px;
      border-radius: 999px;
      text-align: center;
    }

    .dmc-article .dmc-book .book-cover-title{
      font-family: var(--font-display) !important;
      font-size: clamp(18px, 3vw, 26px);
      font-weight: 800;
      line-height: 1.15;
      text-align: center;
      color: #fff;
      letter-spacing: -0.02em;
    }

    .dmc-article .dmc-book .book-cover-title span{
      color: var(--red-soft);
    }

    .dmc-article .dmc-book .book-cover-divider{
      width: 40px;
      height: 2px;
      background: var(--blue-soft);
      border-radius: 1px;
    }

    .dmc-article .dmc-book .book-cover-author{
      text-align: center;
    }

    .dmc-article .dmc-book .book-cover-author-name{
      font-weight: 700;
      font-size: 14px;
      color: var(--text-muted);
    }

    .dmc-article .dmc-book .book-cover-author-cred{
      font-size: 14px;
      color: var(--text-subtle);
      margin-top: 3px;
      font-weight: 500;
    }

    .dmc-article .dmc-book .book-cover-badge-wrap{
      position: relative;
      z-index: 2;
      background: linear-gradient(135deg, var(--amber) 0%, #D97706 100%);
      color: #000;
      border-radius: 50%;
      width: 116px;
      height: 116px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      box-shadow: 0 8px 20px rgba(245,158,11,0.4);
      text-align: center;
      line-height: 1.1;
    }

    .dmc-article .dmc-book .book-cover-badge-wrap .line1{
      font-size: 14px;
      letter-spacing: 0;
      text-transform: uppercase;
      font-weight: 700;
    }

    .dmc-article .dmc-book .book-cover-badge-wrap .line2{
      font-size: 14px;
      font-weight: 900;
    }

    .dmc-article .dmc-book .book-placeholder-note{
      text-align: center;
      margin-top: 16px;
      font-size: 14px;
      color: var(--text-subtle);
      font-style: italic;
    }

    /* Hero Content */
    .dmc-article .dmc-book .hero-content{
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .dmc-article .dmc-book .hero-meta{
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }

    .dmc-article .dmc-book .star-row{
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .dmc-article .dmc-book .stars{
      display: flex;
      gap: 3px;
    }

    .dmc-article .dmc-book .star{
      color: var(--amber);
      font-size: 17px;
      line-height: 1;
    }

    .dmc-article .dmc-book .star-count{
      font-size: 14px;
      color: var(--text-muted);
      font-weight: 500;
    }

    .dmc-article .dmc-book .hero-cta-group{
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .dmc-article .dmc-book .hero-cta-buttons{
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
    }

    .dmc-article .dmc-book .hero-trust{
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      color: var(--text-muted);
      font-weight: 500;
    }

    .dmc-article .dmc-book .hero-trust svg{
      flex-shrink: 0;
      color: var(--green);
    }

    /* ============================================================
       SOCIAL PROOF BAR
    ============================================================ */
    .dmc-article .dmc-book #proof-bar{
      padding: 0;
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      background: rgba(18,26,42,0.6);
      backdrop-filter: blur(8px);
    }

    .dmc-article .dmc-book .proof-bar-inner{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      divide-x: 1px solid var(--border);
    }

    .dmc-article .dmc-book .proof-bar-item{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
      padding: 22px 16px;
      text-align: center;
      border-right: 1px solid var(--border);
    }

    .dmc-article .dmc-book .proof-bar-item:last-child{
      border-right: none;
    }

    .dmc-article .dmc-book .proof-bar-num{
      font-family: var(--font-display) !important;
      font-size: clamp(22px, 3vw, 30px);
      font-weight: 800;
      color: var(--blue-soft);
      line-height: 1;
    }

    .dmc-article .dmc-book .proof-bar-label{
      font-size: 14px;
      font-weight: 600;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    /* ============================================================
       PROBLEM SECTION
    ============================================================ */
    .dmc-article .dmc-book #problem{
      background: linear-gradient(180deg, transparent 0%, rgba(10,36,99,0.08) 50%, transparent 100%);
    }

    .dmc-article .dmc-book .problem-cards{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-bottom: 48px;
    }

    .dmc-article .dmc-book .problem-card{
      background: var(--bg-card);
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 32px 28px;
      transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
      position: relative;
      overflow: hidden;
    }

    .dmc-article .dmc-book .problem-card::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      border-radius: 20px 20px 0 0;
    }

    .dmc-article .dmc-book .problem-card.card-red::before{ background: var(--red); }
    .dmc-article .dmc-book .problem-card.card-blue::before{ background: var(--blue-soft); }
    .dmc-article .dmc-book .problem-card.card-amber::before{ background: var(--amber); }

    .dmc-article .dmc-book .problem-card:hover{
      transform: translateY(-4px);
      border-color: var(--border-hover);
      box-shadow: 0 20px 50px rgba(0,0,0,0.4);
    }

    .dmc-article .dmc-book .problem-card-icon{
      width: 52px;
      height: 52px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      font-size: 24px;
    }

    .dmc-article .dmc-book .problem-card-icon.icon-red{ background: rgba(230,57,70,0.15); }
    .dmc-article .dmc-book .problem-card-icon.icon-blue{ background: rgba(81,162,255,0.12); }
    .dmc-article .dmc-book .problem-card-icon.icon-amber{ background: rgba(245,158,11,0.12); }

    .dmc-article .dmc-book .problem-card-stat{
      font-family: var(--font-display) !important;
      font-size: clamp(26px, 3vw, 36px);
      font-weight: 800;
      line-height: 1;
      margin-bottom: 8px;
    }

    .dmc-article .dmc-book .stat-red{ color: var(--red-soft); }
    .dmc-article .dmc-book .stat-blue{ color: var(--blue-soft); }
    .dmc-article .dmc-book .stat-amber{ color: var(--amber); }

    .dmc-article .dmc-book .problem-card-title{
      font-size: 16px;
      font-weight: 700;
      color: var(--text);
      margin-bottom: 10px;
    }

    .dmc-article .dmc-book .problem-card-body{
      font-size: 15px;
      line-height: 1.6;
      color: var(--text-muted);
    }

    .dmc-article .dmc-book .pull-quote{
      max-width: 680px;
      margin: 0 auto;
      text-align: center;
      font-family: var(--font-editorial);
      font-size: clamp(20px, 2.5vw, 28px);
      font-style: italic;
      line-height: 1.45;
      color: var(--amber);
      padding: 36px 32px;
      border: 1px solid rgba(245,158,11,0.18);
      border-radius: 20px;
      background: rgba(245,158,11,0.05);
      position: relative;
    }

    .dmc-article .dmc-book .pull-quote::before{
      content: '\201C';
      position: absolute;
      top: -24px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 80px;
      color: rgba(245,158,11,0.30);
      line-height: 1;
      font-family: var(--font-editorial);
    }

    .dmc-article .dmc-book .pull-quote-attr{
      display: block;
      margin-top: 16px;
      font-family: var(--font-body);
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      color: var(--text-muted);
      letter-spacing: 0.5px;
    }

    /* ============================================================
       BOOK CONTENTS
    ============================================================ */
    .dmc-article .dmc-book .chapter-grid{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

    .dmc-article .dmc-book .chapter-card{
      background: var(--bg-card);
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 24px;
      display: flex;
      gap: 18px;
      align-items: flex-start;
      transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
    }

    .dmc-article .dmc-book .chapter-card:hover{
      transform: translateY(-3px);
      border-color: var(--border-hover);
      box-shadow: 0 12px 30px rgba(0,0,0,0.35);
    }

    .dmc-article .dmc-book .chapter-num{
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      background: linear-gradient(135deg, rgba(59,130,246,0.2) 0%, rgba(81,162,255,0.1) 100%);
      border: 1px solid rgba(59,130,246,0.25);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-display) !important;
      font-size: 15px;
      font-weight: 800;
      color: var(--blue-soft);
    }

    .dmc-article .dmc-book .chapter-info{ flex: 1; }

    .dmc-article .dmc-book .chapter-title{
      font-size: 16px;
      font-weight: 700;
      color: var(--text);
      margin-bottom: 6px;
      line-height: 1.3;
    }

    .dmc-article .dmc-book .chapter-hook{
      font-size: 14px;
      color: var(--text-muted);
      line-height: 1.55;
    }

    /* ============================================================
       PATIENT STORIES
    ============================================================ */
    .dmc-article .dmc-book #stories{
      background: linear-gradient(180deg, transparent 0%, rgba(27,37,64,0.25) 50%, transparent 100%);
    }

    .dmc-article .dmc-book .stories-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .dmc-article .dmc-book .story-card{
      background: var(--bg-card);
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 32px 28px;
      display: flex;
      flex-direction: column;
      gap: 20px;
      transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
      position: relative;
      overflow: hidden;
    }

    .dmc-article .dmc-book .story-card:hover{
      transform: translateY(-4px);
      border-color: var(--border-hover);
      box-shadow: 0 20px 50px rgba(0,0,0,0.4);
    }

    .dmc-article .dmc-book .story-card-header{
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .dmc-article .dmc-book .story-avatar{
      width: 52px;
      height: 52px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 18px;
      flex-shrink: 0;
    }

    .dmc-article .dmc-book .avatar-teal{ background: rgba(46,196,182,0.2); color: var(--teal); }
    .dmc-article .dmc-book .avatar-blue{ background: rgba(59,130,246,0.2); color: var(--blue-soft); }
    .dmc-article .dmc-book .avatar-amber{ background: rgba(245,158,11,0.2); color: var(--amber); }

    .dmc-article .dmc-book .story-card-name{
      font-weight: 700;
      font-size: 16px;
      color: var(--text);
    }

    .dmc-article .dmc-book .story-card-cred{
      font-size: 14px;
      color: var(--text-muted);
    }

    .dmc-article .dmc-book .story-card-condition{
      padding: 4px 10px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.5px;
    }

    .dmc-article .dmc-book .story-card-body{
      font-size: 15px;
      line-height: 1.65;
      color: var(--text-muted);
      flex: 1;
    }

    .dmc-article .dmc-book .story-card-outcome{
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 15px;
      font-weight: 700;
      color: #5EE3B1;
      padding: 12px 14px;
      background: rgba(16,185,129,0.08);
      border: 1px solid rgba(16,185,129,0.2);
      border-radius: 10px;
    }

    /* ============================================================
       MID CTA SECTION
    ============================================================ */
    .dmc-article .dmc-book #mid-cta{
      background: transparent;
      text-align: center;
      padding: 40px 24px;
    }

    /* Contained, centered blue CTA panels (matches Mission/TEDx) */
    .dmc-article .dmc-book #mid-cta > .wrapper, .dmc-article .dmc-book #final-cta > .wrapper{
      background: linear-gradient(180deg, #0A2463 0%, #122a5e 100%);
      border-radius: 28px;
      padding: clamp(56px, 7vw, 88px) clamp(28px, 5vw, 64px);
      position: relative;
      overflow: hidden;
      box-shadow: 0 40px 80px -20px rgba(10,36,99,0.5);
    }

    .dmc-article .dmc-book #mid-cta > .wrapper::before{
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 800px;
      height: 400px;
      background: radial-gradient(ellipse, rgba(59,130,246,0.12) 0%, transparent 70%);
      pointer-events: none;
    }

    .dmc-article .dmc-book .mid-cta-content{
      position: relative;
      z-index: 1;
    }

    .dmc-article .dmc-book .mid-cta-h2{
      font-family: var(--font-display) !important;
      font-size: clamp(28px, 4vw, 48px);
      font-weight: 900;
      line-height: 1.1;
      letter-spacing: -0.02em;
      color: var(--text);
      margin-bottom: 16px;
      text-wrap: balance;
    }

    .dmc-article .dmc-book .mid-cta-sub{
      font-size: 18px;
      color: var(--text-muted);
      margin-bottom: 36px;
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
    }

    .dmc-article .dmc-book .mid-cta-buttons{
      display: flex;
      gap: 16px;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }

    .dmc-article .dmc-book .mid-cta-footnote{
      font-size: 14px;
      color: var(--text-subtle);
    }

    /* ============================================================
       AUTHOR
    ============================================================ */
    .dmc-article .dmc-book .author-grid{
      display: grid;
      grid-template-columns: 360px 1fr;
      gap: 64px;
      align-items: start;
    }

    .dmc-article .dmc-book .author-photo-wrap{
      position: relative;
    }

    .dmc-article .dmc-book .author-photo{
      width: 100%;
      aspect-ratio: 4/5;
      background: linear-gradient(180deg, #1a3a78 0%, #0A2463 100%);
      border: 1px solid var(--border);
      border-radius: 24px;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: flex-end;
      padding: 24px;
      color: #fff;
      box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    }

    .dmc-article .dmc-book .author-chip{
      position: absolute;
      z-index: 2;
      top: 18px;
      left: 18px;
      background: var(--red);
      color: #fff;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      padding: 5px 10px;
      border-radius: 999px;
    }

    .dmc-article .dmc-book .author-silhouette{
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: 78%;
      height: 78%;
      background: linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 65%);
      -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 240'><circle cx='100' cy='75' r='42' fill='black'/><path d='M30 240 C 30 160, 60 130, 100 130 C 140 130, 170 160, 170 240 Z' fill='black'/></svg>") center / contain no-repeat;
              mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 240'><circle cx='100' cy='75' r='42' fill='black'/><path d='M30 240 C 30 160, 60 130, 100 130 C 140 130, 170 160, 170 240 Z' fill='black'/></svg>") center / contain no-repeat;
    }

    .dmc-article .dmc-book .author-caption{ position: relative; z-index: 2; }
    .dmc-article .dmc-book .author-caption b{ display: block; font-size: 18px; font-weight: 700; }
    .dmc-article .dmc-book .author-caption span{ font-size: 14px; color: #fff; }

    .dmc-article .dmc-book .author-content{ display: flex; flex-direction: column; gap: 24px; }

    .dmc-article .dmc-book .author-credentials{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .dmc-article .dmc-book .credential-item{
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 15px;
      color: #fff;
    }

    .dmc-article .dmc-book .credential-icon{
      width: 44px;
      height: 44px;
      border-radius: 10px;
      background: rgba(59,130,246,0.12);
      border: 1px solid rgba(59,130,246,0.2);
      color: var(--blue-soft);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 14px;
      margin-top: 1px;
    }

    .dmc-article .dmc-book .credential-icon svg{ width: 26px; height: 26px; }

    .dmc-article .dmc-book .credential-text{ flex: 1; line-height: 1.5; }

    .dmc-article .dmc-book .author-quote{
      font-family: var(--font-editorial);
      font-style: italic;
      font-size: 17px;
      line-height: 1.65;
      color: #fff;
      border-left: 3px solid var(--blue-soft);
      padding-left: 20px;
    }

    .dmc-article .dmc-book .author-quote cite{
      display: block;
      margin-top: 10px;
      font-style: normal;
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 700;
      color: #fff;
    }

    /* ============================================================
       REVIEWS
    ============================================================ */
    .dmc-article .dmc-book .reviews-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .dmc-article .dmc-book .review-card{
      background: var(--bg-card);
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 28px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      transition: transform 300ms ease, border-color 300ms ease;
    }

    .dmc-article .dmc-book .review-card:hover{
      transform: translateY(-4px);
      border-color: var(--border-hover);
    }

    .dmc-article .dmc-book .review-stars{
      display: flex;
      gap: 3px;
    }

    .dmc-article .dmc-book .review-text{
      font-size: 15px;
      line-height: 1.65;
      color: var(--text-muted);
      font-style: italic;
      flex: 1;
    }

    .dmc-article .dmc-book .review-text::before{ content: '\201C'; }
    .dmc-article .dmc-book .review-text::after{ content: '\201D'; }

    .dmc-article .dmc-book .review-title{
      display: block;
      font-family: var(--font-body);
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      line-height: 1.4;
      color: var(--text);
      margin-bottom: 10px;
    }

    .dmc-article .dmc-book .review-footer{
      display: flex;
      align-items: center;
      gap: 10px;
      padding-top: 12px;
      border-top: 1px solid var(--border);
    }

    .dmc-article .dmc-book .review-avatar{
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: var(--bg-elevated);
      border: 1px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 14px;
      color: var(--blue-soft);
      flex-shrink: 0;
    }

    .dmc-article .dmc-book .review-name{
      font-size: 14px;
      font-weight: 700;
      color: var(--text);
    }

    .dmc-article .dmc-book .review-cred{
      font-size: 14px;
      color: var(--text-muted);
    }

    .dmc-article .dmc-book .review-placeholder{
      font-size: 14px;
      font-style: italic;
      color: var(--text-subtle);
      margin-top: 4px;
    }

    /* ============================================================
       $25 PROMISE
    ============================================================ */
    .dmc-article .dmc-book #promise{
      background: linear-gradient(180deg, transparent 0%, rgba(18,26,42,0.4) 50%, transparent 100%);
    }

    .dmc-article .dmc-book .promise-grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: start;
    }

    .dmc-article .dmc-book .kit-breakdown{
      background: var(--bg-card);
      border: 1px solid var(--border);
      border-radius: 24px;
      padding: 32px;
    }

    .dmc-article .dmc-book .kit-breakdown-title{
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 24px;
    }

    .dmc-article .dmc-book .kit-items{
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-bottom: 24px;
    }

    .dmc-article .dmc-book .kit-item{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 16px;
      background: rgba(255,255,255,0.03);
      border: 1px solid var(--border);
      border-radius: 10px;
    }

    .dmc-article .dmc-book .kit-item-left{
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      color: #fff;
    }

    .dmc-article .dmc-book .kit-item-icon{ font-size: 18px; }

    .dmc-article .dmc-book .kit-item-price{
      font-size: 14px;
      font-weight: 600;
      color: #fff;
    }

    .dmc-article .dmc-book .kit-total{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 16px;
      background: rgba(59,130,246,0.08);
      border: 1px solid rgba(59,130,246,0.22);
      border-radius: 10px;
    }

    .dmc-article .dmc-book .kit-total-label{
      font-size: 16px;
      font-weight: 700;
      color: #fff;
    }

    .dmc-article .dmc-book .kit-total-price{
      font-family: var(--font-display) !important;
      font-size: 22px;
      font-weight: 800;
      color: var(--blue-soft);
    }

    .dmc-article .dmc-book .promise-content{
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .dmc-article .dmc-book .promise-vs{
      background: var(--bg-card);
      border: 1px solid rgba(230,57,70,0.25);
      border-radius: 20px;
      padding: 28px;
    }

    .dmc-article .dmc-book .promise-vs-label{
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: var(--text-subtle);
      margin-bottom: 12px;
    }

    .dmc-article .dmc-book .promise-vs-amount{
      font-family: var(--font-display) !important;
      font-size: clamp(28px, 4vw, 42px);
      font-weight: 900;
      color: var(--red-soft);
      line-height: 1;
      margin-bottom: 8px;
    }

    .dmc-article .dmc-book .promise-vs-desc{
      font-size: 14px;
      color: var(--text-muted);
      line-height: 1.5;
    }

    /* ============================================================
       FAQ
    ============================================================ */
    .dmc-article .dmc-book .faq-container{
      max-width: 800px;
      margin: 0 auto;
      background: var(--bg-card);
      border: 1px solid var(--border);
      border-radius: 24px;
      overflow: hidden;
    }

    .dmc-article .dmc-book .faq-item{
      border-bottom: 1px solid var(--border);
    }

    .dmc-article .dmc-book .faq-item:last-child{ border-bottom: none; }

    .dmc-article .dmc-book .faq-item summary{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 22px 28px;
      font-size: 19px;
      font-weight: 700;
      color: var(--text);
      gap: 16px;
      transition: background var(--transition-base), color var(--transition-base);
      user-select: none;
    }

    .dmc-article .dmc-book .faq-item summary:hover{
      background: rgba(255,255,255,0.03);
    }

    .dmc-article .dmc-book .faq-item[open] summary{
      color: var(--text);
    }

    .dmc-article .dmc-book .faq-icon{
      flex-shrink: 0;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: transparent;
      border: 1.5px solid rgba(255,255,255,0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-weight: 400;
      line-height: 1;
      color: #fff;
      transition: transform 250ms ease, background var(--transition-base), color var(--transition-base);
    }

    .dmc-article .dmc-book .faq-item[open] .faq-icon{
      transform: rotate(45deg);
      background: var(--blue);
      color: #fff;
      border-color: var(--blue);
    }

    .dmc-article .dmc-book .faq-body{
      padding: 0 28px 22px;
      font-size: 15px;
      line-height: 1.7;
      color: var(--text-muted);
    }

    /* ============================================================
       FINAL CTA
    ============================================================ */
    /* Eyebrows on blue CTA panels use amber (matches Mission/TEDx convention) */
    .dmc-article .dmc-book #mid-cta .eyebrow, .dmc-article .dmc-book #final-cta .eyebrow{ color: var(--amber); }

    .dmc-article .dmc-book #final-cta{
      background: transparent;
      text-align: center;
      padding: 40px 24px;
    }

    .dmc-article .dmc-book #final-cta > .wrapper::before{
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 900px;
      height: 500px;
      background: radial-gradient(ellipse, rgba(59,130,246,0.15) 0%, transparent 65%);
      pointer-events: none;
    }

    .dmc-article .dmc-book .final-cta-content{ position: relative; z-index: 1; }

    .dmc-article .dmc-book .final-cta-h2{
      font-family: var(--font-display) !important;
      font-size: clamp(32px, 5vw, 64px);
      font-weight: 900;
      line-height: 1.05;
      letter-spacing: -0.025em;
      color: var(--text);
      margin-bottom: 20px;
      text-wrap: balance;
    }

    .dmc-article .dmc-book .final-cta-sub{
      font-size: 18px;
      line-height: 1.65;
      color: var(--text-muted);
      max-width: 600px;
      margin: 0 auto 40px;
    }

    .dmc-article .dmc-book .final-cta-buttons{
      display: flex;
      gap: 16px;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 24px;
    }

    .dmc-article .dmc-book .final-cta-footnote{
      font-size: 14px;
      color: var(--text-subtle);
    }

    /* ============================================================
       STICKY PURCHASE BAR
    ============================================================ */
    .dmc-article .dmc-book #sticky-bar{
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 800;
      background: var(--bg-card);
      border: 1px solid rgba(255,255,255,0.14);
      border-radius: 12px;
      box-shadow: 0 24px 60px -10px rgba(0,0,0,0.7);
      padding: 12px 16px 12px 20px;
      display: flex;
      align-items: center;
      gap: 16px;
      max-width: 680px;
      width: calc(100% - 40px);
      opacity: 0;
      pointer-events: none;
      transition: opacity 300ms ease, transform 300ms ease;
      transform: translateX(-50%) translateY(10px);
    }

    .dmc-article .dmc-book #sticky-bar.visible{
      opacity: 1;
      pointer-events: auto;
      transform: translateX(-50%) translateY(0);
    }

    .dmc-article .dmc-book #sticky-bar.hidden{ display: none; }

    /* Hide the floating purchase bar on mobile (covers content) */
    @media (max-width: 768px) { .dmc-article .dmc-book #sticky-bar{ display: none !important; } }

    .dmc-article .dmc-book .sticky-bar-text{
      flex: 1;
      min-width: 0;
    }

    .dmc-article .dmc-book .sticky-bar-title{
      font-weight: 700;
      font-size: 14px;
      color: var(--text);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .dmc-article .dmc-book .sticky-bar-sub{
      font-size: 14px;
      color: var(--text-muted);
    }

    .dmc-article .dmc-book .sticky-bar-actions{
      display: flex;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
    }

    .dmc-article .dmc-book .sticky-bar-dismiss{
      width: 32px;
      height: 32px;
      border-radius: 8px;
      background: rgba(255,255,255,0.05);
      border: 1px solid var(--border);
      color: var(--text-subtle);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      cursor: pointer;
      transition: background var(--transition-base), color var(--transition-base);
      flex-shrink: 0;
    }

    .dmc-article .dmc-book .sticky-bar-dismiss:hover{
      background: rgba(255,255,255,0.10);
      color: var(--text);
    }

    /* ============================================================
       ANIMATION LAYER (from homepage / about page)
    ============================================================ */
    /* Section glow overlays */
    .dmc-article .dmc-book section.glow-blue::before, .dmc-article .dmc-book section.glow-red::before{
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }
    .dmc-article .dmc-book section.glow-blue::before{
      background: radial-gradient(900px 400px at 80% 0%, rgba(81,162,255,0.07), transparent 60%);
    }
    .dmc-article .dmc-book section.glow-red::before{
      background: radial-gradient(700px 400px at 10% 100%, rgba(230,57,70,0.07), transparent 60%);
    }
    .dmc-article .dmc-book section > .wrapper, .dmc-article .dmc-book section > .wrapper--narrow{
      position: relative;
      z-index: 1;
    }

    /* Hero text accents */
    .dmc-article .dmc-book .hero-h1 .accent{ color: var(--blue-soft); }
    .dmc-article .dmc-book .hero-h1 .underline-red{
      position: relative;
      display: inline-block;
    }
    .dmc-article .dmc-book .hero-h1 .underline-red::after{
      content: "";
      position: absolute;
      left: 4%;
      right: 4%;
      bottom: 4px;
      height: 8px;
      background: var(--red);
      border-radius: 4px;
      opacity: 0.9;
      z-index: -1;
    }

    /* Story card top accent bars */
    .dmc-article .dmc-book .story-card::before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      z-index: 2;
    }
    .dmc-article .dmc-book .story-card.c1::before{ background: linear-gradient(90deg, var(--red), transparent); }
    .dmc-article .dmc-book .story-card.c2::before{ background: linear-gradient(90deg, var(--amber), transparent); }
    .dmc-article .dmc-book .story-card.c3::before{ background: linear-gradient(90deg, var(--blue-soft), transparent); }

    /* Mid-CTA decorative ring */
    .dmc-article .dmc-book #mid-cta > .wrapper::after, .dmc-article .dmc-book #final-cta > .wrapper::after{
      content: "";
      position: absolute;
      right: -120px;
      top: -120px;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.06);
      box-shadow:
        inset 0 0 0 80px rgba(255,255,255,0.03),
        inset 0 0 0 160px rgba(255,255,255,0.04);
      pointer-events: none;
      z-index: 0;
    }

    /* Author portrait gradient overlay */
    /* Author portrait photo + caption scrim */
    .dmc-article .dmc-book .author-photo-img{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 20%;
      z-index: 0;
    }
    .dmc-article .dmc-book .author-photo::before{
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(180deg, rgba(10,16,28,0) 45%, rgba(10,16,28,0.55) 72%, rgba(10,16,28,0.9) 100%);
      pointer-events: none;
      z-index: 1;
    }
    .dmc-article .dmc-book .author-photo .author-chip, .dmc-article .dmc-book .author-photo .author-caption{ z-index: 3; }


    /* Book cover hover lift */
    .dmc-article .dmc-book .book-cover{ transition: transform 600ms cubic-bezier(.2,.8,.2,1); }
    .dmc-article .dmc-book .book-cover-link:hover .book-cover{
      transform: translateY(-8px) scale(1.03);
    }

    /* ============================================================
       RESPONSIVE
    ============================================================ */
    @media (max-width: 1100px) {
      .dmc-article .dmc-book .hero-grid{ grid-template-columns: 420px 1fr; gap: 48px; }
    }

    @media (max-width: 1024px) {
      .dmc-article .dmc-book .author-grid{ grid-template-columns: 300px 1fr; gap: 40px; }
      .dmc-article .dmc-book .proof-bar-inner{ grid-template-columns: repeat(2, 1fr); }
      .dmc-article .dmc-book .proof-bar-item:nth-child(2){ border-right: none; }
    }

    @media (max-width: 920px) {
      .dmc-article{ --pad-x: 24px; }
      .dmc-article .dmc-book section{ padding: 32px 0; }
      .dmc-article .dmc-book #hero{ padding: 64px 0 48px; }

      .dmc-article .dmc-book .hero-h1{ font-size: 30px; line-height: 1.12; }


      .dmc-article .dmc-book .hero-grid{
        grid-template-columns: 1fr;
        gap: 40px;
      }

      .dmc-article .dmc-book .book-cover-wrap{ order: -1; }
      .dmc-article .dmc-book .book-cover{ max-width: 280px; margin: 0 auto; }

      .dmc-article .dmc-book .problem-cards{ grid-template-columns: 1fr; }
      .dmc-article .dmc-book .chapter-grid{ grid-template-columns: 1fr; }
      .dmc-article .dmc-book .stories-grid{ grid-template-columns: 1fr; }
      .dmc-article .dmc-book .reviews-grid{ grid-template-columns: 1fr; }
      .dmc-article .dmc-book .author-grid{ grid-template-columns: 1fr; }
      .dmc-article .dmc-book .author-photo{ max-width: 300px; }
      .dmc-article .dmc-book .promise-grid{ grid-template-columns: 1fr; }
      .dmc-article .dmc-book .proof-bar-inner{ grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 600px) {
      .dmc-article{ --pad-x: 20px; }

      .dmc-article .dmc-book .btn--lg{ font-size: 16px; padding: 16px 22px; }
      .dmc-article .dmc-book .hero-cta-buttons{ flex-direction: column; }
      .dmc-article .dmc-book .hero-cta-buttons .btn{ width: 100%; justify-content: center; }
      .dmc-article .dmc-book .mid-cta-buttons .btn{ width: 100%; justify-content: center; }
      .dmc-article .dmc-book .final-cta-buttons .btn{ width: 100%; justify-content: center; }
      .dmc-article .dmc-book .mid-cta-buttons{ flex-direction: column; align-items: stretch; }
      .dmc-article .dmc-book .final-cta-buttons{ flex-direction: column; align-items: stretch; max-width: 320px; margin-left: auto; margin-right: auto; }
      .dmc-article .dmc-book .sticky-bar-title{ font-size: 14px; }
      .dmc-article .dmc-book .proof-bar-inner{ grid-template-columns: repeat(2, 1fr); }
    }

    /* ============================================================
       UTILITY
    ============================================================ */
    .dmc-article .dmc-book .text-center{ text-align: center; }
    .dmc-article .dmc-book .mt-4{ margin-top: 16px; }
    .dmc-article .dmc-book .mt-6{ margin-top: 24px; }
    .dmc-article .dmc-book .mt-8{ margin-top: 32px; }
    .dmc-article .dmc-book .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }


/* ===== inline #article-page ===== */

.dmc-article .dmc-book #article-hero{padding:72px 0 0;position:relative;overflow:hidden;background:radial-gradient(900px 500px at 85% -10%, rgba(81,162,255,0.16), transparent 60%),linear-gradient(180deg,#0A101C 0%,#0C1426 100%);}
.dmc-article .dmc-book .article-shell{max-width:1100px;margin:0 auto;position:relative;z-index:1;}
.dmc-article .dmc-book .article-topmeta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-subtle);margin:26px 0 14px;}
.dmc-article .dmc-book .article-topmeta .cat{color:var(--blue-soft);text-transform:uppercase;letter-spacing:0.6px;font-weight:700;}
.dmc-article .dmc-book .article-topmeta .dot{opacity:0.5;}
.dmc-article .dmc-book .article-h1{font-family:var(--font-display) !important;font-size:clamp(27px,3.7vw,44px);font-weight:900;line-height:1.1;letter-spacing:-0.02em;color:#fff;text-wrap:pretty;margin-bottom:0;}
.dmc-article .dmc-book .byline{display:flex;align-items:center;gap:14px;padding:18px 0 26px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.dmc-article .dmc-book .byline img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-elevated);}
.dmc-article .dmc-book .byline .bl-name{font-size:16px;font-weight:700;color:#fff;line-height:1.3;}
.dmc-article .dmc-book .byline .bl-name a{color:inherit;transition:color var(--transition-base);}
.dmc-article .dmc-book .byline .bl-name a:hover{color:var(--blue-soft);}
.dmc-article .dmc-book .byline .bl-role{font-size:14px;color:var(--text-subtle);}
.dmc-article .dmc-book .article-hero-media{margin:34px 0 0;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:16/9;}
.dmc-article .dmc-book .article-hero-media img{width:100%;height:100%;object-fit:cover;display:block;}

.dmc-article .dmc-book #article-body{padding:44px 0 20px;}
.dmc-article .dmc-book .prose{max-width:760px;margin:0 auto;}
.dmc-article .dmc-book .prose p{font-size:17px;line-height:1.75;color:#E8ECF3;margin:0 0 22px;text-wrap:pretty;}
.dmc-article .dmc-book .prose h2{font-family:var(--font-display) !important;font-size:clamp(24px,2.8vw,32px);font-weight:800;line-height:1.2;letter-spacing:-0.01em;color:#fff;margin:44px 0 18px;}
.dmc-article .dmc-book .prose h3{font-family:var(--font-display) !important;font-size:20px;font-weight:700;color:#fff;margin:32px 0 12px;}
.dmc-article .dmc-book .prose a{color:var(--blue-soft);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-base);}
.dmc-article .dmc-book .prose a:hover{color:#fff;}
.dmc-article .dmc-book .prose ul{margin:0 0 24px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px;}
.dmc-article .dmc-book .prose ul li{position:relative;padding-left:30px;font-size:17px;line-height:1.7;color:#E8ECF3;}
.dmc-article .dmc-book .prose ul li::before{content:"";position:absolute;left:6px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--blue-soft);}
.dmc-article .dmc-book .prose strong{color:#fff;font-weight:700;}
.dmc-article .dmc-book .compare-table{width:100%;border-collapse:collapse;margin:8px 0 30px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;}
.dmc-article .dmc-book .compare-table th{background:rgba(81,162,255,0.10);color:#fff;font-weight:700;text-align:left;padding:14px 18px;font-size:15px;border-bottom:1px solid var(--border);}
.dmc-article .dmc-book .compare-table td{padding:13px 18px;color:#E8ECF3;line-height:1.55;border-bottom:1px solid var(--border);vertical-align:top;}
.dmc-article .dmc-book .compare-table tr:last-child td{border-bottom:none;}
.dmc-article .dmc-book .compare-table td:first-child{border-right:1px solid var(--border);}
.dmc-article .dmc-book .medical-disclaimer{max-width:760px;margin:8px auto 0;font-size:14px;line-height:1.6;color:var(--text-subtle);font-style:italic;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,0.02);}
.dmc-article .dmc-book .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.dmc-article .dmc-book .article-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;transition:transform 300ms ease,border-color 300ms ease,box-shadow 300ms ease;}
.dmc-article .dmc-book .article-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 16px 40px rgba(0,0,0,0.4);}
.dmc-article .dmc-book .article-media{aspect-ratio:16/10;overflow:hidden;}
.dmc-article .dmc-book .article-media img{width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.2,.8,.2,1);}
.dmc-article .dmc-book .article-card:hover .article-media img{transform:scale(1.04);}
.dmc-article .dmc-book .article-body-c{display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px;flex:1;}
.dmc-article .dmc-book .article-title{font-family:var(--font-display) !important;font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-0.01em;color:#fff;}
.dmc-article .dmc-book .article-title a{color:inherit;transition:color var(--transition-base);}
.dmc-article .dmc-book .article-title a:hover{color:var(--blue-soft);}
.dmc-article .dmc-book .post-meta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-subtle);}
.dmc-article .dmc-book .post-meta .cat{color:var(--blue-soft);text-transform:uppercase;letter-spacing:0.6px;font-weight:700;transition:color var(--transition-base);}
.dmc-article .dmc-book .post-meta .dot{opacity:0.5;}
.dmc-article .dmc-book .article-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border);}
.dmc-article .dmc-book .post-author{display:inline-flex;align-items:center;gap:10px;}
.dmc-article .dmc-book .post-author img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-elevated);}
.dmc-article .dmc-book .post-author .pa-name{font-size:14px;font-weight:700;color:#fff;}
.dmc-article .dmc-book .read-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--blue-soft);transition:color var(--transition-base);}
.dmc-article .dmc-book .read-link .arr{transition:transform var(--transition-base);}
.dmc-article .dmc-book .read-link:hover{color:#fff;}
.dmc-article .dmc-book .read-link:hover .arr{transform:translateX(3px);}
@media(max-width:860px){.dmc-article .dmc-book .related-grid{grid-template-columns:1fr;}.dmc-article .dmc-book .compare-table{font-size:14px;}}

/* Author bio block (Issue 6) */
.dmc-article .dmc-book .author-bio-block{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;max-width:820px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:15px;padding:36px 40px;position:relative;overflow:hidden;}
.dmc-article .dmc-book .author-bio-block::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--blue-soft);}
.dmc-article .dmc-book .author-bio-block img.abb-photo{width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:center top;background:var(--bg-elevated);border:1px solid var(--border);}
.dmc-article .dmc-book .abb-name{font-family:var(--font-display) !important;font-size:22px;font-weight:800;color:#fff;margin:0 0 4px;}
.dmc-article .dmc-book .abb-role{font-size:14px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;color:var(--blue-soft);margin:0 0 14px;}
.dmc-article .dmc-book .abb-text{font-size:16px;line-height:1.7;color:#E8ECF3;margin:0 0 18px;}
.dmc-article .dmc-book .abb-more{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--blue-soft);transition:color var(--transition-base);}
.dmc-article .dmc-book .abb-more .arr{transition:transform var(--transition-base);}
.dmc-article .dmc-book .abb-more:hover{color:#fff;}
.dmc-article .dmc-book .abb-more:hover .arr{transform:translateX(3px);}
/* Have a Question form (Issue 7) */
.dmc-article .dmc-book .qform{max-width:820px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:15px;padding:40px 44px 44px;position:relative;overflow:hidden;}
.dmc-article .dmc-book .qform::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--red);}
.dmc-article .dmc-book .qform h2{font-family:var(--font-display) !important;font-size:clamp(24px,2.8vw,32px);font-weight:900;line-height:1.14;color:#fff;text-align:center;margin:0 0 10px;}
.dmc-article .dmc-book .qform .sub{font-size:16px;line-height:1.6;color:var(--text-muted);text-align:center;margin:0 0 28px;}
.dmc-article .dmc-book .qf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.dmc-article .dmc-book .qf-field{display:flex;flex-direction:column;gap:7px;}
.dmc-article .dmc-book .qf-field.full{grid-column:1 / -1;}
.dmc-article .dmc-book .qf-label{font-size:14px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;color:var(--text-subtle);}
.dmc-article .dmc-book .qform input, .dmc-article .dmc-book .qform textarea{font-family:var(--font-body);font-size:16px;color:#fff;background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:10px;padding:13px 15px;width:100%;min-height:48px;transition:border-color var(--transition-base);}
.dmc-article .dmc-book .qform textarea{min-height:120px;resize:vertical;}
.dmc-article .dmc-book .qform input:focus, .dmc-article .dmc-book .qform textarea:focus{outline:none;border-color:var(--blue-soft);}
.dmc-article .dmc-book .qform input::placeholder, .dmc-article .dmc-book .qform textarea::placeholder{color:var(--text-subtle);}
.dmc-article .dmc-book .qf-note{font-size:14px;color:var(--text-subtle);text-align:center;margin:16px 0 0;}
.dmc-article .dmc-book .qform .btn{width:100%;justify-content:center;}
@media(max-width:700px){
  .dmc-article .dmc-book .author-bio-block{grid-template-columns:1fr;gap:20px;text-align:center;padding:28px 22px;}
  .dmc-article .dmc-book .author-bio-block img.abb-photo{margin:0 auto;}
  .dmc-article .dmc-book .qform{padding:28px 20px 30px;}
  .dmc-article .dmc-book .qf-grid{grid-template-columns:1fr;}
}

/* Hero: heading + author bio widget side by side (Issue 6, round 2) */
.dmc-article .dmc-book .article-head-split{display:grid;grid-template-columns:0.86fr 1.14fr;gap:30px;align-items:start;text-align:left;}
.dmc-article .dmc-book .article-head-split .ahs-media{border-radius:15px;overflow:hidden;aspect-ratio:16/10;background:var(--bg-elevated);}
.dmc-article .dmc-book .article-head-split .ahs-media img{width:100%;height:100%;object-fit:cover;display:block;}
.dmc-article .dmc-book .article-head-split .ahs-main{max-width:none;width:100%;display:flex;flex-direction:column;align-items:flex-start;}
.dmc-article .dmc-book .article-head-split .ahs-main > *{align-self:flex-start;}
.dmc-article .dmc-book .article-head-split .author-contact-block{width:100%;}
.dmc-article .dmc-book .article-head-split .article-h1{margin-bottom:22px;}
.dmc-article .dmc-book .article-head-split .ahs-main > .article-topmeta{margin-top:0;}
@media(max-width:820px){
  .dmc-article .dmc-book .article-head-split{grid-template-columns:1fr;gap:24px;}
  .dmc-article .dmc-book .article-head-split .ahs-media{aspect-ratio:16/9;}
}

/* Body: prose + embedded question form side by side (Issue 7, round 2) */
.dmc-article .dmc-book .body-split{display:grid;grid-template-columns:1.55fr 0.8fr;gap:48px;align-items:start;max-width:1100px;margin:0 auto;}
.dmc-article .dmc-book .body-split .prose{max-width:none;margin:0;}
.dmc-article .dmc-book .body-aside{position:sticky;top:146px;}
.dmc-article .dmc-book .body-aside .qform{max-width:none;margin:0;padding:30px 28px 32px;}
.dmc-article .dmc-book .body-aside .qform h2{font-size:clamp(20px,2vw,24px);}
.dmc-article .dmc-book .body-aside .qf-grid{grid-template-columns:1fr;}
@media(max-width:900px){
  .dmc-article .dmc-book .body-split{grid-template-columns:1fr;gap:32px;}
  .dmc-article .dmc-book .body-aside{position:static;top:auto;}
}

/* Sticky needs a non-scrolling ancestor: canonical sets overflow-x:hidden on .dmc-book,
   which makes it a scroll container and disables position:sticky. clip still hides sideways
   overflow but does NOT create a scroll container, so sticky works (Issue 7, round 3) */
.dmc-article .dmc-book{overflow-x:clip;}
/* Author contact block (Issue 6, round 3) */
.dmc-article .dmc-book .author-contact-block{background:transparent;border:0;border-radius:0;padding:0;}
.dmc-article .dmc-book .abb-head{display:flex;align-items:flex-start;gap:14px;}
.dmc-article .dmc-book .author-contact-block img.abb-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center top;background:var(--bg-elevated);border:1px solid var(--border);display:block;flex-shrink:0;margin:0;}
.dmc-article .dmc-book .author-contact-block .abb-name{font-size:17px;font-weight:800;margin:0 0 6px;}
.dmc-article .dmc-book .author-contact-block .abb-text{font-size:15px;line-height:1.6;color:var(--text-muted);margin:0 0 8px;}
.dmc-article .dmc-book .author-contact-block .abb-more{font-size:14px;letter-spacing:0.2px;text-transform:none;margin:0;}
.dmc-article .dmc-book .acb-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:18px 0 30px;padding-left:58px;}
@media(max-width:820px){.dmc-article .dmc-book .acb-row{padding-left:0;}}
.dmc-article .dmc-book .acb-title{font-family:var(--font-body) !important;font-size:14px;font-weight:700;color:var(--text-muted);line-height:1.3;margin:0;}
.dmc-article .dmc-book .acb-links{display:flex;flex-wrap:wrap;gap:10px;}
.dmc-article .dmc-book .acb-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;background:rgba(255,255,255,0.06);border:1px solid var(--border);border-radius:10px;padding:0;transition:border-color var(--transition-base),background var(--transition-base);}
.dmc-article .dmc-book .acb-link:hover{border-color:var(--border-hover);background:rgba(255,255,255,0.11);}
.dmc-article .dmc-book .acb-link svg{width:18px;height:18px;flex-shrink:0;color:var(--blue-soft);}
.dmc-article .dmc-book .acb-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* FAQ resource lists: make links read as clickable (client review 2026-09-10) */
.dmc-article .dmc-book .faq-body p a{color:var(--blue-soft);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-base);}
.dmc-article .dmc-book .faq-body p a:hover{color:#fff;}
.dmc-article .dmc-book .faq-body ul{list-style:none;padding-left:0;margin:14px 0 0;display:flex;flex-direction:column;gap:12px;}
.dmc-article .dmc-book .faq-body ul li{margin:0;}
.dmc-article .dmc-book .faq-body ul li a{display:inline-flex;align-items:baseline;gap:9px;color:var(--blue-soft);font-weight:600;text-decoration:none;transition:color var(--transition-base);}
.dmc-article .dmc-book .faq-body ul li a::after{content:"\2192";flex-shrink:0;transition:transform var(--transition-base);}
.dmc-article .dmc-book .faq-body ul li a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.dmc-article .dmc-book .faq-body ul li a:hover::after{transform:translateX(3px);}

/* =====================================================================
   Gravity Forms bridge — Ask Me Anything form (id 8) inside .qform
   The design markup used .qf-grid / .qf-label / .qf-field classes; Gravity
   Forms renders .gform_fields / .gfield_label / .gfield instead, so without
   this the form falls back to the site's default form styling. Mapped here
   rather than rebuilding the form, so GF keeps its validation and spam
   handling. Scoped to .dmc-article .qform: no other form on the site is
   affected.
   ===================================================================== */
.dmc-article .dmc-book .qform .gform_wrapper{margin:0;}
.dmc-article .dmc-book .qform .gform_heading,
.dmc-article .dmc-book .qform .gform_required_legend{display:none;}

.dmc-article .dmc-book .qform .gform_fields{
  display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 16px;width:100%;
}
.dmc-article .dmc-book .qform .gfield{
  display:flex;flex-direction:column;gap:7px;margin:0;padding:0;
}
/* The message/question field spans the full width, like .qf-field.full */
.dmc-article .dmc-book .qform .gfield{grid-column:1 / -1;min-width:0;}

.dmc-article .dmc-book .qform .gfield_label{
  font-size:14px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;
  color:var(--text-subtle);margin:0;
}
.dmc-article .dmc-book .qform .gfield_required{color:var(--red);}

.dmc-article .dmc-book .qform .ginput_container{margin:0;}
.dmc-article .dmc-book .qform .gform_footer{margin:0;padding:0;}
.dmc-article .dmc-book .qform .gform_footer input[type="submit"],
.dmc-article .dmc-book .qform .gform_footer button{
  width:100%;min-height:52px;border:0;border-radius:10px;cursor:pointer;
  font-family:var(--font-display);font-size:17px;font-weight:800;color:#fff;
  background:var(--red);transition:filter var(--transition-base);
}
.dmc-article .dmc-book .qform .gform_footer input[type="submit"]:hover,
.dmc-article .dmc-book .qform .gform_footer button:hover{filter:brightness(1.08);}

.dmc-article .dmc-book .qform .gform_validation_errors,
.dmc-article .dmc-book .qform .validation_message{
  background:transparent;border:0;box-shadow:none;color:var(--red);font-size:14px;padding:0;
}
.dmc-article .dmc-book .qform .gform_confirmation_message{color:#E8ECF3;text-align:center;}

/* Inputs must fill their cell: Gravity Forms ships size attributes and its own
   width rules that otherwise leave them a couple of hundred pixels wide. */
.dmc-article .dmc-book .qform .ginput_container{width:100%;max-width:100%;display:block;}
.dmc-article .dmc-book .qform .ginput_container input,
.dmc-article .dmc-book .qform .ginput_container textarea,
.dmc-article .dmc-book .qform .ginput_container select{width:100%;max-width:100%;box-sizing:border-box;}

/* reCAPTCHA renders asynchronously and Google's script sets an INLINE
   width/height of 302px on the widget. Inline styles beat normal rules, which
   is why the page looked correct on first paint and then blew the sidebar out
   a moment later when the widget appeared. Scale it down to fit the column and
   reserve the height it occupies after scaling, so nothing reflows. */
.dmc-article .dmc-book .qform .gfield--type-captcha{
  max-width:100%;overflow:hidden;
}
.dmc-article .dmc-book .qform .ginput_recaptcha{
  transform:scale(0.78);transform-origin:0 0;
  width:302px!important;height:60px;margin:0;
}
.dmc-article .dmc-book .qform .ginput_recaptcha > div,
.dmc-article .dmc-book .qform .ginput_recaptcha iframe,
.dmc-article .dmc-book .qform .g-recaptcha,
.dmc-article .dmc-book .qform .g-recaptcha > div{
  max-width:302px!important;
}

/* Nothing in the form may push the sidebar wider than its column. */
.dmc-article .dmc-book .body-aside,
.dmc-article .dmc-book .body-aside .qform,
.dmc-article .dmc-book .qform .gform_wrapper{max-width:100%;min-width:0;box-sizing:border-box;}

/* =====================================================================
   Gravity Forms 2.7 "gravity-theme" override.
   The wrapper renders as .gform_wrapper.gravity-theme.gform-theme--no-framework
   and GF's own stylesheet controls field/input widths through a 12-column grid
   plus --gf-* custom properties, some of which it re-applies via JS after the
   page has painted. That is why the sidebar looked right for a moment and then
   collapsed to narrow inputs. These !important widths are deliberate: they are
   scoped to .dmc-article .qform, so only this one form is affected.
   ===================================================================== */
.dmc-article .dmc-book .qform .gform_wrapper .gform_fields{
  display:grid!important;grid-template-columns:1fr!important;
  gap:16px!important;width:100%!important;
}
.dmc-article .dmc-book .qform .gform_wrapper .gfield{
  grid-column:1 / -1!important;width:100%!important;max-width:100%!important;
  min-width:0!important;padding:0!important;
}
.dmc-article .dmc-book .qform .gform_wrapper .ginput_container,
.dmc-article .dmc-book .qform .gform_wrapper .ginput_container_text,
.dmc-article .dmc-book .qform .gform_wrapper .ginput_container_email,
.dmc-article .dmc-book .qform .gform_wrapper .ginput_container_textarea{
  width:100%!important;max-width:100%!important;display:block!important;margin:0!important;
}
.dmc-article .dmc-book .qform .gform_wrapper input[type="text"],
.dmc-article .dmc-book .qform .gform_wrapper input[type="email"],
.dmc-article .dmc-book .qform .gform_wrapper input[type="url"],
.dmc-article .dmc-book .qform .gform_wrapper input[type="tel"],
.dmc-article .dmc-book .qform .gform_wrapper textarea,
.dmc-article .dmc-book .qform .gform_wrapper select{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
/* Shorter than the design default so the submit button clears the fold in
   the sticky sidebar. */
.dmc-article .dmc-book .qform .gform_wrapper textarea{height:88px!important;min-height:88px!important;}
.dmc-article .dmc-book .qform .gform_wrapper .gform_footer input[type="submit"]{width:100%!important;}

/* Author bio "Read more" is a <button> so the bio expands in place rather than
   navigating away (matching the current live single template). Reset the button
   chrome so it keeps the design's .abb-more link styling. */
.dmc-article .dmc-book button.abb-more{
  background:none;border:0;padding:0;margin:0;cursor:pointer;
  font-family:inherit;text-align:left;
}
.dmc-article .dmc-book button.abb-more:focus-visible{
  outline:2px solid var(--blue-soft);outline-offset:3px;border-radius:4px;
}

/* Author photo and name link through to the author's profile page. Keep the
   design's appearance — the links inherit colour and carry no underline, with
   a subtle hover so they read as interactive. */
/* The anchor is now the flex item, so it must hold the photo's exact size and
   refuse to shrink — otherwise the avatar squashes into an oval, and squashes
   further as the bio expands. Sizes mirror img.abb-photo in each context. */
.dmc-article .dmc-book .abb-photo-link{display:block;line-height:0;border-radius:50%;}
.dmc-article .dmc-book .author-contact-block .abb-photo-link{flex:0 0 44px;width:44px;height:44px;}
.dmc-article .dmc-book .author-bio-block .abb-photo-link{flex:0 0 112px;width:112px;height:112px;}
.dmc-article .dmc-book .abb-photo-link img.abb-photo{width:100%;height:100%;display:block;}
.dmc-article .dmc-book .abb-photo-link:focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px;}
.dmc-article .dmc-book .abb-name-link{
  color:inherit;text-decoration:none;transition:color var(--transition-base);
}
.dmc-article .dmc-book .abb-name-link:hover{color:var(--blue-soft);}
.dmc-article .dmc-book .abb-name-link:focus-visible{
  outline:2px solid var(--blue-soft);outline-offset:3px;border-radius:4px;
}

/* =====================================================================
   Scroll-reveal disabled.
   claude-style.css ships `.dmc-book .reveal{opacity:0}` and relies on an
   IntersectionObserver adding `.in` to fade content up. When that observer
   did not fire, whole articles rendered blank even though the text was in
   the HTML. Content must never depend on JavaScript to be visible, so the
   animation is switched off and everything displays immediately.
   ===================================================================== */
.dmc-article .dmc-book .reveal,
.dmc-article .dmc-book .reveal.in{
  opacity:1!important;transform:none!important;transition:none!important;
}