/* Mary & Blake Website 2.0 — V80 public explainers.
   Six posts only. CSS and optional reading-path HTML. No copy/database edits.
   All accessible controls are plain internal anchor links, not JS widgets. */
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917){
 --mb2v80-stroke:#405864;
 --mb2v80-teal:#96dfef;
}
body.mb2-site .mb2-v14-story .mb2-v14-reading .mb2v80-path{
 display:block;box-sizing:border-box;clear:both;position:relative;
 margin:35px 0 41px;padding:25px 24px 24px;
 color:#e9f4f6!important;
 background:linear-gradient(144deg,#152b35,#101c23 72%)!important;
 border:1px solid #3d6374;border-top:3px solid #84d7e8;
 border-radius:13px;box-shadow:0 15px 32px rgba(0,0,0,.13);
}
body.mb2-site .mb2v80-path .mb2v80-eyebrow{
 display:block;color:#a2e5f2;font:900 10px/1.45 Lato,Arial,sans-serif;
 letter-spacing:1.7px;text-transform:uppercase;margin:0 0 9px;
}
body.mb2-site .mb2-v14-story .mb2-v14-reading .mb2v80-intro>strong{
 display:block;color:#f6fafb!important;font:900 clamp(23px,2.7vw,29px)/1.22 Lato,Arial,sans-serif;
 letter-spacing:-.55px;margin:0 0 7px;
}
body.mb2-site .mb2-v14-story .mb2-v14-reading .mb2v80-intro>p{
 margin:0 0 21px!important;color:#cadbe2!important;font:400 14px/1.6 Lato,Arial,sans-serif!important;
}
body.mb2-site .mb2v80-cards{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;
}
body.mb2-site .mb2v80-card{
 display:grid;grid-template-columns:27px minmax(0,1fr) 16px;
 grid-template-rows:auto 1fr;gap:5px 9px;min-width:0;position:relative;
 padding:16px 15px 17px;box-sizing:border-box;
 border-radius:7px;border:1px solid #3c5764;background:#192e38;
 color:#edf5f8!important;text-decoration:none!important;
 transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
body.mb2-site .mb2v80-card:hover{
 background:#213d49!important;border-color:#9de8f8!important;transform:translateY(-1px);
}
body.mb2-site .mb2v80-card:focus-visible{
 outline:3px solid #a6e9f7;outline-offset:2px;
}
body.mb2-site .mb2v80-card-no{
 grid-column:1;grid-row:1;align-self:center;
 color:#89cbdc;font:900 11px/1.4 Lato,Arial,sans-serif;letter-spacing:.5px;
}
body.mb2-site .mb2-v14-story .mb2-v14-reading .mb2v80-card>strong{
 grid-column:2;grid-row:1;min-width:0;color:#f2f8fa!important;
 font:900 16px/1.27 Lato,Arial,sans-serif!important;letter-spacing:-.2px;overflow-wrap:anywhere;
}
body.mb2-site .mb2v80-card-detail{
 grid-column:2;grid-row:2;color:#c5d6dc;
 font:400 12px/1.5 Lato,Arial,sans-serif;
}
body.mb2-site .mb2v80-card-go{grid-column:3;grid-row:1 / span 2;justify-self:end;color:#9fe7f3;font:900 16px/1.3 Lato,Arial,sans-serif}
body.mb2-site .mb2v80--lovat .mb2v80-card:nth-child(n+3){
 border-left:3px solid #8cd0df;
}
body.mb2-site .mb2v80--lovat .mb2v80-card:nth-child(3) .mb2v80-card-no,
body.mb2-site .mb2v80--lovat .mb2v80-card:nth-child(4) .mb2v80-card-no{color:#a7deec}
body.mb2-site .mb2v80--mindspace .mb2v80-cards{
 grid-template-columns:repeat(3,minmax(0,1fr));
}
body.mb2-site .mb2v80--mindspace .mb2v80-card{
 grid-template-columns:minmax(0,1fr) 13px;padding:14px 12px 15px;
}
body.mb2-site .mb2v80--mindspace .mb2v80-card-no{grid-row:1;grid-column:1}
body.mb2-site .mb2v80--mindspace .mb2v80-card>strong{grid-row:2;grid-column:1;font-size:15px!important}
body.mb2-site .mb2v80--mindspace .mb2v80-card-detail{grid-row:3;grid-column:1}
body.mb2-site .mb2v80--mindspace .mb2v80-card-go{grid-column:2;grid-row:1 / span 3}
/* Distinct editorial emphasis per explainer without franchise-clashing hues. */
body.mb2-site .mb2v80--vmax{border-top-color:#81dae7}
body.mb2-site .mb2v80--ending{border-top-color:#9de6f2}
body.mb2-site .mb2v80--lovat{border-top-color:#8ccdd7}
body.mb2-site .mb2v80--ultron{border-top-color:#7cd4ec}
body.mb2-site .mb2v80--mindspace{border-top-color:#91e1ef}

/* Existing bespoke story callouts: bring old black-on-black and
   cream-background inline blocks into the new site palette. */
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background: #101010"],
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background:#101010"],
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background: #161616"]{
 background:#152730!important;color:#e6f0f4!important;
 border:1px solid #43626e!important;border-left:3px solid #7dcfdf!important;
 border-radius:9px!important;box-shadow:none!important;
}
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background: #f4f4f4"],
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background: #f7f7f8"],
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background: #ffffff"]{
 background:#1a2b35!important;color:#e5f2f6!important;
 border:1px solid #4c6976!important;border-left:3px solid #8ed9e9!important;
 border-radius:9px!important;box-shadow:none!important;
}
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background: #f4f4f4"] :is(p,span,strong,a),
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background: #f7f7f8"] :is(p,span,strong){
 color:#e8f2f5!important;
}
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background: #f4f4f4"] a,
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content>div[style*="background: #f7f7f8"] a{
 color:#a4e6f5!important;text-decoration-color:#a4e6f5!important;
}
/* The VisionQuest KJR links are unique light-background inline blocks. */
body.mb2-site:is(.postid-36129,.postid-41917)
 #mb2-article-content .mb-visionquest-kjr-callout{
 background:#182c36!important;border:1px solid #527281!important;
 border-left:4px solid #8bd9ee!important;border-radius:9px!important;
 color:#edf5f8!important;
}
body.mb2-site:is(.postid-36129,.postid-41917)
 #mb2-article-content .mb-visionquest-kjr-callout :is(p,strong,span){color:#eaf3f6!important}
body.mb2-site:is(.postid-36129,.postid-41917)
 #mb2-article-content .mb-visionquest-kjr-callout a{
 color:#ace8f5!important;text-decoration:underline!important;text-underline-offset:3px;
}
/* Make the original article headings easier to scan at reading speed. */
body.mb2-site:is(.postid-32307,.postid-35667,.postid-35677,.postid-35878,.postid-36129,.postid-41917)
 #mb2-article-content h2[id^="mb2v80-section-"]{
 scroll-margin-top:80px;
 border-top:1px solid #38515b;
 padding-top:23px!important;
}
@media(max-width:750px){
 body.mb2-site .mb2-v14-story .mb2-v14-reading .mb2v80-path{padding:21px 17px 19px;margin:28px 0 31px}
 body.mb2-site .mb2v80-cards{gap:9px}
 body.mb2-site .mb2v80-card{padding:13px 12px 14px;grid-template-columns:22px minmax(0,1fr) 12px;gap:5px 6px}
 body.mb2-site .mb2-v14-story .mb2-v14-reading .mb2v80-card>strong{font-size:14px!important}
 body.mb2-site .mb2v80-card-detail{font-size:11px;line-height:1.45}
 body.mb2-site .mb2v80--mindspace .mb2v80-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mb2-site .mb2v80-intro>p{font-size:13px!important}
}
@media(max-width:485px){
 body.mb2-site .mb2v80-cards{grid-template-columns:1fr}
 body.mb2-site .mb2v80--mindspace .mb2v80-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mb2-site .mb2-v14-story .mb2-v14-reading .mb2v80-intro>strong{font-size:23px!important}
 body.mb2-site .mb2v80-card{grid-template-columns:27px minmax(0,1fr) 16px;min-height:77px}
 body.mb2-site .mb2v80--mindspace .mb2v80-card{min-height:115px}
}
@media(max-width:355px){
 body.mb2-site .mb2v80--mindspace .mb2v80-cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 body.mb2-site .mb2v80-card{transition:none!important;transform:none!important}
}