/* Interior-page presentation. Native blocks, anchors and rating data are retained. */
/* REHub animates its own TOC scroll; CSS smooth scrolling must not compete. */
html{scroll-behavior:auto;scroll-padding-top:90px}
body.tbog-site{
 --tbog-panel:#eeeee7;
 --tbog-section:#edeee4;
 --tbog-warning:#f1ece1;
 --tbog-link:#9c452a;
 --tbog-secondary:#626958;
 --tbog-bar:#d1d7c4;
}

/* The same display face and reading face as the homepage. Icon fonts stay native. */
body.tbog-site :is(h1,h2,h3):not(.tbog-ui *){
 font-family:var(--serif)!important;color:var(--ink)!important;font-weight:500;
 letter-spacing:-.025em;line-height:1.25;
}
body.tbog-site :is(.post,.rh-post-wrapper,.post-inner){font-family:var(--sans)!important;color:var(--ink)}
body.tbog-site :is(.post,.rh-post-wrapper) :is(p,li,td,th,figcaption){font-family:var(--sans);line-height:1.8}
body.tbog-site :is(.title_single_area,.post,.rh-post-wrapper) h1{
 font-size:clamp(32px,3.1vw,46px);font-weight:500!important;line-height:1.16!important;letter-spacing:-.035em;
}
body.tbog-site :is(.post,.rh-post-wrapper) h2{
 font-size:clamp(28px,2.5vw,36px);line-height:1.25;margin-top:1.6em;margin-bottom:.65em;
}
body.tbog-site :is(.post,.rh-post-wrapper) h3{
 font-size:clamp(23px,2vw,28px);line-height:1.3;margin-top:1.5em;margin-bottom:.65em;
}
body.tbog-site :is(.post,.rh-post-wrapper) h4{
 font-family:var(--heading)!important;color:var(--ink);font-size:16px;font-weight:650;line-height:1.5;
}
body.tbog-site .rh-post-wrapper{background:var(--paper);border-color:var(--line);box-shadow:none}
body.tbog-site.page .rh-post-wrapper{max-width:980px;margin-inline:auto}

/* Article masthead: replace the legacy pink wash and heavy subtitle. */
body.tbog-site #rh_woo_layout_inimage,
body.tbog-site .guten-auto-layout{background:var(--paper)!important;border-bottom:1px solid var(--line)}
body.tbog-site .guten-auto-layout .rh_opacity_5{
 opacity:1!important;font-family:var(--sans)!important;color:var(--tbog-secondary)!important;
 font-size:clamp(16px,1.5vw,20px);font-weight:400!important;line-height:1.7;max-width:760px;
}
body.tbog-site .meta.post-meta,
body.tbog-site .meta.post-meta :is(a,span,time){
 font-family:var(--sans)!important;font-size:12px;font-style:normal!important;
 color:var(--tbog-secondary)!important;line-height:1.7;
}
body.tbog-site .breadcrumb{font-family:var(--sans);font-size:11px;line-height:1.7;color:var(--tbog-secondary)}

/* Text links use a darker shade of the brand orange for readable contrast. */
body.tbog-site .rh-outer-wrap a:where(:not(.tbog-ui a)){color:var(--tbog-link)!important}
body.tbog-site :is(.post,.rh-post-wrapper) :is(p,li,td,th,blockquote,figcaption) a{
 text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
 text-decoration-color:#c78c72;
}
body.tbog-site .rh-outer-wrap a:where(:not(.tbog-ui a)):hover{color:var(--ink)!important;text-decoration-color:var(--orange)}
body.tbog-site .rh-outer-wrap a:where(:not(.tbog-ui a)):focus-visible{outline:2px solid var(--orange);outline-offset:4px}
body.tbog-site :is(.breadcrumb,.meta) a{color:var(--tbog-secondary)!important;text-decoration:none}
body.tbog-site .rehub-main-color{color:var(--tbog-link)!important}
body.tbog-site .rehub-main-color-bg{background-color:var(--ink)!important;color:var(--paper)!important}
body.tbog-site .rehub-main-color-border{border-color:var(--orange)!important}

/* Preserve the native H2 bands and their IDs, with the homepage's soft sage. */
body.tbog-site .rh-color-heading{
 background-color:var(--tbog-section)!important;color:var(--ink)!important;
 border-block:1px solid var(--line);padding-top:28px;padding-bottom:28px;box-shadow:none;
}
body.tbog-site .rh-color-heading h2{margin:6px 0 0!important;font-weight:500!important}
body.tbog-site .rh-color-heading p[id]{
 font-family:var(--heading)!important;font-size:11px!important;font-weight:650;
 line-height:1.7;letter-spacing:1.2px;text-transform:uppercase;
 color:var(--tbog-secondary)!important;margin-bottom:10px!important;
}

/* Risk information remains prominent without the unrelated cyan background. */
body.tbog-site .post .has-pale-cyan-blue-background-color,
body.tbog-site .post .ybog-risk-warning{
 background:var(--tbog-warning)!important;color:var(--ink)!important;
 border:1px solid #ddd6c7!important;border-inline-start:3px solid var(--orange)!important;
 border-radius:0!important;box-shadow:none;padding:20px 24px!important;
}
body.tbog-site .post .has-pale-cyan-blue-background-color,
body.tbog-site .post .ybog-risk-warning p{font-family:var(--sans)!important;font-size:14px!important;line-height:1.8!important}

/* The image remains intact; its frame and contents panel become quiet and flat. */
body.tbog-site .rh-300-sidebar.summary.wpsm_score_box{
 background:var(--paper)!important;border:1px solid var(--line);box-shadow:none!important;
}
/* Use the outer desktop gutter to separate the sticky contents from the article.
   The offset shrinks on narrower screens, retaining at least 24px at the edge. */
@media(min-width:1280px){
 body.tbog-site .guten-auto-layout .rh-300-sidebar.summary{
  translate:clamp(0px,calc(50vw - 632px),40px) 0;
 }
}
body.tbog-site .rh-300-sidebar.summary .woo-image-part{background:var(--paper)!important}
body.tbog-site .rh-300-sidebar.summary .guten-contents{background:var(--paper)!important}
body.tbog-site .guten-contents>.clearfix{
 font-family:var(--heading)!important;color:var(--ink);font-size:11px;font-weight:700;
 letter-spacing:1px;text-transform:uppercase;
}
body.tbog-site .guten-contents .sidecontents li{border-color:var(--line)!important}
body.tbog-site .guten-contents .sidecontents a{
 color:var(--tbog-secondary)!important;font-family:var(--sans)!important;font-size:13px;line-height:1.6;text-decoration:none;
}
body.tbog-site .guten-contents .sidecontents .rehub-main-color-bg{
 background:var(--ink)!important;color:var(--paper)!important;font-size:11px;font-weight:600;
}
body.tbog-site .guten-contents .sidecontents a:hover,
body.tbog-site .guten-contents .sidecontents li.active>a{color:var(--tbog-link)!important}
body.tbog-site .guten-contents .sidecontents li.active{background:var(--tbog-panel)}

/* Native broker links, including the sidebar and mobile reading bar. */
body.tbog-site .rh-outer-wrap a.btn_offer_block{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:48px;
 background:var(--ink)!important;color:var(--paper)!important;
 border:1px solid var(--ink)!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;
 font-family:var(--sans)!important;font-size:13px!important;font-weight:650!important;line-height:1.5!important;
 text-transform:none!important;letter-spacing:0!important;text-decoration:none!important;white-space:normal;
 padding:14px 18px!important;
}
body.tbog-site .rh-outer-wrap a.btn_offer_block::before{color:inherit!important;font-size:15px;margin:0!important}
body.tbog-site .rh-outer-wrap a.btn_offer_block:hover{
 background:var(--tbog-link)!important;color:var(--paper)!important;border-color:var(--tbog-link)!important;box-shadow:none!important;
}
body.tbog-site .rh-outer-wrap a.btn_offer_block:focus-visible{outline:2px solid var(--orange);outline-offset:4px}

/* Native sharing and save actions retain their behavior in a single neutral style. */
body.tbog-site .post_share .social_icon :is(.share-link-image,.favour_in_row){
 background:var(--tbog-panel)!important;color:var(--ink)!important;border:1px solid var(--line)!important;
 box-shadow:none!important;border-radius:0;font-family:var(--sans)!important;
}
body.tbog-site .post_share .social_icon .share-link-image{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;
 padding:9px 12px;font-size:12px;line-height:1.2;
}
body.tbog-site .post_share .social_icon .share-link-image:after{font-family:var(--sans)!important;font-size:12px}
body.tbog-site .post_share .social_icon :is(.share-link-image,.favour_in_row):hover{
 background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important;
}
body.tbog-site .post_share .favour_in_row .thumbscount{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
body.tbog-site .post_share .favour_in_row .heart_thumb_wrap{
 background:var(--tbog-panel)!important;color:var(--ink)!important;border:0;box-shadow:none;
}
body.tbog-site .post_share .favour_in_row .heart_thumb_wrap :is(.cell_wishlist,.heartplus,.wishaddwrap,.wishaddedwrap,.wishremovedwrap){
 color:inherit!important;font-family:var(--sans);font-size:12px;
}
body.tbog-site .post_share .favour_in_row:hover .heart_thumb_wrap{background:var(--ink)!important;color:var(--paper)!important}
body.tbog-site .post_share .heartplus:before{color:inherit!important}

/* Native reading toolbar and reader-rating controls use the same UI palette. */
body.tbog-site #float-panel-woo-area{background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--line);box-shadow:none}
body.tbog-site #float-panel-woo-area .whitecolor{color:var(--ink)!important;font-family:var(--sans)!important;font-size:13px;font-weight:550}
body.tbog-site .user_rating_slider_criteria.noUi-connect{background:var(--orange)!important}
body.tbog-site .user_rating_slider_criteria .noUi-handle{background:var(--paper);border-color:var(--ink);box-shadow:none}

/* Editorial scores keep their native numbers, proportions and /10 scale. */
body.tbog-site .rate_bar_wrap{background:var(--paper);border:1px solid var(--line);padding:24px;box-shadow:none}
body.tbog-site .rate_bar_wrap .overall-score{background:var(--ink)!important;border-radius:0;box-shadow:none}
body.tbog-site .rate_bar_wrap .overall{font-family:var(--serif)!important;font-weight:500;color:var(--paper)!important}
body.tbog-site .rate_bar_wrap .overall-text{
 background:transparent!important;color:var(--paper)!important;font-family:var(--heading)!important;
 font-size:9px;letter-spacing:1px;font-weight:600;
}
body.tbog-site .rate_bar_wrap .review-header{font-family:var(--serif)!important;font-weight:500;font-size:25px;line-height:1.3;color:var(--ink)}
body.tbog-site .rate_bar_wrap .review-text{font-family:var(--sans)!important}
body.tbog-site .rate_bar_wrap .rate-bar{background:var(--tbog-panel)!important;border:0;box-shadow:none}
body.tbog-site .rate_bar_wrap .rate-bar-bar{background:var(--tbog-bar)!important;box-shadow:none}
body.tbog-site .rate_bar_wrap :is(.rate-bar-title,.rate-bar-percent){color:var(--ink)!important;font-family:var(--sans)!important;font-size:12px}
body.tbog-site .rate_bar_wrap .rate-bar-percent{font-weight:700}
body.tbog-site .rate_bar_wrap :is(.title_pros,.title_cons){font-family:var(--heading)!important;font-size:11px;letter-spacing:1px;font-weight:700}
body.tbog-site .rate_bar_wrap .title_pros,
body.tbog-site .rate_bar_wrap .wpsm_pros li::before{color:#64754f!important}
body.tbog-site .rate_bar_wrap .title_cons,
body.tbog-site .rate_bar_wrap .wpsm_cons li::before{color:var(--tbog-link)!important}
body.tbog-site .post [id]{scroll-margin-top:90px}

body.tbog-site .post table{border-color:var(--line);font-family:var(--sans)}
body.tbog-site .post table th{background:var(--tbog-panel)!important;color:var(--ink)!important;font-weight:650}
body.tbog-site .post table :is(th,td){border-color:var(--line)}
body.tbog-site .post blockquote{border-inline-start:3px solid var(--orange);background:var(--tbog-panel);box-shadow:none}
body.tbog-site :is(.comment-form,.commentform,.fluentform) :is(input,textarea,select){font-family:var(--sans)}
body.tbog-site :is(.comment-form,.commentform,.fluentform) :is(input[type=submit],button[type=submit]){
 background:var(--ink)!important;color:var(--paper)!important;border:1px solid var(--ink)!important;
 border-radius:0;box-shadow:none;font-family:var(--sans)!important;
}
@media(max-width:650px){
 body.tbog-site .rh-color-heading{padding-top:24px;padding-bottom:24px}
 body.tbog-site :is(.post,.rh-post-wrapper) h2{font-size:28px}
 body.tbog-site :is(.post,.rh-post-wrapper) h3{font-size:24px}
 body.tbog-site .rate_bar_wrap{padding:18px}
 body.tbog-site .rate_bar_wrap .review-header{font-size:23px}
 body.tbog-site .post .has-pale-cyan-blue-background-color,
 body.tbog-site .post .ybog-risk-warning{padding:17px 18px!important}
 body.tbog-site .meta.post-meta{display:flex;flex-wrap:wrap;gap:8px 12px}
}
