/* Gut Pathways: article modules. Generated by tools/skin_mcs.py from the
   app's CSS. Do not edit by hand: change tools/mcs_overrides.css and run
   the script again. */

/* MCS frozen CSS — v1.7 (Elementor-safe) */



/* ===== tokens + base ===== */
.mcs-blog{
  --mcs-primary:#2f6b66; --mcs-primary-700:#12403f; --mcs-cyan:#6f8c85;
  --mcs-navy:#12403f; --mcs-accent:#a9501a; --mcs-accent-600:#8f4012;
  --mcs-bg:#f1ebdc; --mcs-surface:#fdfaf3; --mcs-ink:#12403f; --mcs-muted:#46605d;
  --mcs-line:#d9cfb6; --mcs-success:#3f7d5a; --mcs-danger:#a23b2e;
  --mcs-grad-header:#12403f; --mcs-grad-cta:#a9501a; --mcs-grad-accent:#a9501a;
  --mcs-radius:14px; --mcs-radius-sm:6px; --mcs-shadow:none;
  --mcs-maxw:100%;
  color:var(--mcs-ink); background:transparent;
  -webkit-font-smoothing:antialiased;
}
.mcs-blog *{box-sizing:border-box;}
.mcs-blog article{max-width:var(--mcs-maxw); margin:0 auto; padding:0 18px;}
.mcs-blog h1{font-family:var(--font-serif); font-size:clamp(28px,5vw,42px); line-height:1.2; color:var(--mcs-navy); margin:.2em 0 .4em;}
.mcs-blog h2{font-family:var(--font-serif); font-size:clamp(23px,3.4vw,30px); line-height:calc(1.7em - 3px); color:var(--mcs-navy); margin:1.6em 0 .5em; position:relative;}
.mcs-blog h3{font-family:var(--font-serif); font-size:clamp(19px,2.6vw,23px); line-height:1.35; color:var(--mcs-navy); margin:1.4em 0 .5em; position:relative; padding-left:1.05em;}
.mcs-blog p{margin:0 0 1em;}
.mcs-blog p,.mcs-blog li{text-align:left;}
.mcs-blog p,.mcs-blog li,.mcs-blog a,.mcs-blog dd,.mcs-blog figcaption,.mcs-blog .mcs-lead,.mcs-blog td,.mcs-blog th,.mcs-blog .mcs-takeaways li,.mcs-blog .mcs-toc li,.mcs-blog .mcs-toc a{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:2;hyphenate-limit-chars:6 3 2;overflow-wrap:break-word;}
.mcs-blog a{color:var(--mcs-primary)!important;text-decoration:none!important;font:inherit!important;background:none!important;}
.mcs-blog a:hover{color:var(--mcs-primary-700)!important;}
.mcs-blog .mcs-lead{font-size:1.18em; color:var(--mcs-navy); font-weight:500;}
.mcs-blog em,.mcs-blog i,.mcs-blog cite{font-style:italic; letter-spacing:normal; word-spacing:normal;}
.mcs-blog strong,.mcs-blog b{letter-spacing:normal; word-spacing:normal;}

/* reveal */
.mcs-blog .mcs-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.mcs-blog .mcs-reveal.is-in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.mcs-blog .mcs-reveal{opacity:1!important;transform:none!important;transition:none!important;}}

/* section bg alternation */
.mcs-blog article > section.mcs-reveal{background:var(--mcs-bg); border-radius:var(--mcs-radius); padding:.6em 18px; margin-left:-18px; margin-right:-18px;}
.mcs-blog article > section.mcs-reveal:nth-of-type(2n){background:linear-gradient(180deg,#f1ebdc 0%,#f1ebdc 100%);}
.mcs-blog article > section.mcs-reveal--chart{background:transparent!important;}

/* h2 accent shape */
.mcs-blog h2::before{content:''; position:absolute; left:-4px; top:2px; width:58px; height:58px; background:var(--mcs-accent); opacity:.10; z-index:-1; border-radius:50% 40% 60% 50% / 40% 50% 60% 50%; pointer-events:none;}
.mcs-blog h2:nth-of-type(4n+1)::before{border-radius:50%; background:var(--mcs-primary); opacity:.10;}
.mcs-blog h2:nth-of-type(4n+2)::before{border-radius:50% 40% 60% 50% / 40% 50% 60% 50%; background:var(--mcs-accent); opacity:.12;}
.mcs-blog h2:nth-of-type(4n+3)::before{border-radius:14px; transform:rotate(-8deg); background:var(--mcs-cyan); opacity:.10;}
.mcs-blog h2:nth-of-type(4n)::before{width:54px; height:60px; border-radius:0; background:var(--mcs-primary); opacity:.10; clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);}

/* h3 marker — themed dot that cycles the article palette (ίδια γλώσσα με τα h2 shapes) */
.mcs-blog h3::before{content:''; position:absolute; left:0; top:.36em; width:.55em; height:.55em; background:var(--mcs-accent); border-radius:50% 40% 60% 50% / 40% 50% 60% 50%; pointer-events:none;}
.mcs-blog h3:nth-of-type(3n+1)::before{border-radius:50%; background:var(--mcs-primary);}
.mcs-blog h3:nth-of-type(3n+2)::before{border-radius:50% 40% 60% 50% / 40% 50% 60% 50%; background:var(--mcs-accent);}
.mcs-blog h3:nth-of-type(3n)::before{border-radius:8px; transform:rotate(-8deg); background:var(--mcs-cyan);}
/* όχι marker/padding σε τίτλους καρτών (έχουν δικό τους στυλ) */
.mcs-blog .mcs-mcard h3, .mcs-blog .mcs-product__body h3, .mcs-blog .mcs-recipe__title{padding-left:0;}
.mcs-blog .mcs-mcard h3::before, .mcs-blog .mcs-product__body h3::before, .mcs-blog .mcs-recipe__title::before{content:none;}

/* buttons */
.mcs-blog .mcs-btn{--mcs-btn-pat:rgba(255,255,255,.14); position:relative; isolation:isolate; overflow:hidden; display:inline-flex!important; align-items:center; justify-content:center; text-align:center; gap:.55em; padding:.72em 1.25em; border-radius:999px; font-weight:600; text-decoration:none!important; transition:transform .15s,box-shadow .15s,filter .15s; border:0; cursor:pointer; font-size:.95em; line-height:1.15; min-height:2.7em; white-space:nowrap; text-transform:none!important; letter-spacing:normal!important; box-shadow:0 4px 14px rgba(18,64,63,.16);}
/* ίδιο διακριτικό γραφικό pattern (διαγώνιες λωρίδες) σε ΟΛΑ τα buttons */
.mcs-blog .mcs-btn::before{content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:repeating-linear-gradient(135deg,var(--mcs-btn-pat) 0,var(--mcs-btn-pat) 2px,transparent 2px,transparent 9px); opacity:.85; transition:opacity .2s ease,transform .45s ease;}
.mcs-blog .mcs-btn:hover{transform:translateY(-2px); box-shadow:0 10px 26px rgba(18,64,63,.24); filter:brightness(1.06);}
.mcs-blog .mcs-btn:hover::before{opacity:1; transform:translateX(9px);}
.mcs-blog .mcs-btn:active{transform:translateY(0); box-shadow:0 3px 9px rgba(18,64,63,.20),inset 0 2px 7px rgba(0,0,0,.22); filter:brightness(.94);}
.mcs-blog .mcs-btn:active::before{opacity:.55; transform:none;}
.mcs-blog .mcs-btn:focus-visible{outline:3px solid var(--mcs-navy); outline-offset:2px;}
.mcs-blog .mcs-btn__icon{flex:0 0 auto; width:16px; height:16px;}
.mcs-blog .mcs-btn--primary{background:#12403f!important; background:linear-gradient(135deg,#12403f 0%,#365d59 100%)!important; color:#fff!important;}
.mcs-blog .mcs-btn--accent{background:#a9501a!important; background:linear-gradient(135deg,#a9501a 0%,#8f4012 100%)!important; color:#fff!important;}
.mcs-blog .mcs-btn--light{--mcs-btn-pat:rgba(18,64,63,.16); background:var(--mcs-surface)!important; color:#12403f!important; border:1.5px solid rgba(18,64,63,.55)!important; box-shadow:0 4px 14px rgba(0,0,0,.16);}
.mcs-blog .mcs-btn--light:hover{background:var(--mcs-surface)!important; color:#12403f!important;}
.mcs-blog .mcs-btn--light .mcs-btn__icon{color:#12403f!important;}
@media(prefers-reduced-motion:reduce){ .mcs-blog .mcs-btn,.mcs-blog .mcs-btn::before{transition:none!important;} }

/* cards */
.mcs-blog .mcs-card{background:var(--mcs-surface); border:1px solid var(--mcs-line); border-radius:var(--mcs-radius); box-shadow:var(--mcs-shadow); padding:22px; margin:1.6em 0; transition:transform .25s ease, box-shadow .25s ease;}
.mcs-blog .mcs-card:hover{transform:translateY(-4px); box-shadow:0 16px 36px rgba(18,64,63,.14);}
.mcs-blog .mcs-badge{display:inline-flex; align-items:center; gap:.4em; padding:.25em .7em; border-radius:999px; font-size:.78em; font-weight:700; letter-spacing:.02em;}
/* badge color variants — κλάσεις αντί για inline var() (επιβιώνουν στο safecss_filter_attr του Elementor) */
.mcs-blog .mcs-badge--primary{background:var(--mcs-primary)!important; color:#fff!important;}
.mcs-blog .mcs-badge--cyan{background:var(--mcs-cyan)!important; color:#fff!important;}
.mcs-blog .mcs-badge--accent{background:var(--mcs-accent)!important; color:#fff!important;}
.mcs-blog .mcs-badge--navy{background:var(--mcs-navy)!important; color:#fff!important;}
.mcs-blog .mcs-badge--success{background:var(--mcs-success)!important; color:#fff!important;}
.mcs-blog .mcs-badge--danger{background:var(--mcs-danger)!important; color:#fff!important;}

/* bullets — disc */
.mcs-blog ul.mcs-bullets,.mcs-blog ul:not([class]){list-style:disc!important; padding-left:1.3em; margin:1em 0;}
.mcs-blog ul.mcs-bullets li,.mcs-blog ul:not([class]) li{margin:.35em 0;}
.mcs-blog ul.mcs-bullets li::marker,.mcs-blog ul:not([class]) li::marker{color:var(--mcs-accent);}

/* hero */
.mcs-blog .mcs-hero{background:var(--mcs-grad-header); color:#fff; border-radius:var(--mcs-radius); padding:30px 26px; margin:0 0 1.2em;}
.mcs-blog .mcs-hero__eyebrow{display:inline-block; letter-spacing:.14em; font-size:.72em; font-weight:700; color:#f0b27f;}
.mcs-blog .mcs-hero h1{color:#fff; margin:.25em 0 0;}
.mcs-blog .mcs-hero h1 span{color:var(--mcs-accent);}
.mcs-blog .mcs-hero__divider{height:1px;width:100%;max-width:340px;background:rgba(255,255,255,.22);margin:.5em 0 .7em;}
.mcs-blog .mcs-hero .mcs-lead{color:#efe9d8; line-height:1.45;}
.mcs-blog .mcs-hero .mcs-lead span{color:var(--mcs-accent); font-weight:600;}
@media(max-width:640px){ .mcs-blog .mcs-hero .mcs-lead{font-size:1.0em;} }

/* takeaways */
.mcs-blog .mcs-takeaways{background:rgba(255,255,255,.85); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid rgba(18,64,63,.15); border-left:4px solid var(--mcs-primary); border-radius:16px; padding:1.5rem; box-shadow:0 8px 32px rgba(18,64,63,.08); margin:1.6em 0 2rem;}
.mcs-blog .mcs-takeaways__list{list-style:none; margin:.8em 0 0; padding:0;}
.mcs-blog .mcs-takeaways li{position:relative; padding-left:1.7em; margin:.5em 0;}
.mcs-blog .mcs-takeaways li::before{content:'✓'; position:absolute; left:0; top:0; color:var(--mcs-primary); font-weight:800;}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ .mcs-blog .mcs-takeaways{background:linear-gradient(135deg,#fff 0%,#f6f1e3 100%);} }

/* ToC */
.mcs-blog .mcs-toc{font-size:.9em; line-height:1.5;}
.mcs-blog .mcs-toc__title{font-weight:700; color:var(--mcs-navy); margin:0 0 .4em;}
.mcs-blog .mcs-toc ul{list-style:disc; margin:0; padding-left:1.3em;}
.mcs-blog .mcs-toc ul li::marker{color:var(--mcs-accent);}
.mcs-blog .mcs-toc li{margin:.15em 0;}

/* studyref */
.mcs-blog .mcs-studyref{font-size:.82em; line-height:1.55; color:var(--mcs-muted); background:linear-gradient(180deg,#f1ebdc,#ebe4d2); border:1px solid var(--mcs-line); border-left:3px solid var(--mcs-cyan); border-radius:var(--mcs-radius-sm); padding:.6em .9em; margin:.2em 0 1.1em; text-align:left;}
.mcs-blog .mcs-studyref__tag{display:inline-block; font-size:.78em; font-weight:700; letter-spacing:.06em; color:#fff; background:var(--mcs-cyan); border-radius:999px; padding:.12em .6em; margin-right:.5em; vertical-align:middle;}
.mcs-blog .mcs-studyref a{color:var(--mcs-primary)!important; font-weight:600;}

/* stat */
.mcs-blog .mcs-stat{display:flex; gap:18px; align-items:center; background:var(--mcs-grad-header); color:#fff; border-radius:var(--mcs-radius); padding:22px; margin:1.6em 0;}
.mcs-blog .mcs-stat__n{font-family:var(--font-serif); font-size:clamp(40px,8vw,64px); line-height:1; font-weight:700; white-space:nowrap;}
.mcs-blog .mcs-stat__l{font-size:1.02em;} .mcs-blog .mcs-stat__l a{color:#fff!important; text-decoration:underline!important;}

/* flow */
.mcs-blog .mcs-flow{display:flex; align-items:stretch; gap:10px; flex-wrap:wrap; justify-content:center; margin:1.6em 0;}
.mcs-blog .mcs-flow__node{background:var(--mcs-surface); border:2px solid var(--mcs-primary); color:var(--mcs-primary-700); border-radius:var(--mcs-radius-sm); padding:12px 16px; font-weight:600; text-align:center; font-size:.9em; max-width:170px; display:flex; align-items:center;}
.mcs-blog .mcs-flow__arr{color:var(--mcs-accent); font-size:1.4em; font-weight:700; display:flex!important; align-items:center!important; align-self:center!important; line-height:1!important; margin:0!important;}
@media(max-width:640px){ .mcs-blog .mcs-flow{flex-direction:column;} .mcs-blog .mcs-flow__node{max-width:none; width:100%;} .mcs-blog .mcs-flow__arr{transform:rotate(90deg)!important; align-self:center!important;} }

/* timeline */
.mcs-blog .mcs-timeline{list-style:none; padding:0; margin:1.6em 0; position:relative;}
.mcs-blog .mcs-timeline li{display:flex; gap:16px; padding:0 0 22px 0; position:relative;}
.mcs-blog .mcs-timeline li:not(:last-child)::before{content:''; position:absolute; left:18px; top:36px; bottom:0; width:2px; background:var(--mcs-line);}
.mcs-blog .mcs-timeline__n{flex:0 0 36px; height:36px; border-radius:50%; background:var(--mcs-grad-cta); color:#fff; display:grid; place-items:center; font-weight:700;}
.mcs-blog .mcs-timeline h4{margin:.1em 0 .2em; color:var(--mcs-navy);}
.mcs-blog .mcs-timeline p{margin:0; font-size:.96em;}

/* definition */
.mcs-blog .mcs-def{padding:18px 22px;}
.mcs-blog .mcs-def dt{font-weight:700;color:var(--mcs-primary-700);font-size:1.1em;}
.mcs-blog .mcs-def dd{margin:.3em 0 0;}

/* myth vs fact */
.mcs-blog .mcs-myth{display:grid; grid-template-columns:1fr 1fr; gap:0; border-radius:var(--mcs-radius); overflow:hidden; margin:1.6em 0; box-shadow:var(--mcs-shadow);}
.mcs-blog .mcs-myth__m,.mcs-blog .mcs-myth__f{padding:20px;} .mcs-blog .mcs-myth__m{background:#f6e7e1;} .mcs-blog .mcs-myth__f{background:#e6eee3;} .mcs-blog .mcs-myth .mcs-badge{margin-bottom:10px;} .mcs-blog .mcs-myth p{margin:0;}
@media(max-width:640px){ .mcs-blog .mcs-myth{grid-template-columns:1fr;} .mcs-blog .mcs-myth__m,.mcs-blog .mcs-myth__f{padding:18px;} }

/* table */
.mcs-blog .mcs-tablewrap{overflow-x:auto; margin:1.6em 0; -webkit-overflow-scrolling:touch;}
.mcs-blog .mcs-table{width:100%; border-collapse:collapse; background:var(--mcs-surface); border-radius:var(--mcs-radius); overflow:hidden; font-size:.95em;}
.mcs-blog .mcs-table th,.mcs-blog .mcs-table td{padding:10px 12px; border-bottom:1px solid var(--mcs-line); text-align:left;}
.mcs-blog .mcs-table thead th{background:var(--mcs-navy); color:#fff; font-weight:700;}
.mcs-blog .mcs-table tbody th{color:var(--mcs-primary-700); font-weight:700;}
.mcs-blog .mcs-table tbody tr:last-child td,.mcs-blog .mcs-table tbody tr:last-child th{border-bottom:0;}
@media(max-width:640px){
  .mcs-blog .mcs-tablewrap{margin:1.3em 0;}
  .mcs-blog .mcs-table{font-size:.9em;}
  .mcs-blog .mcs-table thead{display:none;}
  .mcs-blog .mcs-table,.mcs-blog .mcs-table tbody,.mcs-blog .mcs-table tr,.mcs-blog .mcs-table th,.mcs-blog .mcs-table td{display:block;width:100%;}
  .mcs-blog .mcs-table tr{margin:0 0 10px;border:1px solid var(--mcs-line);border-radius:var(--mcs-radius-sm);overflow:hidden;background:var(--mcs-surface);box-shadow:0 2px 8px rgba(18,64,63,.04);}
  .mcs-blog .mcs-table tbody th{background:var(--mcs-grad-cta);color:#fff;font-weight:700;padding:11px 13px;text-align:left;border-bottom:1px solid rgba(255,255,255,.18);font-size:1.05em;}
  .mcs-blog .mcs-table td{display:block; width:100%; padding:9px 13px; border-bottom:1px solid var(--mcs-line); line-height:1.5; font-size:.9em; -webkit-hyphens:none; hyphens:none; overflow-wrap:break-word; word-break:normal;}
  .mcs-blog .mcs-table td:last-child{border-bottom:0;}
  .mcs-blog .mcs-table td::before{content:attr(data-l); display:block; font-weight:700; color:var(--mcs-primary-700); font-size:.78em; letter-spacing:.03em; text-transform:uppercase; margin:0 0 3px;}
}

/* masonry cards */
.mcs-blog .mcs-mason{columns:3;column-gap:16px;margin:1.6em 0;}
.mcs-blog .mcs-mcard{break-inside:avoid;margin:0 0 16px;border:1px solid var(--mcs-line);border-radius:18px;padding:18px;background:linear-gradient(165deg,#fff 0%,#f1ebdc 100%);box-shadow:0 4px 16px rgba(18,64,63,.06);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;}
.mcs-blog .mcs-mcard::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--accent,var(--mcs-primary));}
.mcs-blog .mcs-mcard:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(18,64,63,.16);}
.mcs-blog .mcs-mcard__badge{display:inline-flex;font-size:.66em;font-weight:700;letter-spacing:.05em;padding:.32em .8em;border-radius:999px;background:color-mix(in srgb,var(--accent,var(--mcs-primary)) 14%,#fff);color:var(--accent,var(--mcs-primary-700));margin-bottom:.5em;}
.mcs-blog .mcs-mcard h3{margin:.1em 0 .35em!important;font-family:var(--font-serif)!important;color:var(--mcs-navy)!important;font-size:1.08em!important;}
.mcs-blog .mcs-mcard p{margin:0;font-size:.92em;}
@media(max-width:640px){.mcs-blog .mcs-mason{columns:1;}}
@media(min-width:641px) and (max-width:1024px){.mcs-blog .mcs-mason{columns:2;}}

/* case study cards — numbered flow, asymmetric desktop grid / swipe carousel mobile */
.mcs-blog .mcs-case{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;position:relative;margin:1.6em 0;}
.mcs-blog .mcs-case__card{position:relative;overflow:hidden;background:var(--mcs-surface);border:1px solid rgba(18,64,63,.07);border-radius:18px;padding:24px 24px 26px;box-shadow:0 8px 26px rgba(18,64,63,.08);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--i,0)*.12s);}
.mcs-blog .mcs-case__card:nth-of-type(even){margin-top:46px;}
.mcs-blog .mcs-case__head{display:flex;align-items:center;gap:13px;margin:0 0 13px;}
.mcs-blog .mcs-case__num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:2px solid var(--accent,var(--mcs-primary));color:var(--accent,var(--mcs-primary));font-weight:700;font-size:.92em;}
.mcs-blog .mcs-case__kind{display:inline-flex;align-items:center;gap:7px;position:relative;padding-bottom:6px;font-size:.72em;font-weight:700;letter-spacing:.13em;color:var(--accent,var(--mcs-primary));}
.mcs-blog .mcs-case__kind::after{content:'';position:absolute;left:0;bottom:0;width:26px;height:2px;border-radius:2px;background:var(--accent,var(--mcs-primary));}
.mcs-blog .mcs-case__kind svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.mcs-blog .mcs-case__title{margin:0 0 .45em!important;padding-left:0!important;font-family:var(--font-serif)!important;font-weight:700!important;font-size:1.2em!important;line-height:1.28!important;color:var(--mcs-navy)!important;text-transform:uppercase;letter-spacing:.01em;}
.mcs-blog .mcs-case__title::before{content:none!important;}
.mcs-blog .mcs-case__body{position:relative;z-index:1;margin:0;font-size:.94em;}
.mcs-blog .mcs-case__card:has(.mcs-case__img){padding-bottom:108px;}
.mcs-blog .mcs-case__img{position:absolute;right:6px;bottom:4px;z-index:0;width:106px;height:106px;object-fit:contain;mix-blend-mode:multiply;opacity:.92;pointer-events:none;}
.mcs-blog .mcs-case__arrow{display:none;}
@media(max-width:760px){
  .mcs-blog .mcs-case{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:16px;align-items:stretch;padding:6px 4px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .mcs-blog .mcs-case::-webkit-scrollbar{display:none;}
  .mcs-blog .mcs-case__card{flex:0 0 80%;scroll-snap-align:center;margin-top:0!important;}
  .mcs-blog .mcs-case__arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;align-self:center;margin-left:-46px;position:sticky;right:10px;z-index:3;border-radius:50%;background:rgba(255,255,255,.94);color:var(--mcs-primary);box-shadow:0 4px 14px rgba(18,64,63,.20);animation:mcsCaseArrow 1.9s ease-in-out infinite;transition:opacity .3s ease;}
  .mcs-blog .mcs-case__arrow svg{width:17px;height:17px;}
  .mcs-blog .mcs-case__arrow.is-hidden{opacity:0;pointer-events:none;}
}
@keyframes mcsCaseArrow{0%,100%{transform:translateX(0);opacity:.55;}50%{transform:translateX(5px);opacity:1;}}

/* charts — shared frame */
.mcs-blog .mcs-chart{margin:1.8em 0; background:var(--mcs-surface); border:1px solid var(--mcs-line); border-radius:var(--mcs-radius); padding:1.5rem; box-shadow:0 2px 12px rgba(18,64,63,.04);}
.mcs-blog .mcs-chart__title{font-family:var(--font-serif); font-weight:700; font-size:.98rem; color:var(--mcs-navy); line-height:1.2; margin:0 0 1.2rem; padding:.5em .8em; background:linear-gradient(90deg,rgba(18,64,63,.12),rgba(18,64,63,.02)); border-left:3px solid var(--mcs-primary); border-radius:8px;}
.mcs-blog .mcs-chart__legend{display:flex; flex-wrap:wrap; gap:8px 18px; margin:.9rem 0 0; font-size:.85em; font-weight:600;}
.mcs-blog .mcs-chart__legend span{display:inline-flex; align-items:center; gap:.45em; color:var(--mcs-navy);}
.mcs-blog .mcs-chart__legend i{width:12px; height:12px; border-radius:3px; background:var(--c,var(--mcs-primary)); display:inline-block;}
.mcs-blog .mcs-chart__source{font-size:.8rem; color:var(--mcs-muted); margin:1rem 0 0; padding-top:.5rem; border-top:1px solid var(--mcs-line);}
.mcs-blog .mcs-chart__source a{color:var(--mcs-primary)!important;}

/* column */
.mcs-blog .mcs-chart__wrap{display:flex; align-items:flex-end; gap:10px; height:280px; padding:40px 0 60px; position:relative;}
.mcs-blog .mcs-chart__bar{flex:1; min-width:0; position:relative; height:100%;}
.mcs-blog .mcs-chart__bar::before{content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:56%; max-width:46px; height:0; background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 55%),var(--c); border-radius:6px 6px 0 0; transition:height 1.2s cubic-bezier(.22,1,.36,1); box-shadow:0 6px 14px rgba(18,64,63,.10);}
.mcs-blog .mcs-chart__bar.is-visible::before{height:var(--h);}
.mcs-blog .mcs-chart__label{position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%); width:118%; font-size:.72em; font-weight:600; color:var(--mcs-navy); line-height:1.2; text-align:center;}
.mcs-blog .mcs-chart__val{position:absolute; left:50%; bottom:calc(var(--h) + 10px); font-size:.78em; font-weight:700; color:var(--mcs-navy); background:var(--mcs-surface); border:1px solid var(--mcs-line); border-radius:999px; padding:.12em .55em; box-shadow:0 2px 8px rgba(18,64,63,.10); white-space:nowrap; opacity:0; transform:translate(-50%,8px); transition:opacity .6s .9s, transform .6s .9s;}
.mcs-blog .mcs-chart__val::after{content:''; position:absolute; left:50%; bottom:-5px; transform:translateX(-50%); border:5px solid transparent; border-top-color:var(--mcs-surface); filter:drop-shadow(0 1px 0 var(--mcs-line));}
.mcs-blog .mcs-chart__bar.is-visible .mcs-chart__val{opacity:1; transform:translate(-50%,0);}

/* grouped column */
.mcs-blog .mcs-gwrap{display:flex; align-items:flex-end; justify-content:space-around; gap:14px; height:300px; padding:42px 0 64px; position:relative;}
.mcs-blog .mcs-ggroup{flex:1; min-width:0; display:flex; align-items:flex-end; justify-content:center; gap:9px; height:100%; position:relative;}
.mcs-blog .mcs-gcol{position:relative; width:30px; max-width:36px; height:100%;}
.mcs-blog .mcs-gcol::before{content:''; position:absolute; left:0; right:0; bottom:0; height:0; background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0) 55%),var(--c); border-radius:6px 6px 0 0; box-shadow:0 6px 14px rgba(18,64,63,.10); transition:height 1.2s cubic-bezier(.22,1,.36,1);}
.mcs-blog .mcs-gcol.is-visible::before{height:var(--h);}
.mcs-blog .mcs-gcol__val{position:absolute; left:50%; bottom:calc(var(--h) + 8px); transform:translate(-50%,8px); font-size:.7em; font-weight:700; color:var(--mcs-navy); background:var(--mcs-surface); border:1px solid var(--mcs-line); border-radius:999px; padding:.04em .42em; white-space:nowrap; opacity:0; transition:opacity .6s .9s, transform .6s .9s; box-shadow:0 2px 8px rgba(18,64,63,.10);}
.mcs-blog .mcs-gcol.is-visible .mcs-gcol__val{opacity:1; transform:translate(-50%,0);}
.mcs-blog .mcs-ggroup__label{position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%); width:128%; text-align:center; font-size:.72em; font-weight:600; color:var(--mcs-navy); line-height:1.2;}

/* donut */
.mcs-blog .mcs-donut{display:flex; align-items:center; gap:24px; flex-wrap:wrap; justify-content:center; padding:6px 0;}
.mcs-blog .mcs-donut__wrap{position:relative; flex:0 0 auto; width:170px; height:170px;}
.mcs-blog .mcs-donut svg{width:170px; height:170px;}
.mcs-blog .mcs-donut__track{fill:none; stroke:var(--track,var(--mcs-line)); stroke-width:16;}
.mcs-blog .mcs-donut__arc{fill:none; stroke:var(--c,var(--mcs-primary)); stroke-width:16; stroke-linecap:round; transform:rotate(-90deg); transform-origin:50% 50%; stroke-dasharray:327; stroke-dashoffset:327; transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1);}
.mcs-blog .mcs-donut.is-visible .mcs-donut__arc{stroke-dashoffset:var(--off,213);}
.mcs-blog .mcs-donut__center{position:absolute; inset:0; display:grid; place-items:center; text-align:center;}
.mcs-blog .mcs-donut__center b{font-family:var(--font-serif); font-size:1.7em; color:var(--mcs-navy); line-height:1;}
.mcs-blog .mcs-donut__legend{font-size:.9em; font-weight:600;}
.mcs-blog .mcs-donut__legend span{display:flex; align-items:center; gap:.5em; margin:.3em 0; color:var(--mcs-navy);}
.mcs-blog .mcs-donut__legend i{width:13px; height:13px; border-radius:3px; display:inline-block;}

/* forest plot */
.mcs-blog .mcs-forest{display:flex; flex-direction:column; gap:16px; padding:8px 0 4px;}
.mcs-blog .mcs-forest__row{display:block;}
.mcs-blog .mcs-forest__top{display:flex; justify-content:space-between; gap:10px; font-size:.82em; margin-bottom:5px;}
.mcs-blog .mcs-forest__name{font-weight:600; color:var(--mcs-navy);}
.mcs-blog .mcs-forest__stat{color:var(--mcs-muted); white-space:nowrap;}
.mcs-blog .mcs-forest__track{position:relative; height:22px; background:var(--mcs-bg); border-radius:6px;}
.mcs-blog .mcs-forest__ref{position:absolute; top:0; bottom:0; left:33.33%; width:2px; background:var(--mcs-muted); opacity:.55;}
.mcs-blog .mcs-forest__ci{position:absolute; top:50%; transform:translateY(-50%) scaleX(0); transform-origin:left; height:6px; background:var(--c,var(--mcs-primary)); border-radius:999px; transition:transform 1s cubic-bezier(.22,1,.36,1);}
.mcs-blog .mcs-forest__row.is-visible .mcs-forest__ci{transform:translateY(-50%) scaleX(1);}
.mcs-blog .mcs-forest__dot{position:absolute; top:50%; width:16px; height:16px; border-radius:50%; background:var(--c,var(--mcs-primary)); border:2px solid #fff; transform:translate(-50%,-50%) scale(0); box-shadow:0 2px 6px rgba(18,64,63,.25); transition:transform .5s .6s cubic-bezier(.22,1,.36,1);}
.mcs-blog .mcs-forest__row.is-visible .mcs-forest__dot{transform:translate(-50%,-50%) scale(1);}

/* figure */
.mcs-blog .mcs-figure{margin:1.6em 0;}
.mcs-blog .mcs-figure img{width:100%!important; height:auto!important; object-fit:contain; border-radius:var(--mcs-radius); display:block; background:var(--mcs-bg); border:1px solid var(--mcs-line);}
/* hero figure: ΠΑΝΤΑ landscape 3:2, ό,τι κι αν είναι το αρχείο (κλάση = αξιόπιστο, + = fallback) */
.mcs-blog .mcs-figure--hero img,
.mcs-blog .mcs-hero + .mcs-figure img{aspect-ratio:3/2!important; height:auto!important; object-fit:cover!important;}
.mcs-blog .mcs-figure figcaption{font-size:.85em; color:var(--mcs-muted); margin-top:.6em; margin-bottom:1.3em; line-height:1.6; text-align:center;}

/* slim CTA */
.mcs-blog .mcs-ctaslim{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#f1ebdc;border-left:4px solid var(--mcs-primary);border-radius:var(--mcs-radius-sm);padding:14px 18px;margin:1.7em 0;}
.mcs-blog .mcs-ctaslim span{font-weight:600;color:var(--mcs-navy);text-align:left;}
/* slim CTA — book variant (vertical stack: cover → title → text → button) */
.mcs-blog .mcs-ctaslim--book{flex-direction:column;align-items:center;text-align:center;background:linear-gradient(160deg,#f1ebdc 0%,#e7dfcb 55%,#f3e3d3 100%);border-left:4px solid var(--mcs-accent);padding:24px;gap:16px;}
.mcs-blog .mcs-ctaslim__cover{flex:0 0 auto;position:relative;}
.mcs-blog .mcs-ctaslim__cover::after{content:'';position:absolute;left:6%;right:6%;bottom:-10px;height:13px;background:radial-gradient(ellipse at center,rgba(18,64,63,.32) 0%,transparent 70%);}
.mcs-blog .mcs-ctaslim__img{position:relative;display:block;width:80px;height:112px;object-fit:contain;border-radius:5px;box-shadow:0 10px 22px rgba(18,64,63,.30);transform:rotate(-3deg);transition:transform .35s ease,box-shadow .35s ease;}
.mcs-blog .mcs-ctaslim--book:hover .mcs-ctaslim__img{transform:rotate(0deg) translateY(-4px);box-shadow:0 16px 30px rgba(18,64,63,.34);}
.mcs-blog .mcs-ctaslim--book .mcs-ctaslim__title{margin:0;font-weight:700;font-size:1.08em;color:var(--mcs-navy);}
.mcs-blog .mcs-ctaslim--book span{text-align:center;}
@media(max-width:640px){.mcs-blog .mcs-ctaslim{flex-direction:column;align-items:stretch;}.mcs-blog .mcs-ctaslim .mcs-btn{width:100%;}.mcs-blog .mcs-ctaslim__cover{align-self:center;}.mcs-blog .mcs-ctaslim--book{align-items:center;}}

/* CTA banner */
.mcs-blog .mcs-cta{background:var(--mcs-grad-header); color:#fff; border-radius:var(--mcs-radius); padding:26px; margin:1.8em 0; display:flex; gap:20px; align-items:center; justify-content:space-between; flex-wrap:wrap; overflow:visible;}
.mcs-blog .mcs-cta__text{min-width:0; flex:1 1 260px;}
.mcs-blog .mcs-cta .mcs-btn{flex:0 0 auto;}
.mcs-blog .mcs-cta__kicker{display:inline-block;color:#f0b27f;letter-spacing:.14em;font-size:.7em;font-weight:700;margin-bottom:.35em;}
.mcs-blog .mcs-cta__title{font-family:var(--font-serif)!important;font-weight:800!important;font-size:clamp(22px,3.6vw,30px)!important;line-height:calc(1.3em - 2px)!important;color:#fff!important;margin:0 0 .25em!important;}
.mcs-blog .mcs-cta__title span{color:#e8883f;}
.mcs-blog .mcs-cta p{margin:0;color:#efe9d8;font-size:.96em;}
/* CTA banner — book variant (modern book promo) */
.mcs-blog .mcs-cta--book{justify-content:flex-start;gap:28px;}
.mcs-blog .mcs-cta__cover{flex:0 0 auto;position:relative;}
.mcs-blog .mcs-cta__cover::before{content:'';position:absolute;inset:-16px -20px;background:radial-gradient(circle at 50% 62%,rgba(169,80,26,.38) 0%,transparent 66%);}
.mcs-blog .mcs-cta__cover::after{content:'';position:absolute;left:4%;right:4%;bottom:-13px;height:15px;background:radial-gradient(ellipse at center,rgba(0,0,0,.38) 0%,transparent 70%);}
.mcs-blog .mcs-cta__img{position:relative;display:block;width:104px;height:146px;object-fit:contain;border-radius:7px;box-shadow:0 14px 32px rgba(0,0,0,.42);transform:rotate(-4deg);transition:transform .35s ease,box-shadow .35s ease;}
.mcs-blog .mcs-cta--book:hover .mcs-cta__img{transform:rotate(-1deg) translateY(-5px);box-shadow:0 20px 42px rgba(0,0,0,.5);}
@media(max-width:640px){.mcs-blog .mcs-cta .mcs-btn{width:100%;}.mcs-blog .mcs-cta__img{width:82px;height:115px;}}

/* product spotlight */
.mcs-blog .mcs-product{display:flex; gap:24px; align-items:center; background:linear-gradient(180deg,#fff,#f6f1e3); border:1px solid var(--mcs-line); border-radius:22px; padding:26px; margin:1.8em 0; box-shadow:var(--mcs-shadow);}
.mcs-blog .mcs-product__img{flex:0 0 130px; width:130px;}
.mcs-blog .mcs-product__img img{width:100%!important; height:auto!important; object-fit:contain; display:block; border-radius:var(--mcs-radius-sm);}
.mcs-blog .mcs-product__body h3{font-family:var(--font-serif)!important; color:var(--mcs-navy)!important; margin:.1em 0 .35em!important;}
.mcs-blog .mcs-product__body p{font-size:.96em; margin:0 0 .9em;}
@media(max-width:640px){.mcs-blog .mcs-product{flex-direction:column; text-align:center;} .mcs-blog .mcs-product__body p{text-align:left;} .mcs-blog .mcs-product .mcs-btn{width:100%;}}

/* FAQ */
.mcs-blog .mcs-faq h2{margin-bottom:.6em;}
.mcs-blog .mcs-acc{border:1px solid var(--mcs-line); border-radius:var(--mcs-radius-sm); margin:.6em 0; overflow:hidden; background:var(--mcs-surface);}
.mcs-blog .mcs-acc__q{width:100%; text-align:left; background:none; border:0; padding:16px 46px 16px 18px; font:inherit; font-weight:700; color:#12403f!important; display:block!important; cursor:pointer; line-height:1.45; min-height:0; text-transform:none!important; letter-spacing:normal!important; position:relative; z-index:1;}
.mcs-blog .mcs-acc__i{position:absolute; right:18px; top:15px; color:#12403f!important; font-size:1.4em; line-height:1;}
.mcs-blog .mcs-acc__a{max-height:0; overflow:hidden; transition:max-height .35s ease; padding:0 18px;}
.mcs-blog .mcs-acc.is-open .mcs-acc__q{background:linear-gradient(90deg,rgba(18,64,63,.14) 0%,rgba(18,64,63,.04) 34%,rgba(18,64,63,0) 62%);}
.mcs-blog .mcs-acc.is-open .mcs-acc__a{max-height:1600px; padding-top:4px; padding-bottom:16px;}
.mcs-blog .mcs-acc__a p{margin:0; color:var(--mcs-ink);}

/* bio2 (Cup-of-Jo) */
.mcs-blog .mcs-bio2{display:flex;gap:26px;align-items:flex-start;background:linear-gradient(180deg,#fff,#f6f1e3);border:1px solid var(--mcs-line);border-radius:22px;padding:30px;margin:2.2em 0 0;box-shadow:var(--mcs-shadow);}
.mcs-blog .mcs-bio2__photo{flex:0 0 120px;width:120px;height:120px;position:relative;}
.mcs-blog .mcs-bio2__ring{position:absolute;inset:0;width:100%;height:100%;}
.mcs-blog .mcs-bio2__img{position:absolute;inset:10px;border-radius:50%;overflow:hidden;background:var(--mcs-bg);}
.mcs-blog .mcs-bio2__img img{width:100%;height:100%;object-fit:cover;display:block;}
.mcs-blog .mcs-bio2__eyebrow{display:inline-block;color:var(--mcs-accent-600);font-size:.72em;font-weight:700;letter-spacing:.12em;margin-bottom:.25em;}
.mcs-blog .mcs-bio2__name{font-family:var(--font-serif)!important;color:var(--mcs-accent-600)!important;margin:0 0 .5em!important;font-size:1.5em!important;}
.mcs-blog .mcs-bio2__body a{color:var(--mcs-accent-600)!important;font-weight:600!important;}
.mcs-blog .mcs-bio2__cta .mcs-btn,.mcs-blog .mcs-bio2__cta .mcs-btn .mcs-btn__icon{color:#fff!important;}
.mcs-blog .mcs-bio2__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:1em;}
@media(max-width:640px){.mcs-blog .mcs-bio2{flex-direction:column;align-items:center;text-align:center;}.mcs-blog .mcs-bio2__body p{text-align:left;}.mcs-blog .mcs-bio2__cta{justify-content:center;}.mcs-blog .mcs-bio2__cta .mcs-btn{width:100%;}}

/* mobile */
@media(max-width:640px){
  .mcs-blog{font-size:17px;}
  .mcs-blog article{padding:0 6px;}
  .mcs-blog article > section.mcs-reveal{margin-left:-6px; margin-right:-6px; padding:.6em 6px;}
  .mcs-blog .mcs-chart{width:calc(100% - 12px); margin-left:auto; margin-right:auto; padding:1.1rem;}
  .mcs-blog .mcs-chart[data-chart="column"] .mcs-chart__wrap{height:330px;}
  .mcs-blog .mcs-gwrap{height:320px;}
  .mcs-blog .mcs-chart__label,.mcs-blog .mcs-ggroup__label{font-size:.72em;}
  .mcs-blog .mcs-mason{columns:1;}
}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  .mcs-blog .mcs-chart__bar::before,.mcs-blog .mcs-gcol::before,.mcs-blog .mcs-chart__val,.mcs-blog .mcs-gcol__val,.mcs-blog .mcs-donut__arc,.mcs-blog .mcs-forest__ci,.mcs-blog .mcs-forest__dot{transition:none!important;}
  .mcs-blog .mcs-chart__bar::before{height:var(--h)!important;}
  .mcs-blog .mcs-gcol::before{height:var(--h)!important;}
  .mcs-blog .mcs-chart__val,.mcs-blog .mcs-gcol__val{opacity:1!important; transform:translate(-50%,0)!important;}
  .mcs-blog .mcs-donut__arc{stroke-dashoffset:var(--off,213)!important;}
  .mcs-blog .mcs-forest__ci{transform:translateY(-50%) scaleX(1)!important;}
  .mcs-blog .mcs-forest__dot{transform:translate(-50%,-50%) scale(1)!important;}
}

/* Δίχτυ ασφαλείας: αν το JS είναι κλειστό/μπλοκαρισμένο, τα charts δεν μένουν ποτέ κρυμμένα */
@media (scripting: none){
  .mcs-blog .mcs-chart__bar::before,.mcs-blog .mcs-gcol::before{height:var(--h)!important;}
  .mcs-blog .mcs-chart__val,.mcs-blog .mcs-gcol__val{opacity:1!important; transform:translate(-50%,0)!important;}
  .mcs-blog .mcs-donut__arc{stroke-dashoffset:var(--off,213)!important;}
  .mcs-blog .mcs-forest__ci{transform:translateY(-50%) scaleX(1)!important;}
  .mcs-blog .mcs-forest__dot{transform:translate(-50%,-50%) scale(1)!important;}
  .mcs-blog .mcs-reveal{opacity:1!important; transform:none!important;}
}

/* ============================================================
   LIBRARY ADDITIONS — modules που έλειπαν από το golden.
   Πηγή: ref-modules v2.5. Όλα scoped, mobile-first.
   ============================================================ */

/* horizontal bar chart */
.mcs-blog .mcs-chart__rows{display:flex; flex-direction:column; gap:14px; padding:6px 0;}
.mcs-blog .mcs-chart__row{display:grid; grid-template-columns:28% 1fr auto; align-items:center; gap:10px;}
.mcs-blog .mcs-chart__rlabel{font-size:.85em; font-weight:600; color:var(--mcs-navy); overflow-wrap:break-word;}
.mcs-blog .mcs-chart__track{height:16px; min-width:0; background:var(--mcs-line); border-radius:999px; overflow:hidden;}
.mcs-blog .mcs-chart__track b{display:block; height:100%; width:0; background:var(--c); border-radius:999px; transform-origin:left; transition:width 1.2s cubic-bezier(.22,1,.36,1);}
.mcs-blog .mcs-chart__row.is-visible .mcs-chart__track b{width:var(--w);}
.mcs-blog .mcs-chart__rval{font-size:.82em; font-weight:700; color:var(--mcs-navy); white-space:nowrap; text-align:right;}
@media(max-width:640px){ .mcs-blog .mcs-chart__rlabel{font-size:.82em; line-height:1.4;} }
@media(prefers-reduced-motion:reduce){ .mcs-blog .mcs-chart__track b{transition:none!important; width:var(--w)!important;} }

/* line chart (SVG draw-on) */
.mcs-blog .mcs-line svg{width:100%; height:auto; display:block; overflow:visible;}
.mcs-blog .mcs-line__grid{stroke:var(--mcs-line); stroke-width:1;}
.mcs-blog .mcs-line__area{fill:rgba(18,64,63,.10); opacity:0; transition:opacity .8s .6s ease;}
.mcs-blog .mcs-line.is-visible .mcs-line__area{opacity:1;}
.mcs-blog .mcs-line__path{fill:none; stroke:var(--c,var(--mcs-primary)); stroke-width:0.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1000; stroke-dashoffset:1000; transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1);}
.mcs-blog .mcs-line.is-visible .mcs-line__path{stroke-dashoffset:0;}
.mcs-blog .mcs-line__dot{fill:var(--c,var(--mcs-primary)); opacity:0; transition:opacity .4s 1s ease;}
.mcs-blog .mcs-line.is-visible .mcs-line__dot{opacity:1;}
.mcs-blog .mcs-line__xlabels{display:flex; justify-content:space-between; font-size:.72em; color:var(--mcs-navy); font-weight:600; margin-top:.4em;}
@media(prefers-reduced-motion:reduce){ .mcs-blog .mcs-line__path{transition:none!important; stroke-dashoffset:0!important;} .mcs-blog .mcs-line__area,.mcs-blog .mcs-line__dot{transition:none!important; opacity:1!important;} }

/* radar chart (SVG scale-in) */
.mcs-blog .mcs-radar{display:flex; flex-direction:column; align-items:center;}
.mcs-blog .mcs-radar svg{width:260px; max-width:100%; height:auto; overflow:visible;}
.mcs-blog .mcs-radar__grid{fill:none; stroke:var(--mcs-line); stroke-width:1;}
.mcs-blog .mcs-radar__axis{stroke:var(--mcs-line); stroke-width:1;}
.mcs-blog .mcs-radar__poly{fill:rgba(18,64,63,.18); stroke:var(--c,var(--mcs-primary)); stroke-width:2; stroke-linejoin:round; transform:scale(0); transform-origin:50% 50%; transition:transform 1.1s cubic-bezier(.22,1,.36,1);}
.mcs-blog .mcs-radar.is-visible .mcs-radar__poly{transform:scale(1);}
.mcs-blog .mcs-radar__lbl{font-size:8px; fill:var(--mcs-navy); font-weight:600;}
@media(prefers-reduced-motion:reduce){ .mcs-blog .mcs-radar__poly{transition:none!important; transform:scale(1)!important;} }

/* Venn diagram */
.mcs-blog .mcs-venn{display:flex; flex-direction:column; align-items:center;}
.mcs-blog .mcs-venn svg{width:420px; max-width:100%; height:auto; overflow:visible;}
.mcs-blog .mcs-venn__set{fill:var(--c,var(--mcs-primary)); fill-opacity:.32; stroke:var(--c,var(--mcs-primary)); stroke-width:.8; opacity:0; transition:opacity .9s ease;}
.mcs-blog .mcs-venn.is-visible .mcs-venn__set{opacity:1;}
.mcs-blog .mcs-venn.is-visible .mcs-venn__set:nth-of-type(2){transition-delay:.15s;}
.mcs-blog .mcs-venn.is-visible .mcs-venn__set:nth-of-type(3){transition-delay:.3s;}
.mcs-blog .mcs-venn__lbl{font-size:4.4px; fill:var(--mcs-navy); font-weight:600; paint-order:stroke; stroke:rgba(255,255,255,.85); stroke-width:.7px; stroke-linejoin:round;}
@media(prefers-reduced-motion:reduce){ .mcs-blog .mcs-venn__set{transition:none!important; opacity:1!important;} }

/* stacked column chart */
.mcs-blog .mcs-stacked{display:flex; align-items:flex-end; justify-content:space-around; gap:16px; height:300px; padding:30px 0 52px; position:relative;}
.mcs-blog .mcs-stack{flex:1; min-width:0; max-width:70px; height:100%; display:flex; flex-direction:column-reverse; position:relative;}
.mcs-blog .mcs-stack__seg{width:100%; height:0; background:var(--c,var(--mcs-primary)); transition:height 1.1s cubic-bezier(.22,1,.36,1);}
.mcs-blog .mcs-stack.is-visible .mcs-stack__seg{height:var(--h);}
.mcs-blog .mcs-stack__seg:last-child{border-radius:6px 6px 0 0;}
.mcs-blog .mcs-stack__label{position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%); width:120%; text-align:center; font-size:.72em; font-weight:600; color:var(--mcs-navy); line-height:1.2;}
@media(max-width:640px){ .mcs-blog .mcs-stacked{height:320px; gap:10px;} }
@media(prefers-reduced-motion:reduce){ .mcs-blog .mcs-stack__seg{transition:none!important; height:var(--h)!important;} }

/* scatter / bubble chart (XY, floating τιμές, προαιρετικό trendline) */
.mcs-blog .mcs-scatter{position:relative; padding:6px 0 2px 30px;}
.mcs-blog .mcs-scatter__plot{position:relative; height:300px; margin:24px 0 6px; border-left:2px solid var(--mcs-line); border-bottom:2px solid var(--mcs-line);}
.mcs-blog .mcs-scatter__grid{position:absolute; left:0; right:0; height:0; border-top:1px dashed var(--mcs-line);}
.mcs-blog .mcs-scatter__trend{position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none;}
.mcs-blog .mcs-scatter__trend line{stroke:var(--c,var(--mcs-accent)); stroke-width:2.6; stroke-linecap:round; vector-effect:non-scaling-stroke; stroke-dasharray:2000; stroke-dashoffset:2000; transition:stroke-dashoffset 1.3s .35s cubic-bezier(.22,1,.36,1);}
.mcs-blog .mcs-scatter.is-visible .mcs-scatter__trend line{stroke-dashoffset:0;}
.mcs-blog .mcs-scatter__dot{position:absolute; width:var(--d,15px); height:var(--d,15px); border-radius:50%; background:var(--c,var(--mcs-primary)); border:2px solid #fff; box-shadow:0 3px 10px rgba(18,64,63,.22); transform:translate(-50%,-50%) scale(0); transition:transform .7s cubic-bezier(.34,1.56,.64,1); will-change:transform;}
.mcs-blog .mcs-scatter.is-visible .mcs-scatter__dot{transform:translate(-50%,-50%) scale(1);}
.mcs-blog .mcs-scatter__val{position:absolute; left:50%; top:calc(100% + 8px); transform:translateX(-50%); font-size:.7em; font-weight:700; color:var(--mcs-navy); background:var(--mcs-surface); border:1px solid var(--mcs-line); border-radius:999px; padding:.05em .5em; white-space:nowrap; box-shadow:0 2px 8px rgba(18,64,63,.12); opacity:0; transition:opacity .5s .85s ease; pointer-events:none;}
.mcs-blog .mcs-scatter.is-visible .mcs-scatter__val{opacity:1;}
.mcs-blog .mcs-scatter__ptlabel{position:absolute; left:50%; top:calc(100% + 4px); transform:translateX(-50%); font-size:.64em; font-weight:600; color:var(--mcs-muted); white-space:nowrap; opacity:0; transition:opacity .5s 1s ease; pointer-events:none;}
.mcs-blog .mcs-scatter.is-visible .mcs-scatter__ptlabel{opacity:1;}
.mcs-blog .mcs-scatter__xlab{display:block; text-align:center; font-size:.78em; font-weight:600; color:var(--mcs-navy); margin-top:.5em;}
.mcs-blog .mcs-scatter__ylab{position:absolute; left:-1px; top:50%; transform:translate(-50%,-50%) rotate(-90deg); transform-origin:center; font-size:.78em; font-weight:600; color:var(--mcs-navy); white-space:nowrap;}
@media(max-width:640px){ .mcs-blog .mcs-scatter__plot{height:280px;} .mcs-blog .mcs-scatter__val{font-size:.66em;} }
@media(prefers-reduced-motion:reduce){
  .mcs-blog .mcs-scatter__dot{transition:none!important; transform:translate(-50%,-50%) scale(1)!important;}
  .mcs-blog .mcs-scatter__val,.mcs-blog .mcs-scatter__ptlabel{transition:none!important; opacity:1!important;}
  .mcs-blog .mcs-scatter__trend line{transition:none!important; stroke-dashoffset:0!important;}
}

/* pros & cons */
.mcs-blog .mcs-proscons{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:1.6em 0;}
.mcs-blog .mcs-pc{border-radius:var(--mcs-radius); padding:18px;}
.mcs-blog .mcs-pc--pro{background:rgba(31,157,107,.08); border:1px solid var(--mcs-success);}
.mcs-blog .mcs-pc--con{background:rgba(214,69,80,.07); border:1px solid var(--mcs-danger);}
.mcs-blog .mcs-pc h4{margin:.2em 0 .5em;} .mcs-blog .mcs-pc--pro h4{color:var(--mcs-success);} .mcs-blog .mcs-pc--con h4{color:var(--mcs-danger);}
@media(max-width:640px){ .mcs-blog .mcs-proscons{grid-template-columns:1fr;} }

/* before / after */
.mcs-blog .mcs-ba{border:1px solid var(--mcs-line); border-radius:var(--mcs-radius); overflow:hidden; margin:1.6em 0;}
.mcs-blog .mcs-ba__tabs{display:flex;} .mcs-blog .mcs-ba__tabs button{flex:1; padding:12px; border:0; background:var(--mcs-bg); font:inherit; font-weight:600; color:var(--mcs-navy); cursor:pointer;} .mcs-blog .mcs-ba__tabs .is-active{background:var(--mcs-grad-cta); color:#fff;}
.mcs-blog .mcs-ba__panel{padding:20px;}

/* icon / symptom list */
.mcs-blog .mcs-iconlist{list-style:none; padding:0; margin:1.4em 0;}
.mcs-blog .mcs-iconlist li{display:flex; gap:12px; padding:10px 0; border-bottom:1px solid var(--mcs-line);}
.mcs-blog .mcs-iconlist__i{color:var(--mcs-accent); font-weight:700;}

/* checklist — οργανικά SVG bullets σε απαλές κάρτες, μία στάθμη μικρότερη γραμματοσειρά */
.mcs-blog .mcs-check{list-style:none; padding:0; margin:1.3em 0; font-size:.9em;}
.mcs-blog .mcs-check li{display:flex; gap:12px; align-items:flex-start; padding:10px 14px; margin:.5em 0; background:var(--mcs-surface); border:1px solid var(--mcs-line); border-radius:14px; box-shadow:0 2px 10px rgba(18,64,63,.05); line-height:1.55; transition:border-color .25s ease, box-shadow .25s ease;}
.mcs-blog .mcs-check li:hover{border-color:var(--mcs-cyan); box-shadow:0 4px 16px rgba(18,64,63,.09);}
.mcs-blog .mcs-check__ico{flex:0 0 21px; width:21px; height:21px; margin-top:.12em; color:var(--mcs-primary);}
.mcs-blog .mcs-check__ico svg{width:100%; height:100%; display:block;}
.mcs-blog .mcs-check li:nth-child(3n+2) .mcs-check__ico{color:var(--mcs-cyan);}
.mcs-blog .mcs-check li:nth-child(3n) .mcs-check__ico{color:var(--mcs-accent);}
.mcs-blog .mcs-check__t{flex:1; min-width:0;}

/* citation card */
.mcs-blog div.mcs-cite{background:var(--mcs-bg); border-left:4px solid var(--mcs-cyan); border-radius:var(--mcs-radius-sm); padding:14px 16px; margin:1.4em 0;}
.mcs-blog div.mcs-cite p{margin:0;}

/* author box (inline) */
.mcs-blog .mcs-authorbox{display:flex; gap:14px; align-items:center; background:var(--mcs-bg); border-radius:var(--mcs-radius); padding:14px; margin:1.4em 0;}
.mcs-blog .mcs-authorbox__av{flex:0 0 56px; height:56px; border-radius:50%; background:var(--mcs-line); overflow:hidden;}
.mcs-blog .mcs-authorbox__av img{width:100%; height:100%; object-fit:cover; display:block;}
.mcs-blog .mcs-authorbox p{margin:0;}

/* pull quote */
.mcs-blog .mcs-pull{font-family:var(--font-serif); font-size:1.4em; color:var(--mcs-navy); border-left:5px solid var(--mcs-accent); padding:8px 0 8px 20px; margin:1.6em 0; font-style:italic;}
.mcs-blog .mcs-pull__cite{margin-top:.7em; font-family:var(--font-sans); font-style:normal; font-size:.62em; color:var(--mcs-muted);}
.mcs-blog .mcs-pull__cite cite{font-style:normal; font-weight:600;}
.mcs-blog .mcs-pull__cite a{color:var(--mcs-primary); text-decoration:none; border-bottom:1px dotted var(--mcs-primary);}

/* real question — πραγματικές ερωτήσεις ασθενών (inset neumorphic, απάντηση 50–110 λέξεις, CTA αμέσως μετά) */
.mcs-blog .mcs-rq{background:var(--mcs-bg); border-radius:var(--mcs-radius); padding:20px 22px; margin:1.7em 0; box-shadow:rgb(196,216,215) 3px 3px 6px 0px inset, rgba(255,255,255,.5) -3px -3px 6px 1px inset;}
.mcs-blog .mcs-rq__badge{display:inline-flex; align-items:center; gap:.4em; font-size:.68em; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:var(--mcs-primary); border-radius:999px; padding:.3em .85em; margin-bottom:.7em;}
.mcs-blog .mcs-rq__badge svg{width:12px; height:12px; flex:0 0 auto;}
.mcs-blog .mcs-rq__q{font-family:var(--font-serif); font-style:normal; font-weight:600; font-size:1.08em; line-height:1.55; color:var(--mcs-navy); margin:0 0 .75em; padding-left:.8em; border-left:3px solid var(--mcs-cyan);}
.mcs-blog .mcs-rq__a{font-size:.96em; line-height:1.7; color:var(--mcs-ink); margin:0;}
@media(max-width:640px){.mcs-blog .mcs-rq{padding:16px 15px; margin:1.4em 0;} .mcs-blog .mcs-rq__q{font-size:.98em; padding-left:.65em;} .mcs-blog .mcs-rq__a{font-size:.9em;}}

/* note / callout */
.mcs-blog .mcs-note{border-radius:var(--mcs-radius-sm); padding:14px 16px; margin:1.4em 0; border:1px solid;}
.mcs-blog .mcs-note p{margin:0;}
.mcs-blog .mcs-note--tip{background:#f1ebdc; border-color:var(--mcs-primary);}
.mcs-blog .mcs-note--info{background:#f1ebdc; border-color:#365d59;}
.mcs-blog .mcs-note--warning{background:#f6ead7; border-color:var(--mcs-accent);}

/* card grid + card head */
.mcs-blog .mcs-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin:1.6em 0;}
.mcs-blog .mcs-gcard{margin:0;}
.mcs-blog .mcs-card__head{display:block; font-family:var(--font-serif); font-weight:700; font-size:1.12em; color:var(--mcs-primary-700); margin:0 0 .55em; padding-bottom:.4em; border-bottom:2px solid color-mix(in srgb,var(--mcs-primary) 24%,transparent);}
.mcs-blog .mcs-gcard p{margin:0;}

/* image box (overlay) */
/* imgbox = ΕΝΟΤΗΤΑ ΜΕ ΠΟΛΛΕΣ ΚΑΡΤΕΣ: φωτο 4:3 πανω (inset+depth) -> τιτλος -> περιγραφη (clamp + show-more) */
.mcs-blog .mcs-imgcards{display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:18px; margin:1.8em 0;}
.mcs-blog .mcs-imgcard{display:flex; flex-direction:column; background:var(--mcs-surface); border:1px solid var(--mcs-line); border-radius:var(--mcs-radius); box-shadow:var(--mcs-shadow); overflow:hidden; transition:transform .25s ease, box-shadow .25s ease;}
.mcs-blog .mcs-imgcard:hover{transform:translateY(-4px); box-shadow:0 16px 36px rgba(18,64,63,.14);}
.mcs-blog .mcs-imgcard__media{padding:10px 10px 0;}
.mcs-blog .mcs-imgcard__media img{display:block; width:100%!important; aspect-ratio:4/3!important; object-fit:cover!important; border-radius:10px; box-shadow:0 5px 16px rgba(18,64,63,.16);}
.mcs-blog .mcs-imgcard__body{display:flex; flex-direction:column; padding:13px 16px 16px;}
.mcs-blog .mcs-imgcard__body h4{margin:0 0 .5em; color:var(--mcs-primary-700); font-family:var(--font-serif); font-weight:700; font-size:1.14em; line-height:1.22; padding-bottom:.38em; border-bottom:2px solid color-mix(in srgb,var(--mcs-primary) 22%,transparent);}
.mcs-blog .mcs-imgcard__text{margin:0; font-size:.92em; line-height:1.5; color:var(--mcs-ink);}
.mcs-blog .mcs-imgcard__text.is-clamped{display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.mcs-blog .mcs-imgcard__more{align-self:flex-start; margin-top:.5em; padding:0; background:none; border:0; color:var(--mcs-primary); font:inherit; font-weight:700; font-size:.88em; cursor:pointer;}
.mcs-blog .mcs-imgcard__more:hover{text-decoration:underline;}

/* tabs */
.mcs-blog .mcs-tabs{margin:1.6em 0;} .mcs-blog .mcs-tabs__nav{display:flex; gap:6px; flex-wrap:wrap; border-bottom:2px solid var(--mcs-line);}
.mcs-blog .mcs-tabs__nav button{border:0; background:none; padding:10px 14px; font:inherit; font-weight:600; color:var(--mcs-muted); cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px;}
.mcs-blog .mcs-tabs__nav .is-active{color:var(--mcs-primary); border-color:var(--mcs-primary);}
.mcs-blog .mcs-tabs__p{padding:16px 0;}
.mcs-blog [hidden]{display:none!important;}

/* toggle μέρα/νύχτα */
.mcs-blog .mcs-daynight{border-radius:var(--mcs-radius); overflow:hidden; margin:1.8em 0; box-shadow:var(--mcs-shadow); transition:background .4s;}
.mcs-blog .mcs-daynight[data-state="a"]{background:linear-gradient(135deg,#f6f1e3,#ebe4d2);}
.mcs-blog .mcs-daynight[data-state="b"]{background:linear-gradient(135deg,#12403f,#6f8c85); color:#fff;}
.mcs-blog .mcs-daynight__bar{display:flex; justify-content:space-between; align-items:center; padding:16px 18px;}
.mcs-blog .mcs-daynight__badge{font-weight:700;}
.mcs-blog .mcs-daynight__switch{width:60px; height:30px; border-radius:999px; border:0; background:rgba(0,0,0,.18); position:relative; cursor:pointer;}
.mcs-blog .mcs-daynight__knob{position:absolute; top:3px; left:3px; width:24px; height:24px; border-radius:50%; background:var(--mcs-surface); transition:left .3s;}
.mcs-blog .mcs-daynight[data-state="b"] .mcs-daynight__knob{left:33px;}
.mcs-blog .mcs-daynight__panel{padding:0 18px 18px;}
.mcs-blog .mcs-daynight__panel h4{position:relative; font-family:var(--font-serif); font-size:1.14em; font-weight:700; letter-spacing:.005em; line-height:1.25; color:inherit; margin:.1em 0 .55em; padding:.05em 0 .05em 15px;}
.mcs-blog .mcs-daynight__panel h4::before{content:''; position:absolute; left:0; top:.18em; bottom:.18em; width:4px; border-radius:999px; background:var(--mcs-accent); box-shadow:0 0 0 1px rgba(169,80,26,.25);}
.mcs-blog .mcs-daynight__panel p{margin:0;}

/* flip cards */
.mcs-blog .mcs-flip{perspective:1000px; min-height:140px; margin:1em 0; cursor:pointer;}
.mcs-blog .mcs-flip__inner{position:relative; width:100%; height:140px; transition:transform .5s; transform-style:preserve-3d;}
.mcs-blog .mcs-flip.is-flip .mcs-flip__inner{transform:rotateY(180deg);}
.mcs-blog .mcs-flip__f,.mcs-blog .mcs-flip__b{position:absolute; inset:0; backface-visibility:hidden; border-radius:var(--mcs-radius); display:grid; place-items:center; padding:18px; text-align:center;}
.mcs-blog .mcs-flip__f{background:var(--mcs-grad-cta); color:#fff; font-weight:700;}
.mcs-blog .mcs-flip__b{background:var(--mcs-surface); border:1px solid var(--mcs-line); transform:rotateY(180deg);}

/* flip cards με φωτογραφία (flipcards) — μπροστά full-bleed φωτο + λευκός τίτλος
   σε σκούρο gradient, πίσω σκούρη κάρτα. Grid 4→2→1. Flip σε hover/focus. */
.mcs-blog .mcs-flipcards{display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:16px; margin:1.4em 0;}
@media (max-width:560px){.mcs-blog .mcs-flipcards{grid-template-columns:1fr;}}
.mcs-blog .mcs-flipcard{position:relative; min-height:290px; outline:none;}
.mcs-blog .mcs-flipcard__front{position:absolute; inset:0; border-radius:10px; overflow:hidden; transform:perspective(600px) rotateY(0deg); backface-visibility:hidden; transition:transform .5s linear 0s; background:linear-gradient(160deg,var(--mcs-navy) 0%,var(--mcs-primary) 100%);}
.mcs-blog .mcs-flipcard__front img{position:absolute; inset:0; width:100%!important; height:100%!important; object-fit:cover; display:block;}
.mcs-blog .mcs-flipcard__front::after{content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(10,16,22,.82) 0%,rgba(10,16,22,.45) 38%,rgba(10,16,22,.12) 65%,rgba(10,16,22,.04) 100%);}
.mcs-blog .mcs-flipcard__title{position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0; padding:12px 14px; font-family:var(--font-sans); font-weight:600; font-size:18px; line-height:1.3; letter-spacing:.01em; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.55);}
.mcs-blog .mcs-flipcard__title::before{content:none;}
.mcs-blog .mcs-flipcard__back{position:relative; min-height:290px; box-sizing:border-box; border-radius:10px; background:#262626; color:#fff; padding:14px 19px; transform:perspective(600px) rotateY(180deg); backface-visibility:hidden; transition:transform .5s linear 0s;}
.mcs-blog .mcs-flipcard__back h4{margin:2px 0 0; font-family:var(--font-serif); font-size:19px; line-height:1.25;}
.mcs-blog .mcs-flipcard__back p{margin:10px 0 0; font-size:15px; line-height:1.55; color:#ebe4d2;}
.mcs-blog .mcs-flipcard:hover .mcs-flipcard__front,.mcs-blog .mcs-flipcard:focus .mcs-flipcard__front{transform:perspective(600px) rotateY(-180deg);}
.mcs-blog .mcs-flipcard:hover .mcs-flipcard__back,.mcs-blog .mcs-flipcard:focus .mcs-flipcard__back{transform:perspective(600px) rotateY(0deg);}

/* hotspot diagram */
.mcs-blog .mcs-hotspot{position:relative; border-radius:var(--mcs-radius); overflow:hidden; background:var(--mcs-bg); margin:1.6em 0;}
.mcs-blog .mcs-hotspot img{width:100%!important; height:auto!important; object-fit:contain; display:block;}
.mcs-blog .mcs-hotspot__pt{position:absolute; transform:translate(-50%,-50%); width:30px; height:30px; border-radius:50%; border:0; background:var(--mcs-accent); color:#fff; font-weight:700; cursor:pointer; box-shadow:0 0 0 4px rgba(169,80,26,.3);}
.mcs-blog .mcs-hotspot__tipbox{position:absolute; bottom:0; left:0; right:0; background:var(--mcs-navy); color:#fff; padding:14px; font-size:.95em;}

/* spoiler (renamed from .mcs-reveal to avoid clash with fade-in) */
.mcs-blog .mcs-spoiler{margin:1.4em 0;}
.mcs-blog .mcs-spoiler__btn{background:var(--mcs-bg); border:2px dashed var(--mcs-primary); color:var(--mcs-primary-700); padding:12px 16px; border-radius:var(--mcs-radius-sm); font:inherit; font-weight:600; cursor:pointer; width:100%;}
.mcs-blog .mcs-spoiler__c{margin-top:.6em; padding:14px; background:var(--mcs-surface); border:1px solid var(--mcs-line); border-radius:var(--mcs-radius-sm);}
.mcs-blog .mcs-spoiler__c p{margin:0;}

/* progress / meter */
.mcs-blog .mcs-meter{margin:1em 0;} .mcs-blog .mcs-meter__row{display:flex; justify-content:space-between; font-size:.9em; margin-bottom:.3em;}
.mcs-blog .mcs-meter__track{height:12px; background:var(--mcs-line); border-radius:999px; overflow:hidden;}
.mcs-blog .mcs-meter__fill{height:100%; width:var(--w); background:var(--mcs-grad-cta); border-radius:999px;}
.mcs-blog .mcs-meter__item + .mcs-meter__item{margin-top:.9em;}

/* range slider explainer */
.mcs-blog .mcs-range{background:var(--mcs-bg); padding:18px; border-radius:var(--mcs-radius); margin:1.6em 0;} .mcs-blog .mcs-range input{width:100%; accent-color:var(--mcs-primary);} .mcs-blog .mcs-range output{display:block; margin-top:.6em; font-weight:600; color:var(--mcs-primary-700);}

/* poll */
.mcs-blog .mcs-poll{background:var(--mcs-bg); border-radius:var(--mcs-radius); padding:20px; margin:1.8em 0;}
.mcs-blog .mcs-poll h4{margin:.1em 0 .6em;}
.mcs-blog .mcs-poll__opt{display:block; width:100%; text-align:left; margin:.4em 0; padding:12px 14px; border:1px solid var(--mcs-line); border-radius:var(--mcs-radius-sm); background:var(--mcs-surface); font:inherit; color:var(--mcs-navy); cursor:pointer;}
.mcs-blog .mcs-poll__opt:hover{border-color:var(--mcs-primary); color:var(--mcs-navy);}
.mcs-blog .mcs-poll__res{margin-top:.6em;} .mcs-blog .mcs-poll__res p{margin:0 0 .6em;}

/* lead magnet */
.mcs-blog .mcs-leadmagnet{background:var(--mcs-grad-header); color:#fff; border-radius:var(--mcs-radius); padding:24px; margin:1.8em 0;} .mcs-blog .mcs-leadmagnet h4{color:#fff; margin:.3em 0 .3em;} .mcs-blog .mcs-leadmagnet p{margin:0 0 .9em; color:#efe9d8;}

/* mini-quiz */
.mcs-blog .mcs-quiz{background:var(--mcs-bg); border-radius:var(--mcs-radius); padding:20px; margin:1.8em 0;}
.mcs-blog .mcs-quiz__q{margin:0 0 .6em; font-weight:700; color:var(--mcs-navy);}
.mcs-blog .mcs-quiz__opt{display:block; width:100%; text-align:left; margin:.4em 0; padding:12px 14px; border:1px solid var(--mcs-line); border-radius:var(--mcs-radius-sm); background:var(--mcs-surface); font:inherit; color:var(--mcs-navy); cursor:pointer;}
.mcs-blog .mcs-quiz__opt:hover{border-color:var(--mcs-primary); color:var(--mcs-navy);}
.mcs-blog .mcs-quiz__step[hidden]{display:none;}
.mcs-blog .mcs-quiz__res{text-align:center;} .mcs-blog .mcs-quiz__res p{margin:.2em 0 .9em;}
.mcs-blog .mcs-quiz__score{font-family:var(--font-serif); font-size:1.6em; color:var(--mcs-primary-700); font-weight:700;}

/* newsletter inline */
.mcs-blog .mcs-news{display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap; background:var(--mcs-bg); border:1px dashed var(--mcs-primary); border-radius:var(--mcs-radius); padding:16px 20px; margin:1.8em 0;}
.mcs-blog .mcs-news p{margin:0;}
@media(max-width:640px){ .mcs-blog .mcs-news .mcs-btn{width:100%;} }

/* recipe */
.mcs-blog .mcs-recipe{background:var(--mcs-surface); border:1px solid var(--mcs-line); border-radius:var(--mcs-radius); box-shadow:var(--mcs-shadow); padding:22px; margin:1.8em 0;}
.mcs-blog .mcs-recipe__photo{margin:0 0 1em;}
.mcs-blog .mcs-recipe__photo img{width:100%!important; height:auto!important; object-fit:contain; border-radius:var(--mcs-radius-sm); display:block; background:var(--mcs-bg);}
.mcs-blog .mcs-recipe__title{font-family:var(--font-serif)!important; color:var(--mcs-navy)!important; margin:.1em 0 .6em!important;}
.mcs-blog .mcs-recipe__grid{display:grid; grid-template-columns:1fr 1.2fr; gap:22px;}
.mcs-blog .mcs-recipe__col h4{color:var(--mcs-primary-700); margin:.2em 0 .4em;}
.mcs-blog .mcs-recipe__ing{list-style:none; padding:0; margin:.3em 0;}
.mcs-blog .mcs-recipe__ing li{padding:6px 0; border-bottom:1px solid var(--mcs-line);}
.mcs-blog .mcs-recipe__steps{padding-left:1.2em; margin:.3em 0;}
.mcs-blog .mcs-recipe__steps li{margin:.5em 0;}
.mcs-blog .mcs-recipe__nutri{display:flex; flex-wrap:wrap; gap:8px; margin-top:1.2em;}
.mcs-blog .mcs-recipe__nutri span{background:var(--mcs-bg); border:1px solid var(--mcs-line); border-radius:999px; padding:.4em .9em; font-size:.85em; color:var(--mcs-navy);}
.mcs-blog .mcs-recipe__nutri b{color:var(--mcs-primary-700);}
@media(max-width:640px){ .mcs-blog .mcs-recipe__grid{grid-template-columns:1fr; gap:1em;} }

/* === MCS additions (ΟΜΑΔΑ Α) === */
.mcs-blog a.mcs-cite{color:var(--mcs-accent)!important;} /* inline παραπομπές μελετών σε πορτοκαλί */

/* ===== MCS v1.5 additions: icons, line values, pictogram, visual abstract ===== */
/* -- inline icon registry -- */
.mcs-blog .mcs-ico{display:inline-flex;width:1.15em;height:1.15em;vertical-align:-.15em;color:inherit;line-height:0;}
.mcs-blog .mcs-ico svg{width:100%;height:100%;display:block;}
.mcs-blog .mcs-ico--lg{width:2.4em;height:2.4em;}

/* -- stat icon -- */
.mcs-blog .mcs-stat__ico{display:flex;justify-content:center;color:var(--mcs-primary);margin-bottom:.25em;}

/* -- column bar decorative icon -- */
.mcs-blog .mcs-chart__barico{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:20px;height:20px;color:#fff;opacity:.92;z-index:2;pointer-events:none;}
.mcs-blog .mcs-chart__barico .mcs-ico{width:20px;height:20px;}

/* -- line chart value chips (fix #5) -- */
.mcs-blog .mcs-line{position:relative;}
.mcs-blog .mcs-line__vals{position:absolute;inset:0;pointer-events:none;}
.mcs-blog .mcs-line__val{position:absolute;transform:translate(-50%,calc(-100% - 9px));font-size:.72em;font-weight:700;color:var(--mcs-navy);background:var(--mcs-surface);border:1px solid var(--mcs-line);border-radius:999px;padding:.05em .5em;white-space:nowrap;box-shadow:0 2px 8px rgba(18,64,63,.10);opacity:0;transition:opacity .5s 1s ease;}
.mcs-blog .mcs-line.is-visible .mcs-line__val{opacity:1;}
@media(prefers-reduced-motion:reduce){.mcs-blog .mcs-line__val{opacity:1!important;transition:none!important;}}

/* -- pictogram: isotype (επαναλαμβανόμενα εικονίδια ανά σειρά, όπως pictograph) -- */
.mcs-blog .mcs-picto2{display:flex;flex-direction:column;gap:14px;margin:1.4em 0;}
.mcs-blog .mcs-picto2__row{display:grid;grid-template-columns:minmax(96px,auto) 1fr auto;align-items:center;gap:14px;}
.mcs-blog .mcs-picto2__label{font-size:.9em;font-weight:600;color:var(--mcs-navy);line-height:1.25;}
.mcs-blog .mcs-picto2__units{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.mcs-blog .mcs-picto2__u{width:26px;height:26px;color:var(--c,var(--mcs-primary));display:inline-flex;opacity:0;transform:scale(.4);transition:opacity .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i,0)*.07s);}
.mcs-blog .mcs-picto2__u .mcs-ico{width:100%;height:100%;}
.mcs-blog .mcs-picto2__u.is-empty{color:var(--mcs-line);}
.mcs-blog .mcs-picto2__row.is-visible .mcs-picto2__u{opacity:1;transform:none;}
.mcs-blog .mcs-picto2__row.is-visible .mcs-picto2__u.is-empty{opacity:.4;}
.mcs-blog .mcs-picto2__val{font-size:1.05em;font-weight:800;color:var(--c,var(--mcs-primary));min-width:1.4em;text-align:right;}
@media(prefers-reduced-motion:reduce){.mcs-blog .mcs-picto2__u{opacity:1!important;transform:none!important;transition:none!important;}.mcs-blog .mcs-picto2__u.is-empty{opacity:.4!important;}}
@media(max-width:640px){.mcs-blog .mcs-picto2__row{grid-template-columns:1fr auto;gap:4px 10px;}.mcs-blog .mcs-picto2__label{grid-column:1/-1;}.mcs-blog .mcs-picto2__u{width:22px;height:22px;}}

/* -- visual abstract: ασύμμετρο editorial grid + elegant διαδοχικό fade-up -- */
.mcs-blog .mcs-va{margin:2em 0;}
.mcs-blog .mcs-va__title{font-family:var(--font-serif);font-weight:700;color:var(--mcs-navy);font-size:1.22em;margin:0 0 1em;letter-spacing:-.01em;}
.mcs-blog .mcs-va__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:stretch;}
.mcs-blog .mcs-va__box{grid-column:span 3;position:relative;overflow:hidden;border-radius:18px;padding:22px 22px 20px 26px;background:linear-gradient(158deg,#fff 0%,#f6f1e3 100%);box-shadow:0 6px 22px rgba(18,64,63,.07);border:1px solid rgba(18,64,63,.06);opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0)*.13s);}
.mcs-blog .mcs-va__box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent,var(--mcs-primary));}
.mcs-blog .mcs-va__box:nth-child(1){grid-column:span 4;}
.mcs-blog .mcs-va__box:nth-child(2){grid-column:span 2;}
.mcs-blog .mcs-va__box:nth-child(3){grid-column:span 3;}
.mcs-blog .mcs-va__box:nth-child(4){grid-column:span 3;}
.mcs-blog .mcs-va__box:nth-child(5){grid-column:span 2;}
.mcs-blog .mcs-va__box:nth-child(6){grid-column:span 4;}
.mcs-blog .mcs-va.is-visible .mcs-va__box{opacity:1;transform:none;}
.mcs-blog .mcs-va__ico{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--accent,var(--mcs-primary)) 13%,#fff);color:var(--accent,var(--mcs-primary));margin-bottom:.7em;box-shadow:0 2px 10px color-mix(in srgb,var(--accent,var(--mcs-primary)) 20%,transparent);}
.mcs-blog .mcs-va__ico .mcs-ico{width:22px;height:22px;}
.mcs-blog .mcs-va__label{display:block;font-family:var(--font-serif);font-size:.9em;font-weight:700;letter-spacing:.01em;color:var(--accent,var(--mcs-primary));margin-bottom:.4em;}
.mcs-blog .mcs-va__text{font-size:.94em;line-height:1.6;color:var(--mcs-navy);}
.mcs-blog .mcs-va__text p{margin:.2em 0;}
.mcs-blog .mcs-va__text em{font-style:italic;}
@media(min-width:641px) and (max-width:1024px){.mcs-blog .mcs-va__grid{grid-template-columns:repeat(4,1fr);}.mcs-blog .mcs-va__box:nth-child(1){grid-column:span 4;}.mcs-blog .mcs-va__box:nth-child(2){grid-column:span 2;}.mcs-blog .mcs-va__box:nth-child(3){grid-column:span 2;}.mcs-blog .mcs-va__box:nth-child(4){grid-column:span 2;}.mcs-blog .mcs-va__box:nth-child(5){grid-column:span 2;}.mcs-blog .mcs-va__box:nth-child(6){grid-column:span 4;}}
@media(max-width:640px){.mcs-blog .mcs-va__grid{grid-template-columns:1fr;}.mcs-blog .mcs-va__box:nth-child(n){grid-column:1/-1;}}
@media(prefers-reduced-motion:reduce){.mcs-blog .mcs-va__box{opacity:1!important;transform:none!important;transition:none!important;}}

/* ===== MCS v2.1: recipe (πλήρη πεδία Google Recipe) ===== */
.mcs-blog .mcs-recipe__desc{margin:.2em 0 .8em;color:var(--mcs-navy);opacity:.9;}
.mcs-blog .mcs-recipe__meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.1em;}
.mcs-blog .mcs-recipe__chip{display:inline-flex;align-items:center;gap:6px;font-size:.8em;padding:.32em .7em;border-radius:999px;background:color-mix(in srgb,var(--mcs-primary) 9%,#fff);border:1px solid color-mix(in srgb,var(--mcs-primary) 22%,#fff);color:var(--mcs-navy);white-space:nowrap;}
.mcs-blog .mcs-recipe__chip b{font-weight:700;color:var(--mcs-primary);}
.mcs-blog .mcs-recipe__note{margin-top:.9em;font-size:.86em;font-style:italic;color:var(--mcs-navy);opacity:.8;border-left:3px solid var(--mcs-line);padding-left:.7em;}
@media(max-width:640px){.mcs-blog .mcs-recipe__chip{font-size:.72em;}}

/* ===== MCS v2.2: concentric rings (θεραπευτική ιεραρχία: βάση έξω → κορυφή στο κέντρο) ===== */
.mcs-blog .mcs-cr{position:relative;margin:1.6em 0;}
.mcs-blog .mcs-cr__sub{text-align:center;color:var(--mcs-muted);font-size:.92em;margin:-.4em auto .6em;max-width:48ch;}
.mcs-blog .mcs-cr__stage{max-width:520px;margin:0 auto;position:relative;}
.mcs-blog .mcs-cr__stage svg{display:block;width:100%!important;height:auto;overflow:visible;}
.mcs-blog .mcs-cr__disc{cursor:pointer;transition:opacity .28s ease;outline:none;}
.mcs-blog .mcs-cr svg.mcs-cr--has-active .mcs-cr__disc{opacity:.38;}
.mcs-blog .mcs-cr svg.mcs-cr--has-active .mcs-cr__disc.is-active{opacity:1;}
.mcs-blog .mcs-cr__disc:focus{stroke:#fff;stroke-width:3;}
.mcs-blog .mcs-cr__sheen,.mcs-blog .mcs-cr__shade,.mcs-blog .mcs-cr__halo,.mcs-blog .mcs-cr__lbl,.mcs-blog .mcs-cr__centerlbl{pointer-events:none;}
.mcs-blog .mcs-cr__lbl{fill:#fff;font-weight:700;letter-spacing:.22em;text-transform:uppercase;paint-order:stroke;stroke:rgba(18,64,63,.28);stroke-width:2.5px;stroke-linejoin:round;}
.mcs-blog .mcs-cr__centerlbl{fill:#fff;font-weight:700;letter-spacing:.12em;text-transform:uppercase;paint-order:stroke;stroke:rgba(0,0,0,.30);stroke-width:3px;stroke-linejoin:round;}
.mcs-blog .mcs-cr__halo{fill:none;stroke:#fff;stroke-width:2.6;opacity:0;filter:drop-shadow(0 0 6px rgba(255,255,255,.9));}
.mcs-blog .mcs-cr__halo.on{animation:mcsCrHalo .45s ease forwards;}
@keyframes mcsCrHalo{0%{opacity:0;stroke-width:6;}100%{opacity:.95;stroke-width:2.6;}}
.mcs-blog .mcs-cr__hint{text-align:center;font-size:.8em;color:var(--mcs-muted);margin:.3em 0 0;}
.mcs-blog .mcs-cr__legend{--rc:var(--mcs-navy);position:relative;max-width:560px;margin:1.4em auto 0;background:var(--mcs-surface);border:1px solid var(--mcs-line);border-radius:var(--mcs-radius);box-shadow:var(--mcs-shadow);padding:22px 24px 20px 26px;overflow:hidden;transition:box-shadow .3s ease;}
.mcs-blog .mcs-cr__legend::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--rc),color-mix(in srgb,var(--rc) 65%,#000));transition:background .3s ease;}
.mcs-blog .mcs-cr__legend::after{content:"";position:absolute;right:-60px;top:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,var(--rc) 0%,transparent 70%);opacity:.10;transition:background .3s ease;pointer-events:none;}
.mcs-blog .mcs-cr__tag{display:inline-flex;align-items:center;gap:7px;font-size:.7em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rc);background:color-mix(in srgb,var(--rc) 10%,#fff);border:1px solid color-mix(in srgb,var(--rc) 28%,#fff);padding:4px 11px;border-radius:999px;margin-bottom:10px;transition:all .3s ease;}
.mcs-blog .mcs-cr__tag i{width:8px;height:8px;border-radius:50%;background:var(--rc);box-shadow:0 0 0 3px color-mix(in srgb,var(--rc) 22%,transparent);}
.mcs-blog .mcs-cr__name{font-family:var(--font-serif);font-size:1.25em;line-height:1.25;color:var(--rc);margin:.1em 0 .3em;transition:color .3s ease;}
.mcs-blog .mcs-cr__desc{margin:0;font-size:.92em;line-height:1.65;color:var(--mcs-ink);}
.mcs-blog .mcs-cr__legend.reveal .mcs-cr__tag,.mcs-blog .mcs-cr__legend.reveal .mcs-cr__name,.mcs-blog .mcs-cr__legend.reveal .mcs-cr__desc{animation:mcsCrIn .5s cubic-bezier(.2,.75,.25,1) both;}
.mcs-blog .mcs-cr__legend.reveal .mcs-cr__name{animation-delay:.06s;}
.mcs-blog .mcs-cr__legend.reveal .mcs-cr__desc{animation-delay:.12s;}
@keyframes mcsCrIn{0%{opacity:0;transform:translateY(14px) scale(.985);}100%{opacity:1;transform:none;}}
@media(min-width:900px){.mcs-blog .mcs-cr__row{display:flex;align-items:flex-start;gap:22px;}.mcs-blog .mcs-cr__stage{flex:0 0 420px;max-width:420px;margin:0;}.mcs-blog .mcs-cr__legend{flex:1 1 0;min-width:260px;max-width:none;margin:0;}}
@media(max-width:480px){.mcs-blog .mcs-cr__legend{padding:18px 18px 16px 20px;}.mcs-blog .mcs-cr__name{font-size:1.1em;}}
@media(prefers-reduced-motion:reduce){.mcs-blog .mcs-cr__disc{transition:none;}.mcs-blog .mcs-cr__halo.on{animation:none;opacity:.95;}.mcs-blog .mcs-cr__legend.reveal .mcs-cr__tag,.mcs-blog .mcs-cr__legend.reveal .mcs-cr__name,.mcs-blog .mcs-cr__legend.reveal .mcs-cr__desc{animation:none;}}

/* ==========================================================================
   Gut Pathways skin: the look of the article modules on this site.
   Everything above this block is the app's CSS with the colors, fonts and
   shadows swapped by skin_mcs.py. Everything below changes the shape of
   the pieces so they sit calmly on the paper ground (flat, no glow, no lift).
   ========================================================================== */

/* ---- base ---- */
.mcs-blog{font-family:var(--font-serif);font-size:1.125rem;line-height:1.667;color:var(--ink);font-optical-sizing:auto}
.mcs-blog article{max-width:none;margin:0;padding:0}
.mcs-blog p,.mcs-blog li{text-align:left}
.mcs-blog .mcs-reveal,.mcs-blog .mcs-reveal.is-in{opacity:1;transform:none;transition:none}
.mcs-blog article>section.mcs-reveal,.mcs-blog article>section.mcs-reveal:nth-of-type(2n){background:none;border-radius:0;padding:0;margin:var(--space-7) 0 0}
.mcs-blog article>section.mcs-reveal--chart{margin-top:var(--space-7)}
.mcs-blog article>section:first-of-type{margin-top:var(--space-6)}
.mcs-blog h1,.mcs-blog h2,.mcs-blog h3,.mcs-blog h4{font-family:var(--font-serif);color:var(--ink);text-wrap:balance}
.mcs-blog h1{font-size:clamp(2.125rem,5vw,3rem);line-height:1.14;font-weight:500;letter-spacing:-.005em;margin:0}
.mcs-blog h2{font-size:clamp(1.625rem,3.4vw,2rem);line-height:1.25;font-weight:500;margin:0 0 var(--space-4)}
.mcs-blog h2::before,.mcs-blog h3::before{content:none!important}
.mcs-blog h3{font-size:1.375rem;line-height:1.36;font-weight:600;padding-left:0;margin:var(--space-6) 0 var(--space-3)}
.mcs-blog h4{font-size:1.125rem;font-weight:600;line-height:1.4}
.mcs-blog p{margin:0 0 var(--space-4)}
.mcs-blog [id]{scroll-margin-top:var(--space-6)}

/* ---- links: underlined in the text, quiet in the parts ---- */
.mcs-blog a{color:var(--accent)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.18em}
.mcs-blog a:hover{color:var(--accent-press)!important}
.mcs-blog .mcs-btn,.mcs-blog .mcs-toc a,.mcs-blog .mcs-pull__cite a,.mcs-blog .mcs-cta a,.mcs-blog .mcs-case a{text-decoration:none!important}
.mcs-blog .mcs-toc a{color:var(--ink)!important}
.mcs-blog .mcs-toc a:hover{color:var(--accent)!important;text-decoration:underline!important}

/* links inside the small boxes follow the same rule */
.mcs-blog .mcs-studyref a,.mcs-blog .mcs-chart__source a,.mcs-blog .mcs-bio2__body a{color:var(--accent)!important}

/* ---- sans for the small parts that are not prose ---- */
.mcs-blog .mcs-btn,.mcs-blog .mcs-badge,.mcs-blog .mcs-hero__eyebrow,.mcs-blog .mcs-toc,.mcs-blog .mcs-takeaways__list li,.mcs-blog .mcs-studyref,.mcs-blog .mcs-figure figcaption,
.mcs-blog .mcs-chart,.mcs-blog .mcs-table,.mcs-blog .mcs-acc__q,.mcs-blog .mcs-poll,.mcs-blog .mcs-quiz,.mcs-blog .mcs-note,.mcs-blog .mcs-cta__kicker,.mcs-blog .mcs-case__kind,.mcs-blog .mcs-flow__node,
.mcs-blog .mcs-forest,.mcs-blog .mcs-meter,.mcs-blog .mcs-picto2,.mcs-blog .mcs-radar,.mcs-blog .mcs-venn,.mcs-blog .mcs-scatter,.mcs-blog .mcs-line,.mcs-blog .mcs-stacked,.mcs-blog .mcs-stat__l,.mcs-blog .mcs-tabs__nav{font-family:var(--font-sans)}
.mcs-blog .mcs-chart__title,.mcs-blog .mcs-donut__center b,.mcs-blog .mcs-stat__n{font-family:var(--font-serif)}

/* ---- opening: eyebrow, title, lead on the paper, no box ---- */
.mcs-blog .mcs-hero{background:none;color:var(--ink);border-radius:0;padding:0;margin:0}
.mcs-blog .mcs-hero__eyebrow{font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--accent);margin-bottom:var(--space-3)}
.mcs-blog .mcs-hero h1{color:var(--ink);margin:0}
.mcs-blog .mcs-hero h1 span,.mcs-blog .mcs-hero .mcs-lead span{color:var(--accent-deep);font-weight:inherit}
.mcs-blog .mcs-hero__divider{background:var(--rule);max-width:none;width:100%;margin:var(--space-5) 0}
.mcs-blog .mcs-hero .mcs-lead,.mcs-blog .mcs-lead{font-size:1.3125rem;line-height:1.57;font-weight:400;color:var(--ink-soft);margin:0}
.mcs-blog .mcs-hero .mcs-lead span{color:var(--ink);font-weight:500}

/* ---- buttons: flat pills. Primary is the orange of the site ---- */
.mcs-blog .mcs-btn{box-shadow:none;font-family:var(--font-sans)!important;font-size:.9375rem;font-weight:550;min-height:46px;padding:.7em 1.4em;transition:background-color .18s ease,color .18s ease}
.mcs-blog .mcs-btn::before{display:none}
.mcs-blog .mcs-btn:hover,.mcs-blog .mcs-btn:active{transform:none;filter:none;box-shadow:none}
.mcs-blog .mcs-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.mcs-blog .mcs-btn--primary{background:var(--accent)!important;color:var(--on-accent)!important}
.mcs-blog .mcs-btn--primary:hover{background:var(--accent-press)!important;color:var(--on-accent)!important}
.mcs-blog .mcs-btn--accent{background:var(--ink)!important;color:var(--paper)!important}
.mcs-blog .mcs-btn--accent:hover{background:var(--bead-3)!important;color:var(--paper)!important}
.mcs-blog .mcs-btn--light{background:transparent!important;color:var(--ink)!important;border:2px solid var(--ink)!important;box-shadow:none}
.mcs-blog .mcs-btn--light:hover{background:var(--ink)!important;color:var(--paper)!important}
.mcs-blog .mcs-btn--light .mcs-btn__icon{color:currentColor!important}
.mcs-blog .mcs-cta .mcs-btn--light,.mcs-blog .mcs-stat .mcs-btn--light{color:var(--paper)!important;border-color:var(--paper)!important}
.mcs-blog .mcs-cta .mcs-btn--light:hover{background:var(--paper)!important;color:var(--ink)!important}

/* ---- cards, badges, notes ---- */
.mcs-blog .mcs-card{box-shadow:none;border-radius:var(--radius-md);background:var(--mcs-surface);padding:var(--space-5);transition:none}
.mcs-blog .mcs-card:hover{transform:none;box-shadow:none}
.mcs-blog .mcs-badge{font-family:var(--font-sans);font-size:.6875rem;font-weight:600;letter-spacing:.01em;padding:.3em .8em}
.mcs-blog .mcs-badge--primary{background:var(--ink)!important;color:var(--paper)!important}
.mcs-blog ul.mcs-bullets li::marker,.mcs-blog ul:not([class]) li::marker{color:var(--accent)}

/* ---- key takeaways ---- */
.mcs-blog .mcs-takeaways{background:var(--sage);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:var(--radius-md);box-shadow:none;padding:var(--space-5) var(--space-6);margin:var(--space-6) 0 0}
.mcs-blog .mcs-takeaways__list li{font-size:1.0625rem;line-height:1.55}
.mcs-blog .mcs-takeaways li::before{color:var(--accent);font-weight:700}

/* ---- contents ---- */
.mcs-blog .mcs-toc{background:transparent;border:1px solid var(--rule);margin:var(--space-5) 0 0;font-size:.9375rem}
.mcs-blog .mcs-toc__title{font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--ink-soft);margin-bottom:var(--space-3)}
.mcs-blog .mcs-toc ul{list-style:none;padding:0;counter-reset:gptoc}
.mcs-blog .mcs-toc li{counter-increment:gptoc;display:grid;grid-template-columns:2.25rem 1fr;gap:0 var(--space-2);margin:var(--space-2) 0}
.mcs-blog .mcs-toc li::before{content:counter(gptoc,decimal-leading-zero);font-family:var(--font-sans);font-size:.75rem;line-height:1.9;color:var(--accent)}

/* ---- study reference, pull quote, figures ---- */
.mcs-blog .mcs-studyref{background:var(--sand);border:0;border-left:3px solid var(--signal);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.mcs-blog .mcs-studyref__tag{font-family:var(--font-sans);font-weight:600;background:var(--ink);color:var(--paper)}
.mcs-blog .mcs-pull{margin:var(--space-7) 0;padding:0 0 0 var(--space-5);border-left:4px solid var(--signal);font-family:var(--font-serif);font-style:normal;font-weight:500;font-size:clamp(1.25rem,2.6vw,1.625rem);line-height:1.42;letter-spacing:-.005em;color:var(--ink);max-width:none}
.mcs-blog .mcs-pull__cite{font-family:var(--font-sans);font-size:.8125rem;font-style:normal;color:var(--ink-soft);margin-top:var(--space-3)}
.mcs-blog .mcs-pull__cite a{border-bottom:0!important;color:var(--ink-soft)!important;text-decoration:underline!important}
.mcs-blog .mcs-figure img{border:0;border-radius:var(--radius-md);background:var(--sand)}
.mcs-blog .mcs-figure figcaption{text-align:left;color:var(--ink-soft)}
.mcs-blog .mcs-hero+.mcs-figure,.mcs-blog .mcs-figure--hero{margin-top:var(--space-6)}

/* ---- dark blocks: ink, flat ---- */
.mcs-blog .mcs-stat,.mcs-blog .mcs-cta{background:var(--ink);color:var(--paper);border-radius:var(--radius-md);box-shadow:none}
.mcs-blog .mcs-stat__n{font-weight:500;color:var(--signal)}
.mcs-blog .mcs-stat__l a,.mcs-blog .mcs-cta a:not(.mcs-btn){color:var(--paper)!important}
.mcs-blog .mcs-cta__kicker{font-family:var(--font-sans);font-weight:600;letter-spacing:.01em;color:var(--signal)}
.mcs-blog .mcs-cta__title{font-weight:500!important;color:var(--paper)!important}
.mcs-blog .mcs-cta__title span{color:var(--signal)}
.mcs-blog .mcs-cta p{color:var(--sand)}
.mcs-blog .mcs-cta__cover::before{background:radial-gradient(circle at 50% 62%,rgba(232,136,63,.28) 0%,transparent 66%)}
.mcs-blog .mcs-ctaslim{background:var(--sage);border-left:0;border-radius:var(--radius-md)}
.mcs-blog .mcs-ctaslim--book{background:var(--sage);border-left:0}
.mcs-blog .mcs-ctaslim span,.mcs-blog .mcs-ctaslim--book .mcs-ctaslim__title{color:var(--ink)}

/* ---- tables ---- */
.mcs-blog .mcs-table{border-radius:var(--radius-sm);border:1px solid var(--mcs-line)}
.mcs-blog .mcs-table thead th{background:var(--ink);color:var(--paper);font-weight:600}
.mcs-blog .mcs-table tbody th{color:var(--ink)}
@media(max-width:640px){
  .mcs-blog .mcs-table tr{box-shadow:none}
  .mcs-blog .mcs-table tbody th{background:var(--ink);color:var(--paper)}
  .mcs-blog .mcs-table td::before{color:var(--ink-soft)}
}

/* ---- charts: a quiet frame, flat bars ---- */
.mcs-blog .mcs-chart{box-shadow:none;border-radius:var(--radius-md);background:var(--mcs-surface)}
.mcs-blog .mcs-chart__title{background:none;border-left:0;padding:0;font-weight:500;font-size:1.0625rem;color:var(--ink)}
.mcs-blog .mcs-chart__bar::before,.mcs-blog .mcs-gcol::before{background:var(--c)!important;box-shadow:none!important}
.mcs-blog .mcs-chart__val,.mcs-blog .mcs-gcol__val{box-shadow:none}
.mcs-blog .mcs-chart__track{background:var(--sand)}
.mcs-blog .mcs-forest__dot{border-color:var(--mcs-surface);box-shadow:none}
.mcs-blog .mcs-line__area{fill:rgba(47,107,102,.12)}
.mcs-blog .mcs-radar__poly{fill:rgba(47,107,102,.18)}

/* ---- accordion, poll, quiz ---- */
.mcs-blog .mcs-acc,.mcs-blog .mcs-poll,.mcs-blog .mcs-quiz{box-shadow:none}
.mcs-blog .mcs-acc{border-color:var(--rule);background:transparent}
.mcs-blog .mcs-acc__q{font-weight:600!important;color:var(--ink)!important}
.mcs-blog .mcs-acc__i{color:var(--accent)!important}
.mcs-blog .mcs-acc.is-open .mcs-acc__q{background:var(--sand)}
.mcs-blog .mcs-acc__a p{color:var(--ink)}
.mcs-blog .mcs-poll{background:var(--sage);border:0;border-radius:var(--radius-md);padding:var(--space-5)}
.mcs-blog .mcs-poll__opt{border-color:var(--rule);background:var(--mcs-surface);color:var(--ink);font-family:var(--font-sans);font-size:.9375rem}
.mcs-blog .mcs-poll__opt:hover{border-color:var(--ink);color:var(--ink)}

/* ---- other cards ---- */
.mcs-blog .mcs-product,.mcs-blog .mcs-mcard,.mcs-blog .mcs-case__card{box-shadow:none;border:1px solid var(--mcs-line);background:var(--mcs-surface);border-radius:var(--radius-md)}
.mcs-blog .mcs-mcard:hover{transform:none;box-shadow:none}
.mcs-blog .mcs-case__title{text-transform:none;font-weight:600!important}
.mcs-blog .mcs-myth{box-shadow:none;border-radius:var(--radius-md)}
.mcs-blog .mcs-rq{box-shadow:none;background:var(--sand);border-radius:var(--radius-md)}
.mcs-blog .mcs-rq__q{font-family:var(--font-serif);border-left-color:var(--signal)}
.mcs-blog .mcs-rq__badge{font-family:var(--font-sans);font-weight:600;background:var(--ink)}
.mcs-blog .mcs-flow__node{border-color:var(--ink);color:var(--ink);font-weight:500}
.mcs-blog .mcs-flow__arr{color:var(--accent)}
.mcs-blog .mcs-timeline__n{background:var(--ink);color:var(--paper)}

/* ---- the in-article author box is replaced by the theme's own ---- */
.mcs-blog .mcs-bio2,.mcs-blog .mcs-authorbox{margin-top:var(--space-7)}

@media(max-width:640px){
  .mcs-blog{font-size:1.0625rem}
  .mcs-blog article>section.mcs-reveal,.mcs-blog article>section.mcs-reveal:nth-of-type(2n){margin-left:0;margin-right:0;padding:0}
  .mcs-blog .mcs-takeaways{padding:var(--space-5)}
  .mcs-blog .mcs-hero .mcs-lead,.mcs-blog .mcs-lead{font-size:1.1875rem}
}
/* 1.7.22: the eight stops of a case study (!stop N in the converter) */
.mcs-blog .mcs-toc--stops ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mcs-blog .mcs-toc--stops li{display:block;margin:0;padding:0;min-width:0}
.mcs-blog .mcs-toc--stops li>a{box-sizing:border-box;width:100%}
.mcs-blog .mcs-toc--stops li::before{content:none}
.mcs-blog .mcs-toc__stop a{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;height:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:12px;text-decoration:none;color:var(--ink);background:color-mix(in srgb,var(--paper) 70%,transparent)}
.mcs-blog .mcs-toc__stop a:hover{border-color:var(--accent)}
.mcs-blog .mcs-stop__n{grid-row:span 2;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);font:600 .8125rem/1 var(--font-sans)}
.mcs-blog .mcs-stop__l{font:600 .75rem/1.3 var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);overflow-wrap:anywhere}
.mcs-blog .mcs-stop__h{font-size:.875rem;line-height:1.35;overflow-wrap:anywhere}
.mcs-blog .mcs-stop{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 8px}
.mcs-blog .mcs-stop .mcs-stop__n{grid-row:auto}
.mcs-blog .mcs-stop__of{font:500 .75rem/1.3 var(--font-sans);color:var(--ink-soft)}
.gp-sidetoc .mcs-stop__h,.gp-sidetoc .mcs-stop__of{display:none}
.gp-sidetoc .mcs-stop__n{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:var(--ink);color:var(--paper);font:600 .6875rem/1 var(--font-sans)}
.mcs-blog .mcs-toc--stops li:not(.mcs-toc__stop){grid-column:1/-1;padding:4px 2px 0}
.mcs-blog .mcs-stop__l{overflow-wrap:normal;hyphens:none;-webkit-hyphens:none}
@media (min-width:48rem){
  .mcs-blog .mcs-toc--stops ul{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mcs-blog .mcs-toc__stop a{grid-template-columns:minmax(0,1fr);row-gap:6px;align-content:start}
  .mcs-blog .mcs-toc__stop .mcs-stop__n{grid-row:auto}
}
/* 1.7.22: practice statistics and improvement score of a book case (!casestats) */
.mcs-blog .mcs-cstats{margin:var(--space-6) 0;padding:20px;border:1px solid var(--rule);border-radius:16px;background:color-mix(in srgb,var(--paper) 80%,var(--sage) 20%)}
.mcs-blog .mcs-cstats__title,.mcs-blog .mcs-cstats__sub{margin:0 0 12px;font:600 .8125rem/1.3 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.mcs-blog .mcs-cstats__sub{margin-top:20px}
.mcs-blog .mcs-cstats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.mcs-blog .mcs-cstats__tile{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:4px;min-width:0;margin:0;padding:12px;border-radius:12px;background:var(--paper);border:1px solid var(--rule)}
.mcs-blog .mcs-cstats__tile dt{margin:0;font:500 .75rem/1.35 var(--font-sans);color:var(--ink-soft);overflow-wrap:anywhere}
.mcs-blog .mcs-cstats__tile dd{margin:0;font:600 1.125rem/1.25 var(--font-sans);color:var(--ink);overflow-wrap:anywhere}
.mcs-blog .mcs-cstats__bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mcs-blog .mcs-cstats__bars li{display:grid;grid-template-columns:minmax(0,1fr) 3rem;grid-template-areas:"l v" "t t";gap:4px 8px;align-items:center;margin:0;padding:0}
.mcs-blog .mcs-cstats__bars li::before{content:none!important}
.mcs-blog .mcs-cstats__l{grid-area:l;font:500 .875rem/1.3 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-cstats__v{grid-area:v;text-align:right;font:600 .875rem/1 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-cstats__track{grid-area:t;display:block;height:8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden}
.mcs-blog .mcs-cstats__fill{display:block;height:100%;border-radius:99px;background:var(--accent);transform-origin:left;transition:transform .9s ease}
.mcs-blog .mcs-cstats.mcs-reveal:not(.is-in) .mcs-cstats__fill{transform:scaleX(0)}
.mcs-blog .mcs-cstats__note{margin:16px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
@media (min-width:48rem){.mcs-blog .mcs-cstats__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.mcs-blog .mcs-cstats__fill{transition:none}.mcs-blog .mcs-cstats.mcs-reveal:not(.is-in) .mcs-cstats__fill{transform:none}}
/* 1.7.23: lab panel (!labpanel) */
.mcs-blog .mcs-lab{margin:var(--space-6) 0;padding:20px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-lab__cap{margin:0 0 12px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-lab__legend{display:grid;grid-template-columns:1fr 1.2fr 1fr;margin:0 0 6px;font:500 .6875rem/1.2 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}
.mcs-blog .mcs-lab__legend span:nth-child(2){text-align:center}
.mcs-blog .mcs-lab__legend span:last-child{text-align:right}
.mcs-blog .mcs-lab__ul{list-style:none!important;margin:0;padding:0!important;display:grid;gap:14px}
.mcs-blog .mcs-lab__r{margin:0;padding:12px 0 0;border-top:1px solid color-mix(in srgb,var(--rule) 55%,transparent)}
.mcs-blog .mcs-lab__r::before{content:none!important}
.mcs-blog .mcs-lab__top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin-bottom:8px}
.mcs-blog .mcs-lab__m{font:600 .9375rem/1.3 var(--font-sans);color:var(--ink);min-width:0;overflow-wrap:anywhere}
.mcs-blog .mcs-lab__st{flex:none;padding:3px 10px;border-radius:999px;font:600 .75rem/1.2 var(--font-sans);background:var(--sage);color:var(--ink)}
.mcs-blog .mcs-lab__r--out .mcs-lab__st{background:var(--signal);color:#1d1307}
.mcs-blog .mcs-lab__r--wait .mcs-lab__st{background:transparent;border:1px dashed var(--rule);color:var(--ink-soft)}
.mcs-blog .mcs-lab__track{position:relative;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:3px;height:10px}
.mcs-blog .mcs-lab__z{border-radius:99px;background:color-mix(in srgb,var(--ink) 10%,transparent)}
.mcs-blog .mcs-lab__z--ok{background:color-mix(in srgb,var(--sage) 85%,var(--ink) 15%)}
.mcs-blog .mcs-lab__dot{position:absolute;top:50%;left:var(--p);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--ink);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--ink);transition:left .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*90ms),transform .4s ease calc(var(--i)*90ms)}
.mcs-blog .mcs-lab__r--out .mcs-lab__dot{background:var(--signal);box-shadow:0 0 0 1px var(--accent)}
.mcs-blog .mcs-lab__r--wait .mcs-lab__dot{background:var(--paper);box-shadow:0 0 0 1px var(--rule)}
.mcs-blog .mcs-lab.mcs-reveal:not(.is-in) .mcs-lab__dot{left:50%;transform:scale(.6)}
.mcs-blog .mcs-lab__t{margin:8px 0 0;font-size:.9375rem;line-height:1.5}
.mcs-blog .mcs-lab__note{margin:14px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
/* 1.7.23: 24-hour clock (!clock) */
.mcs-blog .mcs-clk{margin:var(--space-6) 0;padding:20px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-clk__cap{margin:0 0 12px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-clk__body{display:grid;gap:16px;align-items:center}
.mcs-blog .mcs-clk__svg{display:block;width:100%;max-width:260px;height:auto;margin:0 auto}
.mcs-blog .mcs-clk__face{fill:color-mix(in srgb,var(--sage) 45%,var(--paper));stroke:var(--rule);stroke-width:1}
.mcs-blog .mcs-clk__tick{stroke:var(--ink-soft);stroke-width:1.2;opacity:.55}
.mcs-blog .mcs-clk__h{font:600 11px/1 var(--font-sans);fill:var(--ink-soft);text-anchor:middle}
.mcs-blog .mcs-clk__arc{fill:none;stroke-width:12;stroke-linecap:round;stroke-dasharray:var(--len) 999;stroke-dashoffset:0;transition:stroke-dashoffset 1.1s ease calc(var(--i)*220ms)}
.mcs-blog .mcs-clk.mcs-reveal:not(.is-in) .mcs-clk__arc{stroke-dashoffset:var(--len)}
.mcs-blog .mcs-clk__dot{stroke:var(--paper);stroke-width:3;transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.3,1.6,.5,1) calc(.3s + var(--i)*220ms),opacity .3s ease calc(.3s + var(--i)*220ms)}
.mcs-blog .mcs-clk.mcs-reveal:not(.is-in) .mcs-clk__dot{transform:scale(0);opacity:0}
.mcs-blog .mcs-clk--sleep{stroke:var(--bead-3);fill:var(--bead-3);color:var(--bead-3)}
.mcs-blog .mcs-clk--meal{stroke:var(--signal);fill:var(--signal);color:var(--signal)}
.mcs-blog .mcs-clk--bowel{stroke:var(--accent);fill:var(--accent);color:var(--accent)}
.mcs-blog .mcs-clk--wake{stroke:var(--bead-1);fill:var(--bead-1);color:var(--bead-1)}
.mcs-blog .mcs-clk__dot.mcs-clk--sleep,.mcs-blog .mcs-clk__dot.mcs-clk--meal,.mcs-blog .mcs-clk__dot.mcs-clk--bowel,.mcs-blog .mcs-clk__dot.mcs-clk--wake{stroke:var(--paper)}
.mcs-blog .mcs-clk__leg{list-style:none!important;margin:0;padding:0!important;display:grid;gap:10px}
.mcs-blog .mcs-clk__leg li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:start;margin:0;font:500 .9375rem/1.4 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-clk__leg li::before{content:none!important}
.mcs-blog .mcs-clk__sw{width:14px;height:14px;margin-top:3px;border-radius:50%;background:currentColor}
.mcs-blog .mcs-clk__note{margin:14px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
@media (min-width:40rem){.mcs-blog .mcs-clk__body{grid-template-columns:240px minmax(0,1fr)}}
/* 1.7.23: two plates (!plates), side by side, a swipe on phones */
.mcs-blog .mcs-plt{margin:var(--space-6) 0}
.mcs-blog .mcs-plt__scroll{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.mcs-blog .mcs-plt__scroll:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:16px}
.mcs-blog .mcs-plt__card{scroll-snap-align:start;padding:16px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-plt--b{background:color-mix(in srgb,var(--sage) 40%,var(--paper))}
.mcs-blog .mcs-plt__h{margin:0 0 10px;font:600 .8125rem/1.3 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.mcs-blog .mcs-plt__dish{position:relative;width:100%;max-width:300px;aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--paper) 0 47%,color-mix(in srgb,var(--sand) 70%,var(--paper)) 48% 62%,var(--paper) 63% 64%,color-mix(in srgb,var(--sand) 90%,var(--rule)) 65% 70%,transparent 71%)}
.mcs-blog .mcs-plt__ul{list-style:none!important;margin:0;padding:0!important;position:absolute;inset:0}
.mcs-blog .mcs-plt__b{position:absolute;width:30%;margin:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;transition:transform .5s cubic-bezier(.3,1.5,.5,1) calc(var(--i)*90ms),opacity .35s ease calc(var(--i)*90ms)}
.mcs-blog .mcs-plt__b::before{content:none!important}
.mcs-blog .mcs-plt__ic{display:grid;place-items:center;width:56%;aspect-ratio:1;border-radius:50%;background:var(--paper);box-shadow:0 1px 0 var(--rule)}
.mcs-blog .mcs-plt__ic img,.mcs-blog .mcs-plt__ic svg{display:block;width:100%;height:auto}
.mcs-blog .mcs-plt__ab{font:600 1rem/1 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-plt__t{font:600 .6875rem/1.2 var(--font-sans);color:var(--ink);overflow-wrap:anywhere}
.mcs-blog .mcs-plt__card:not(.is-on) .mcs-plt__b{opacity:0;transform:translate(-50%,-50%) scale(.4)}
.mcs-blog .mcs-plt__hint{margin:4px 0 0;font:500 .75rem/1.3 var(--font-sans);color:var(--ink-soft);text-align:right}
.mcs-blog .mcs-plt figcaption{margin-top:8px;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
@media (min-width:48rem){.mcs-blog .mcs-plt__scroll{grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible}.mcs-blog .mcs-plt__hint{display:none}}
/* 1.7.23: time shift (!timeshift) */
.mcs-blog .mcs-tsh{margin:var(--space-6) 0;padding:20px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-tsh__cap{margin:0 0 10px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-tsh__leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;font:500 .75rem/1.2 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-tsh__k::before{content:"";display:inline-block;width:18px;height:8px;margin-right:6px;border-radius:99px;vertical-align:middle}
.mcs-blog .mcs-tsh__k--from::before{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 30%,transparent) 0 3px,transparent 3px 6px);border:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}
.mcs-blog .mcs-tsh__k--to::before{background:var(--signal)}
.mcs-blog .mcs-tsh__ul{list-style:none!important;margin:0;padding:0!important;display:grid;gap:16px}
.mcs-blog .mcs-tsh__r{margin:0}
.mcs-blog .mcs-tsh__r::before{content:none!important}
.mcs-blog .mcs-tsh__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:8px;font:500 .875rem/1.35 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-tsh__top b{flex-basis:100%;font-weight:600;font-size:.9375rem;color:var(--ink)}
.mcs-blog .mcs-tsh__to{font-weight:600;color:var(--accent)}
.mcs-blog .mcs-tsh__lane{position:relative;height:14px;border-radius:99px;background:color-mix(in srgb,var(--ink) 7%,transparent)}
.mcs-blog .mcs-tsh__mk{position:absolute;top:0;height:100%;min-width:14px;margin-left:-7px;border-radius:99px}
.mcs-blog .mcs-tsh__mk--from{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 30%,transparent) 0 3px,transparent 3px 6px);border:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}
.mcs-blog .mcs-tsh__mk--to{background:var(--signal);transition:transform 1s cubic-bezier(.2,.8,.2,1) calc(.2s + var(--i)*200ms),opacity .4s ease calc(.2s + var(--i)*200ms)}
.mcs-blog .mcs-tsh__mk.is-open{border-top-left-radius:0;border-bottom-left-radius:0;background:linear-gradient(90deg,transparent,var(--signal) 70%)}
.mcs-blog .mcs-tsh__x{position:absolute;top:50%;margin-left:-.5em;transform:translateY(-52%);font:700 1.1rem/1 var(--font-sans);color:var(--accent);transition:opacity .4s ease calc(.4s + var(--i)*200ms)}
.mcs-blog .mcs-tsh.mcs-reveal:not(.is-in) .mcs-tsh__mk--to{transform:translateX(40px);opacity:0}
.mcs-blog .mcs-tsh.mcs-reveal:not(.is-in) .mcs-tsh__x{opacity:0}
.mcs-blog .mcs-tsh__axis{position:relative;height:18px;margin-top:6px}
.mcs-blog .mcs-tsh__tick{position:absolute;top:0;transform:translateX(-50%);font:500 .6875rem/1 var(--font-sans);color:var(--ink-soft);white-space:nowrap}
.mcs-blog .mcs-tsh__tick:nth-child(even){visibility:hidden}
.mcs-blog .mcs-tsh__note{margin:12px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
@media (min-width:40rem){.mcs-blog .mcs-tsh__tick:nth-child(even){visibility:visible}}
@media (prefers-reduced-motion:reduce){
  .mcs-blog .mcs-lab__dot,.mcs-blog .mcs-clk__arc,.mcs-blog .mcs-clk__dot,.mcs-blog .mcs-plt__b,.mcs-blog .mcs-tsh__mk--to,.mcs-blog .mcs-tsh__x{transition:none!important}
  .mcs-blog .mcs-lab.mcs-reveal:not(.is-in) .mcs-lab__dot{left:var(--p);transform:none}
  .mcs-blog .mcs-clk.mcs-reveal:not(.is-in) .mcs-clk__arc{stroke-dashoffset:0}
  .mcs-blog .mcs-clk.mcs-reveal:not(.is-in) .mcs-clk__dot{transform:none;opacity:1}
  .mcs-blog .mcs-plt__card:not(.is-on) .mcs-plt__b{opacity:1;transform:translate(-50%,-50%)}
  .mcs-blog .mcs-tsh.mcs-reveal:not(.is-in) .mcs-tsh__mk--to,.mcs-blog .mcs-tsh.mcs-reveal:not(.is-in) .mcs-tsh__x{transform:none;opacity:1}
}
/* 1.7.23: a map of steps that links to the headings below it (!stepnav with lines) */
.mcs-blog .mcs-stepnav--map ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.mcs-blog .mcs-stepnav--map li{transition:opacity .45s ease calc(var(--i)*110ms),transform .45s ease calc(var(--i)*110ms)}
.mcs-blog .mcs-stepnav--map.mcs-reveal:not(.is-in) li{opacity:0;transform:translateY(10px)}
.mcs-blog .mcs-stepnav--map .mcs-step__ic img{display:block;width:100%;height:auto}
@media (min-width:48rem){.mcs-blog .mcs-stepnav--map .mcs-stepnav__ol--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.mcs-blog .mcs-stepnav--map li{transition:none}.mcs-blog .mcs-stepnav--map.mcs-reveal:not(.is-in) li{opacity:1;transform:none}}
.mcs-blog h3[id]{scroll-margin-top:90px}
.mcs-blog .mcs-clk__svg .mcs-clk__arc{fill:none}
.mcs-blog .mcs-clk__leg li.mcs-clk--sleep .mcs-clk__sw{background:var(--bead-3)}
.mcs-blog .mcs-clk__leg li.mcs-clk--meal .mcs-clk__sw{background:var(--signal)}
.mcs-blog .mcs-clk__leg li.mcs-clk--bowel .mcs-clk__sw{background:var(--accent)}
.mcs-blog .mcs-clk__leg li.mcs-clk--wake .mcs-clk__sw{background:var(--bead-1)}
.mcs-blog .mcs-plt__hint{text-align:left}
.mcs-blog .mcs-plt__hint::after{content:" →"}
/* 1.7.24: numbered steps with a picture each (!figsteps) */
.mcs-blog .mcs-fst{margin:var(--space-6) 0}
.mcs-blog .mcs-fst__cap{margin:0 0 12px;font:600 .8125rem/1.3 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.mcs-blog .mcs-fst__ol{list-style:none!important;margin:0;padding:0!important;display:grid;gap:14px;counter-reset:none}
.mcs-blog .mcs-fst__i{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border:1px solid var(--rule);border-radius:16px;background:var(--paper);scroll-margin-top:90px;transition:opacity .5s ease calc(var(--i)*120ms),transform .5s ease calc(var(--i)*120ms)}
.mcs-blog .mcs-fst__i::before{content:none!important}
.mcs-blog .mcs-fst.mcs-reveal:not(.is-in) .mcs-fst__i{opacity:0;transform:translateY(14px)}
.mcs-blog .mcs-fst__pic{border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--sage) 35%,var(--paper))}
.mcs-blog .mcs-fst__pic img{display:block;width:100%;height:auto}
.mcs-blog .mcs-fst__b{min-width:0;position:relative}
.mcs-blog .mcs-fst__n{display:inline-grid;place-items:center;width:26px;height:26px;margin-bottom:6px;border-radius:50%;background:var(--ink);color:var(--paper);font:600 .8125rem/1 var(--font-sans)}
.mcs-blog .mcs-fst__t{margin:0 0 6px!important;font:600 1.0625rem/1.3 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-fst__b p{margin:0;font-size:.9688rem;line-height:1.6}
@media (max-width:26rem){.mcs-blog .mcs-fst__i{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px}}
@media (min-width:48rem){.mcs-blog .mcs-fst__ol{grid-template-columns:1fr 1fr}.mcs-blog .mcs-fst__i{grid-template-columns:110px minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.mcs-blog .mcs-fst__i{transition:none}.mcs-blog .mcs-fst.mcs-reveal:not(.is-in) .mcs-fst__i{opacity:1;transform:none}}
/* 1.7.24: small floating pictures with a caption never squeeze the text on phones */
.mcs-blog article .mcs-figure.mcs-figure--icon:has(figcaption){clear:right;width:clamp(6rem,22%,8.5rem)}
@media (max-width:40rem){
  .mcs-blog article .mcs-figure.mcs-figure--icon:has(figcaption){float:none!important;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;width:auto!important;max-width:none;margin:var(--space-4) 0!important}
  .mcs-blog article .mcs-figure.mcs-figure--icon:has(figcaption) figcaption{margin:0;text-align:left;font-size:.8125rem;line-height:1.4}
}
/* 1.7.24: light reveal, item by item, for timelines, row cards and comparisons */
.mcs-blog .mcs-timeline.mcs-reveal li,.mcs-blog .mcs-rtl.mcs-reveal li,.mcs-blog .mcs-rows.mcs-reveal .mcs-row,.mcs-blog .mcs-cmp.mcs-reveal .mcs-cmp__r{transition:opacity .55s ease,transform .55s ease}
.mcs-blog .mcs-timeline.mcs-reveal:not(.is-in) li,.mcs-blog .mcs-rtl.mcs-reveal:not(.is-in) li{opacity:0;transform:translateY(12px)}
.mcs-blog .mcs-rows.mcs-reveal:not(.is-in) .mcs-row,.mcs-blog .mcs-cmp.mcs-reveal:not(.is-in) .mcs-cmp__r{opacity:0;transform:translateY(10px)}
.mcs-blog .mcs-timeline li:nth-child(2),.mcs-blog .mcs-rtl li:nth-child(2),.mcs-blog .mcs-rows .mcs-row:nth-child(2),.mcs-blog .mcs-cmp__r:nth-child(3){transition-delay:.12s}
.mcs-blog .mcs-timeline li:nth-child(3),.mcs-blog .mcs-rtl li:nth-child(3),.mcs-blog .mcs-rows .mcs-row:nth-child(3),.mcs-blog .mcs-cmp__r:nth-child(4){transition-delay:.24s}
.mcs-blog .mcs-timeline li:nth-child(4),.mcs-blog .mcs-rtl li:nth-child(4),.mcs-blog .mcs-rows .mcs-row:nth-child(4),.mcs-blog .mcs-cmp__r:nth-child(5){transition-delay:.36s}
.mcs-blog .mcs-timeline li:nth-child(5),.mcs-blog .mcs-rtl li:nth-child(5),.mcs-blog .mcs-rows .mcs-row:nth-child(5){transition-delay:.48s}
.mcs-blog .mcs-timeline li:nth-child(n+6),.mcs-blog .mcs-rtl li:nth-child(n+6),.mcs-blog .mcs-rows .mcs-row:nth-child(n+6){transition-delay:.6s}
.mcs-blog .mcs-timeline.mcs-reveal li:not(:last-child)::before{transform-origin:top;transition:transform .7s ease .2s}
.mcs-blog .mcs-timeline.mcs-reveal:not(.is-in) li:not(:last-child)::before{transform:scaleY(0)}
@media (prefers-reduced-motion:reduce){
  .mcs-blog .mcs-timeline.mcs-reveal li,.mcs-blog .mcs-rtl.mcs-reveal li,.mcs-blog .mcs-rows.mcs-reveal .mcs-row,.mcs-blog .mcs-cmp.mcs-reveal .mcs-cmp__r,.mcs-blog .mcs-timeline.mcs-reveal li::before{transition:none!important;opacity:1!important;transform:none!important}
}
.mcs-blog .mcs-fst__t::before{content:none!important;display:none!important}
.mcs-blog .mcs-fst__t{padding-left:0!important}
/* 1.7.24: flip cards, before and the change (!flipcards) */
.mcs-blog .mcs-flp{margin:var(--space-6) 0}
.mcs-blog .mcs-flp__cap{margin:0 0 12px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-flp__ul{list-style:none!important;margin:0;padding:0!important;display:grid;gap:12px}
.mcs-blog .mcs-flp__i{margin:0;perspective:900px;transition:opacity .5s ease calc(var(--i)*100ms),transform .5s ease calc(var(--i)*100ms)}
.mcs-blog .mcs-flp__i::before{content:none!important}
.mcs-blog .mcs-flp.mcs-reveal:not(.is-in) .mcs-flp__i{opacity:0;transform:translateY(12px)}
.mcs-blog .mcs-flp__c{display:grid;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.3,1)}
.mcs-blog .mcs-flp__c:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:16px}
.mcs-blog .mcs-flp__c[aria-pressed="true"]{transform:rotateY(180deg)}
.mcs-blog .mcs-flp__f,.mcs-blog .mcs-flp__b{grid-area:1/1;display:flex;flex-direction:column;gap:6px;min-height:100%;padding:16px 18px;border-radius:16px;border:1px solid var(--rule);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mcs-blog .mcs-flp__f{background:var(--paper)}
.mcs-blog .mcs-flp__b{background:color-mix(in srgb,var(--sage) 55%,var(--paper));transform:rotateY(180deg)}
.mcs-blog .mcs-flp__ic{width:56px}
.mcs-blog .mcs-flp__ic img,.mcs-blog .mcs-flp__ic svg{display:block;width:100%;height:auto}
.mcs-blog .mcs-flp__k{font:600 .6875rem/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.mcs-blog .mcs-flp__f b,.mcs-blog .mcs-flp__b b{font:600 1.0625rem/1.35 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-flp__t{font-size:.9375rem;line-height:1.55;color:var(--ink)}
.mcs-blog .mcs-flp__hint{margin-top:auto;font:500 .75rem/1.3 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-flp__hint::after{content:" ↻"}
@media (min-width:40rem){.mcs-blog .mcs-flp__ul{grid-template-columns:1fr 1fr}}
/* 1.7.24: two columns that come in with a sideways swipe on phones (!swipecols) */
.mcs-blog .mcs-swc{margin:var(--space-6) 0}
.mcs-blog .mcs-swc__cap{margin:0 0 12px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-swc__scroll{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin}
.mcs-blog .mcs-swc__scroll:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:16px}
.mcs-blog .mcs-swc__col{scroll-snap-align:start;padding:16px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-swc--2{background:color-mix(in srgb,var(--sage) 45%,var(--paper))}
.mcs-blog .mcs-swc__h{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mcs-blog .mcs-swc__ic{flex:none;width:56px}
.mcs-blog .mcs-swc__ic img,.mcs-blog .mcs-swc__ic svg{display:block;width:100%;height:auto}
.mcs-blog .mcs-swc__h b{font:600 1.0625rem/1.3 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-swc__ul{list-style:none!important;margin:0;padding:0!important;display:grid;gap:8px}
.mcs-blog .mcs-swc__ul li{position:relative;margin:0;padding:0 0 0 18px;font-size:.9688rem;line-height:1.5;transition:opacity .45s ease calc(var(--i)*90ms),transform .45s ease calc(var(--i)*90ms)}
.mcs-blog .mcs-swc__ul li::before{content:""!important;position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--signal)}
.mcs-blog .mcs-swc__col:not(.is-on) .mcs-swc__ul li{opacity:0;transform:translateY(8px)}
.mcs-blog .mcs-swc__hint{margin:4px 0 0;font:500 .75rem/1.3 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-swc__hint::after{content:" →"}
.mcs-blog .mcs-swc__note{margin:8px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
@media (min-width:48rem){.mcs-blog .mcs-swc__scroll{grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible}.mcs-blog .mcs-swc__hint{display:none}}
/* 1.7.24: body map (!bodymap) */
.mcs-blog .mcs-bm{margin:var(--space-6) 0;padding:20px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-bm__cap{margin:0 0 12px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-bm__body-wrap{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start}
.mcs-blog .mcs-bm__svg{display:block;width:100%;height:auto}
.mcs-blog .mcs-bm__body{fill:color-mix(in srgb,var(--sage) 70%,var(--paper));stroke:var(--rule);stroke-width:1.2}
.mcs-blog .mcs-bm__organ{fill:none;stroke:color-mix(in srgb,var(--ink) 25%,transparent);stroke-width:2;stroke-linecap:round}
.mcs-blog .mcs-bm__pin{fill:var(--signal);stroke:var(--paper);stroke-width:2.5}
.mcs-blog .mcs-bm__halo{fill:var(--signal);opacity:0;transform-box:fill-box;transform-origin:center}
.mcs-blog .mcs-bm__n{font:700 10px/1 var(--font-sans);fill:#1d1307;text-anchor:middle}
.mcs-blog .mcs-bm__dot{transform-box:fill-box;transform-origin:center;transition:transform .45s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*160ms),opacity .3s ease calc(var(--i)*160ms)}
.mcs-blog .mcs-bm.mcs-reveal:not(.is-in) .mcs-bm__dot{transform:scale(0);opacity:0}
.mcs-blog .mcs-bm__dot.is-hot .mcs-bm__halo{animation:mcsBmPulse 1.2s ease-out infinite}
@keyframes mcsBmPulse{0%{opacity:.45;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
.mcs-blog .mcs-bm__ol{list-style:none!important;margin:0;padding:0!important;display:grid;gap:10px}
.mcs-blog .mcs-bm__ol li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;margin:0;padding:6px 8px;border-radius:10px;font-size:.9375rem;line-height:1.45;cursor:default;transition:background .2s ease}
.mcs-blog .mcs-bm__ol li::before{content:none!important}
.mcs-blog .mcs-bm__ol li.is-hot,.mcs-blog .mcs-bm__ol li:focus-visible{background:color-mix(in srgb,var(--signal) 18%,transparent);outline:none}
.mcs-blog .mcs-bm__num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--signal);color:#1d1307;font:700 .75rem/1 var(--font-sans)}
.mcs-blog .mcs-bm__note{margin:12px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
@media (min-width:40rem){.mcs-blog .mcs-bm__body-wrap{grid-template-columns:150px minmax(0,1fr)}}
/* 1.7.24: a mechanism that builds step by step while scrolling (!mechanism) */
.mcs-blog .mcs-mech{margin:var(--space-6) 0}
.mcs-blog .mcs-mech__cap{margin:0 0 14px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-mech__ol{list-style:none!important;margin:0;padding:0!important;position:relative}
.mcs-blog .mcs-mech__s{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;margin:0;padding:0 0 18px}
.mcs-blog .mcs-mech__s::before{content:""!important;position:absolute;left:16px;top:34px;bottom:0;width:2px;background:color-mix(in srgb,var(--ink) 14%,transparent)}
.mcs-blog .mcs-mech__s:last-child::before{display:none}
.mcs-blog .mcs-mech__s::after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:var(--signal);transform-origin:top;transform:scaleY(0);transition:transform .7s ease .25s}
.mcs-blog .mcs-mech__s:last-child::after{display:none}
.mcs-blog .mcs-mech__s.is-on::after{transform:scaleY(1)}
.mcs-blog .mcs-mech__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper);border:2px solid var(--rule);font:700 .875rem/1 var(--font-sans);color:var(--ink-soft);transition:background .4s ease,border-color .4s ease,color .4s ease}
.mcs-blog .mcs-mech__s.is-on .mcs-mech__n{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.mcs-blog .mcs-mech__b{padding:10px 14px;border:1px solid var(--rule);border-radius:14px;background:var(--paper);transition:opacity .5s ease,transform .5s ease}
.mcs-blog .mcs-mech__s:not(.is-on) .mcs-mech__b{opacity:.35;transform:translateY(6px)}
.mcs-blog .mcs-mech__b b{display:block;font:600 1rem/1.35 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-mech__b p{margin:4px 0 0;font-size:.9375rem;line-height:1.55}
.mcs-blog .mcs-mech__note{margin:4px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
/* 1.7.24: meal waves (!waves) */
.mcs-blog .mcs-wv{margin:var(--space-6) 0;padding:20px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-wv__cap{margin:0 0 10px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-wv__l{margin:0 0 4px;font:600 .8125rem/1.3 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-wv__svg{display:block;width:100%;height:96px}
.mcs-blog .mcs-wv__axis{stroke:var(--rule);stroke-width:1.5}
.mcs-blog .mcs-wv__w{fill:color-mix(in srgb,var(--signal) 22%,transparent);stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;transform-origin:center bottom;transform-box:fill-box;transition:transform .7s cubic-bezier(.3,1.3,.5,1) calc(var(--j)*160ms),opacity .4s ease calc(var(--j)*160ms)}
.mcs-blog .mcs-wv.mcs-reveal:not(.is-in) .mcs-wv__w{transform:scaleY(0);opacity:0}
.mcs-blog .mcs-wv__m{fill:var(--ink)}
.mcs-blog .mcs-wv__rest{fill:repeating-linear-gradient(0deg,transparent,transparent);fill:color-mix(in srgb,var(--bead-3) 22%,transparent);stroke:var(--bead-3);stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.mcs-blog .mcs-wv__ticks{position:relative;height:16px}
.mcs-blog .mcs-wv__ticks span{position:absolute;transform:translateX(-50%);font:500 .6875rem/1 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-wv__leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font:500 .75rem/1.2 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-wv__leg span::before{content:"";display:inline-block;width:16px;height:9px;margin-right:6px;vertical-align:middle;border-radius:8px 8px 0 0}
.mcs-blog .mcs-wv__k1::before{background:color-mix(in srgb,var(--signal) 40%,transparent);border:1.5px solid var(--accent)}
.mcs-blog .mcs-wv__k2::before{border-radius:3px!important;background:color-mix(in srgb,var(--bead-3) 22%,transparent);border:1.5px dashed var(--bead-3)}
.mcs-blog .mcs-wv__note{margin:10px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
/* 1.7.24: a load that crosses a threshold on some days (!threshold) */
.mcs-blog .mcs-th{margin:var(--space-6) 0;padding:20px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-th__cap{margin:0 0 10px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-th__svg{display:block;width:100%;height:auto}
.mcs-blog .mcs-th__zone{fill:color-mix(in srgb,var(--signal) 12%,transparent)}
.mcs-blog .mcs-th__line{stroke:var(--accent);stroke-width:2;stroke-dasharray:7 6}
.mcs-blog .mcs-th__lab{font:600 19px/1 var(--font-sans);fill:var(--accent);text-anchor:start}
.mcs-blog .mcs-th__curve{fill:none;stroke:var(--ink);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset 2.2s ease}
.mcs-blog .mcs-th.mcs-reveal:not(.is-in) .mcs-th__curve{stroke-dashoffset:100}
.mcs-blog .mcs-th__ep line{stroke:var(--signal);stroke-width:2;stroke-dasharray:3 4}
.mcs-blog .mcs-th__ep text{font:600 19px/1 var(--font-sans);fill:var(--accent);text-anchor:middle}
.mcs-blog .mcs-th__ep{transition:opacity .4s ease calc(1.4s + var(--i)*400ms)}
.mcs-blog .mcs-th.mcs-reveal:not(.is-in) .mcs-th__ep{opacity:0}
.mcs-blog .mcs-th__ticks{position:relative;height:16px;margin-top:2px}
.mcs-blog .mcs-th__ticks span{position:absolute;transform:translateX(-50%);font:500 .6875rem/1 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-th__ticks span:first-child{transform:none}
.mcs-blog .mcs-th__ticks span:last-child{transform:translateX(-100%)}
.mcs-blog .mcs-th__leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font:500 .75rem/1.2 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-th__k1::before{content:"";display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle;background:var(--ink);border-radius:2px}
.mcs-blog .mcs-th__k2::before{content:"";display:inline-block;width:0;height:12px;margin-right:8px;vertical-align:middle;border-left:2px dashed var(--signal)}
.mcs-blog .mcs-th__note{margin:10px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
@media (prefers-reduced-motion:reduce){
  .mcs-blog .mcs-flp__i,.mcs-blog .mcs-flp__c,.mcs-blog .mcs-swc__ul li,.mcs-blog .mcs-bm__dot,.mcs-blog .mcs-mech__s::after,.mcs-blog .mcs-mech__b,.mcs-blog .mcs-mech__n,.mcs-blog .mcs-wv__w,.mcs-blog .mcs-th__curve,.mcs-blog .mcs-th__ep{transition:none!important}
  .mcs-blog .mcs-flp.mcs-reveal:not(.is-in) .mcs-flp__i,.mcs-blog .mcs-swc__col:not(.is-on) .mcs-swc__ul li,.mcs-blog .mcs-bm.mcs-reveal:not(.is-in) .mcs-bm__dot,.mcs-blog .mcs-wv.mcs-reveal:not(.is-in) .mcs-wv__w,.mcs-blog .mcs-th.mcs-reveal:not(.is-in) .mcs-th__ep{opacity:1;transform:none}
  .mcs-blog .mcs-mech__s:not(.is-on) .mcs-mech__b{opacity:1;transform:none}
  .mcs-blog .mcs-th.mcs-reveal:not(.is-in) .mcs-th__curve{stroke-dashoffset:0}
  .mcs-blog .mcs-bm__dot.is-hot .mcs-bm__halo{animation:none}
}
/* 1.7.25 (24/10/2026): spectrum, rings, breath, dayline */
.mcs-blog .mcs-sp,.mcs-blog .mcs-rg,.mcs-blog .mcs-br,.mcs-blog .mcs-dl{margin:var(--space-6) 0;padding:20px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-sp__cap,.mcs-blog .mcs-rg__cap,.mcs-blog .mcs-br__cap,.mcs-blog .mcs-dl__cap{margin:0 0 14px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-sp__note,.mcs-blog .mcs-rg__note,.mcs-blog .mcs-br__note,.mcs-blog .mcs-dl__note{margin:12px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-sp__ol,.mcs-blog .mcs-rg__ol,.mcs-blog .mcs-sp__off,.mcs-blog .mcs-dl__ul{list-style:none!important;margin:0;padding:0!important;display:grid;gap:8px}
.mcs-blog .mcs-sp__ol li,.mcs-blog .mcs-rg__ol li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;margin:0;padding:6px 8px;border-radius:10px;font-size:.9375rem;line-height:1.45;transition:background .2s ease}
.mcs-blog .mcs-sp__ol li::before,.mcs-blog .mcs-rg__ol li::before,.mcs-blog .mcs-sp__off li::before,.mcs-blog .mcs-dl__ul li::before{content:none!important}
.mcs-blog .mcs-sp__ol li.is-hot,.mcs-blog .mcs-sp__ol li:focus-visible,.mcs-blog .mcs-rg__ol li.is-hot,.mcs-blog .mcs-rg__ol li:focus-visible{background:color-mix(in srgb,var(--signal) 18%,transparent);outline:none}
.mcs-blog .mcs-sp__n,.mcs-blog .mcs-rg__n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 .75rem/1 var(--font-sans)}
/* spectrum */
.mcs-blog .mcs-sp__track{position:relative;margin:0 4px 6px;padding-top:calc(var(--lvs)*30px + 4px)}
.mcs-blog .mcs-sp__pins{position:absolute;inset:0 0 auto 0;height:calc(var(--lvs)*30px)}
.mcs-blog .mcs-sp__pin{position:absolute;left:var(--p);bottom:calc(var(--lv)*30px - 2px);transform:translateX(-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 .75rem/1 var(--font-sans);box-shadow:0 0 0 3px var(--paper);transition:transform .5s cubic-bezier(.3,1.5,.5,1) calc(var(--i)*140ms),opacity .3s ease calc(var(--i)*140ms),background .2s ease}
.mcs-blog .mcs-sp__pin::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:calc(var(--lv)*30px + 4px);background:color-mix(in srgb,var(--ink) 30%,transparent);transform:translateX(-50%)}
.mcs-blog .mcs-sp__pin.is-hot{background:var(--signal);color:#1d1307}
.mcs-blog .mcs-sp.mcs-reveal:not(.is-in) .mcs-sp__pin{opacity:0;transform:translate(-50%,-10px)}
.mcs-blog .mcs-sp__bar{height:14px;border-radius:999px;background:linear-gradient(90deg,var(--sage),color-mix(in srgb,var(--signal) 55%,var(--sage)) 55%,var(--signal))}
.mcs-blog .mcs-sp__ends{display:flex;justify-content:space-between;gap:12px;margin:6px 0 16px;font:600 .75rem/1.3 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-sp__ends span:last-child{text-align:right}
.mcs-blog .mcs-sp__offh{margin:16px 0 8px;font:700 .75rem/1.3 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.mcs-blog .mcs-sp__off li{margin:0;padding:8px 10px;border:1px dashed var(--rule);border-radius:10px;font-size:.9375rem;line-height:1.45}
/* rings */
.mcs-blog .mcs-rg__wrap{display:grid;gap:16px}
.mcs-blog .mcs-rg__svg{display:block;width:min(100%,260px);height:auto;margin:0 auto}
.mcs-blog .mcs-rg__r{stroke:var(--paper);stroke-width:3;cursor:pointer;transform-box:view-box;transform-origin:150px 150px;transition:transform .6s cubic-bezier(.3,1.3,.5,1) calc(var(--i)*150ms),opacity .4s ease calc(var(--i)*150ms),fill .2s ease}
.mcs-blog .mcs-rg--1{fill:color-mix(in srgb,var(--sage) 75%,var(--paper))}
.mcs-blog .mcs-rg--2{fill:color-mix(in srgb,var(--bead-1) 80%,var(--paper))}
.mcs-blog .mcs-rg--3{fill:var(--bead-2)}
.mcs-blog .mcs-rg--4{fill:var(--bead-3)}
.mcs-blog .mcs-rg--5,.mcs-blog .mcs-rg--6{fill:var(--signal)}
.mcs-blog .mcs-rg__r.is-hot{fill:color-mix(in srgb,var(--signal) 70%,var(--paper))}
.mcs-blog .mcs-rg.mcs-reveal:not(.is-in) .mcs-rg__r{transform:scale(.6);opacity:0}
.mcs-blog .mcs-rg__lab{pointer-events:none;transition:opacity .4s ease calc(var(--i)*150ms + 300ms)}
.mcs-blog .mcs-rg.mcs-reveal:not(.is-in) .mcs-rg__lab{opacity:0}
.mcs-blog .mcs-rg__lab circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}
.mcs-blog .mcs-rg__lab text{font:700 11px/1 var(--font-sans);fill:var(--ink);text-anchor:middle}
@media (min-width:40rem){.mcs-blog .mcs-rg__wrap{grid-template-columns:230px minmax(0,1fr);align-items:center}}
/* breath */
.mcs-blog .mcs-br__stage{position:relative;display:grid;place-items:center;height:220px;margin:0 auto 12px;max-width:320px}
.mcs-blog .mcs-br__halo{position:absolute;width:200px;height:200px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--ink) 22%,transparent)}
.mcs-blog .mcs-br__ball{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--signal) 35%,var(--paper)),color-mix(in srgb,var(--sage) 85%,var(--paper)) 70%);transform:scale(.5);transition:transform var(--tout) cubic-bezier(.45,0,.55,1)}
.mcs-blog .mcs-br.is-inhale .mcs-br__ball{transform:scale(1);transition-duration:var(--tin)}
.mcs-blog .mcs-br__say{position:relative;margin:0;display:grid;justify-items:center;gap:2px;text-align:center}
.mcs-blog .mcs-br__w{font:600 1.125rem/1.2 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-br__c{font:700 1.75rem/1 var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums;min-height:1.75rem}
.mcs-blog .mcs-br__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px}
.mcs-blog .mcs-br__go{min-height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font:600 .9375rem/1 var(--font-sans);cursor:pointer}
.mcs-blog .mcs-br__go:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.mcs-blog .mcs-br__meta{font:500 .8125rem/1.4 var(--font-sans);color:var(--ink-soft);text-align:center}
/* dayline */
.mcs-blog .mcs-dl__strip{position:relative;margin:0 6px;padding-top:30px}
.mcs-blog .mcs-dl__drops{position:absolute;left:0;right:0;top:0;height:26px}
.mcs-blog .mcs-dl__d{position:absolute;top:4px;width:12px;height:16px;margin-left:-6px;background:color-mix(in srgb,#4a90b8 70%,var(--paper));border-radius:50% 50% 50% 50%/60% 60% 40% 40%;clip-path:polygon(50% 0,85% 45%,100% 70%,85% 95%,50% 100%,15% 95%,0 70%,15% 45%);transition:transform .5s cubic-bezier(.3,1.4,.5,1) calc(var(--i)*90ms + 400ms),opacity .3s ease calc(var(--i)*90ms + 400ms)}
.mcs-blog .mcs-dl.mcs-reveal:not(.is-in) .mcs-dl__d{opacity:0;transform:translateY(-12px)}
.mcs-blog .mcs-dl__bar{position:relative;height:30px;border-radius:8px;background:color-mix(in srgb,var(--sand) 60%,var(--paper));border:1px solid var(--rule);overflow:hidden}
.mcs-blog .mcs-dl__b{position:absolute;top:0;bottom:0;transform-origin:left;transition:transform .5s ease calc(var(--i)*120ms)}
.mcs-blog .mcs-dl.mcs-reveal:not(.is-in) .mcs-dl__b{transform:scaleX(0)}
.mcs-blog .mcs-dl__b.mcs-dl--meal,.mcs-blog .mcs-dl__k.mcs-dl--meal::before{background:var(--signal)}
.mcs-blog .mcs-dl__b.mcs-dl--dry,.mcs-blog .mcs-dl__k.mcs-dl--dry::before{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 45%,transparent) 0 3px,transparent 3px 7px)}
.mcs-blog .mcs-dl__b.mcs-dl--sleep,.mcs-blog .mcs-dl__k.mcs-dl--sleep::before{background:var(--ink)}
.mcs-blog .mcs-dl__b.mcs-dl--move,.mcs-blog .mcs-dl__k.mcs-dl--move::before{background:var(--bead-2)}
.mcs-blog .mcs-dl__k.mcs-dl--water::before{background:color-mix(in srgb,#4a90b8 70%,var(--paper));border-radius:50% 50% 50% 50%/60% 60% 40% 40%}
.mcs-blog .mcs-dl__ticks{position:relative;height:18px;margin-top:4px;font:500 .6875rem/1 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-dl__ticks span{position:absolute;top:2px;transform:translateX(-50%)}
.mcs-blog .mcs-dl__ticks span:first-child{transform:none}
.mcs-blog .mcs-dl__ticks span:last-child{transform:translateX(-100%)}
.mcs-blog .mcs-dl__leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 12px;font:500 .8125rem/1.3 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-dl__k{display:inline-flex;align-items:center;gap:6px}
.mcs-blog .mcs-dl__k::before{content:"";display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--rule)}
.mcs-blog .mcs-dl__ul li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;margin:0;padding:0;font-size:.9375rem;line-height:1.45}
.mcs-blog .mcs-dl__ul li b{font:600 .875rem/1.45 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--ink-soft)}
@media (prefers-reduced-motion:reduce){
  .mcs-blog .mcs-sp__pin,.mcs-blog .mcs-rg__r,.mcs-blog .mcs-rg__lab,.mcs-blog .mcs-dl__d,.mcs-blog .mcs-dl__b,.mcs-blog .mcs-br__ball{transition:none!important}
  .mcs-blog .mcs-sp.mcs-reveal:not(.is-in) .mcs-sp__pin{opacity:1;transform:translateX(-50%)}
  .mcs-blog .mcs-rg.mcs-reveal:not(.is-in) .mcs-rg__r,.mcs-blog .mcs-rg.mcs-reveal:not(.is-in) .mcs-rg__lab,.mcs-blog .mcs-dl.mcs-reveal:not(.is-in) .mcs-dl__d,.mcs-blog .mcs-dl.mcs-reveal:not(.is-in) .mcs-dl__b{opacity:1;transform:none}
  .mcs-blog .mcs-br__ball{transform:scale(.8)}
}
/* 1.7.26 (24/10/2026): clueboard, triggers */
.mcs-blog .mcs-cb,.mcs-blog .mcs-tr{margin:var(--space-6) 0;padding:20px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-cb{background:color-mix(in srgb,var(--sand) 45%,var(--paper))}
.mcs-blog .mcs-cb__cap,.mcs-blog .mcs-tr__cap{margin:0 0 12px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-cb__h{margin:14px 0 10px;font:700 .75rem/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.mcs-blog .mcs-cb__ul,.mcs-blog .mcs-cb__tags,.mcs-blog .mcs-tr__ol{list-style:none!important;margin:0;padding:0!important}
.mcs-blog .mcs-cb__ul{display:grid;gap:14px}
.mcs-blog .mcs-cb__ul li::before,.mcs-blog .mcs-cb__tags li::before,.mcs-blog .mcs-tr__ol li::before{content:none!important}
.mcs-blog .mcs-cb__c{position:relative;margin:0 4px;padding:16px 16px 14px;border-radius:6px;background:var(--paper);box-shadow:0 1px 0 var(--rule),0 6px 14px -10px color-mix(in srgb,var(--ink) 45%,transparent);transform:rotate(-.6deg);transition:transform .5s cubic-bezier(.3,1.4,.5,1) calc(var(--i)*110ms),opacity .35s ease calc(var(--i)*110ms)}
.mcs-blog .mcs-cb__c:nth-child(even){transform:rotate(.6deg)}
.mcs-blog .mcs-cb__pin{position:absolute;top:-6px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f2a263,var(--accent));box-shadow:0 2px 3px color-mix(in srgb,var(--ink) 35%,transparent)}
.mcs-blog .mcs-cb__c b{display:block;margin:0 0 4px;font:600 1.0625rem/1.3 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-cb__c p{margin:0;font-size:.9375rem;line-height:1.5}
.mcs-blog .mcs-cb.mcs-reveal:not(.is-in) .mcs-cb__c{opacity:0;transform:translateY(-14px) rotate(-2deg)}
.mcs-blog .mcs-cb__tags{display:flex;flex-wrap:wrap;gap:8px}
.mcs-blog .mcs-cb__tags li{margin:0;padding:6px 12px;border-radius:999px;border:1px dashed var(--rule);background:var(--paper);font:500 .875rem/1.35 var(--font-sans);color:var(--ink);transition:opacity .35s ease calc(var(--i)*70ms + 300ms)}
.mcs-blog .mcs-cb.mcs-reveal:not(.is-in) .mcs-cb__tags li{opacity:0}
.mcs-blog .mcs-cb__note,.mcs-blog .mcs-tr__note{margin:12px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-tr__ol{display:grid;gap:12px;position:relative}
.mcs-blog .mcs-tr__r{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"n t" ". a" ". e";gap:4px 12px;margin:0}
.mcs-blog .mcs-tr__n{grid-area:n;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 .8125rem/1 var(--font-sans)}
.mcs-blog .mcs-tr__t{grid-area:t;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--signal) 16%,var(--paper));border:1px solid color-mix(in srgb,var(--signal) 40%,var(--rule))}
.mcs-blog .mcs-tr__t b{font:600 1rem/1.3 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-tr__k{display:block;font:700 .6875rem/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2px}
.mcs-blog .mcs-tr__ar{grid-area:a;justify-self:start;margin-left:13px;width:12px;height:18px;position:relative;transform-origin:top;transition:transform .35s ease calc(var(--i)*220ms + 160ms)}
.mcs-blog .mcs-tr__ar::before{content:"";position:absolute;left:5px;top:0;width:2px;height:12px;background:var(--signal)}
.mcs-blog .mcs-tr__ar::after{content:"";position:absolute;left:1px;bottom:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--signal)}
.mcs-blog .mcs-tr__e{grid-area:e;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--sage) 60%,var(--paper));border:1px solid var(--rule);transition:opacity .4s ease calc(var(--i)*220ms + 320ms),transform .4s ease calc(var(--i)*220ms + 320ms)}
.mcs-blog .mcs-tr__e p{margin:0;font-size:.9375rem;line-height:1.45}
.mcs-blog .mcs-tr__t{transition:opacity .4s ease calc(var(--i)*220ms),transform .4s ease calc(var(--i)*220ms)}
.mcs-blog .mcs-tr.mcs-reveal:not(.is-in) .mcs-tr__t,.mcs-blog .mcs-tr.mcs-reveal:not(.is-in) .mcs-tr__e{opacity:0;transform:translateY(8px)}
.mcs-blog .mcs-tr.mcs-reveal:not(.is-in) .mcs-tr__ar{transform:scaleY(0)}
@media (min-width:40rem){
  .mcs-blog .mcs-cb__ul{grid-template-columns:1fr 1fr}
  .mcs-blog .mcs-tr__r{grid-template-columns:30px minmax(0,1fr) 34px minmax(0,1fr);grid-template-areas:"n t a e";align-items:center}
  .mcs-blog .mcs-tr__ar{margin:0;width:30px;height:12px;justify-self:center;transform-origin:left}
  .mcs-blog .mcs-tr__ar::before{left:0;top:5px;width:23px;height:2px}
  .mcs-blog .mcs-tr__ar::after{left:auto;right:0;top:0;bottom:auto;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid var(--signal);border-right:0}
  .mcs-blog .mcs-tr.mcs-reveal:not(.is-in) .mcs-tr__ar{transform:scaleX(0)}
}
@media (prefers-reduced-motion:reduce){
  .mcs-blog .mcs-cb__c,.mcs-blog .mcs-cb__tags li,.mcs-blog .mcs-tr__t,.mcs-blog .mcs-tr__e,.mcs-blog .mcs-tr__ar{transition:none!important}
  .mcs-blog .mcs-cb.mcs-reveal:not(.is-in) .mcs-cb__c{opacity:1;transform:rotate(-.6deg)}
  .mcs-blog .mcs-cb.mcs-reveal:not(.is-in) .mcs-cb__tags li,.mcs-blog .mcs-tr.mcs-reveal:not(.is-in) .mcs-tr__t,.mcs-blog .mcs-tr.mcs-reveal:not(.is-in) .mcs-tr__e{opacity:1;transform:none}
  .mcs-blog .mcs-tr.mcs-reveal:not(.is-in) .mcs-tr__ar{transform:none}
}
/* 1.7.32 (26/10/2026): !infomap, an infographic with real text. Numbered markers on the picture, the same numbers in a list
   next to it (from 768px) or under it (phones). Optional "Save this infographic" card with the 4:5 image. */
.mcs-blog .mcs-imap{margin:var(--space-6) 0;padding:18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-imap__t{margin:0 0 14px;font:600 .8125rem/1.3 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.mcs-blog .mcs-imap__g{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center}
.mcs-blog .mcs-imap__pic{position:relative;margin:0;border-radius:12px;overflow:hidden;max-width:420px;width:100%;justify-self:center}
.mcs-blog .mcs-imap__pic img{display:block;width:100%;height:auto;margin:0;border-radius:0}
.mcs-blog .mcs-imap__m{position:absolute;transform:translate(-50%,-50%);width:clamp(24px,7%,32px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font:700 .8125rem/1 var(--font-sans);box-shadow:0 0 0 3px color-mix(in srgb,var(--paper) 85%,transparent)}
.mcs-blog .mcs-imap__ol{list-style:none!important;margin:0;padding:0!important;display:grid;gap:12px;counter-reset:none}
.mcs-blog .mcs-imap__i{margin:0;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.mcs-blog .mcs-imap__i::before{content:none!important}
.mcs-blog .mcs-imap__n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font:700 .8125rem/1 var(--font-sans)}
.mcs-blog .mcs-imap__l{margin:2px 0 4px;font-size:1rem;line-height:1.3}
.mcs-blog .mcs-imap__i p{margin:0;font-size:.9375rem;line-height:1.5}
.mcs-blog .mcs-imap__src{margin:14px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-imap__save{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;margin:16px 0 0;padding:10px;border:1px solid var(--rule);border-radius:12px;background:color-mix(in srgb,var(--paper) 80%,var(--sage) 20%);color:var(--ink);text-decoration:none}
.mcs-blog .mcs-imap__save img{width:64px;height:80px;object-fit:cover;border-radius:6px;margin:0}
.mcs-blog .mcs-imap__st b{display:block;font:600 .9375rem/1.3 var(--font-sans)}
.mcs-blog .mcs-imap__st small{display:block;margin-top:2px;font:400 .8125rem/1.4 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-imap__save:hover b{text-decoration:underline;text-underline-offset:3px}
.mcs-blog .mcs-imap__save:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (min-width:768px){.mcs-blog .mcs-imap__g{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px}.mcs-blog .mcs-imap__pic{max-width:none}}
@media (prefers-reduced-motion:no-preference){.mcs-blog .mcs-imap.mcs-reveal:not(.is-in) .mcs-imap__m{transform:translate(-50%,-50%) scale(.4);opacity:0}.mcs-blog .mcs-imap__m{transition:transform .4s ease,opacity .4s ease}}
.mcs-blog .mcs-imap__l{font-family:var(--font-serif);font-weight:600;color:var(--ink)}
.mcs-blog a.mcs-imap__save,.mcs-blog a.mcs-imap__save:hover,.mcs-blog a.mcs-imap__save *{text-decoration:none;color:var(--ink)}
.mcs-blog a.mcs-imap__save small{color:var(--ink-soft)}
.mcs-blog a.mcs-imap__save:hover b{text-decoration:underline;text-underline-offset:3px}
.mcs-blog a.mcs-imap__save{text-decoration:none!important;color:var(--ink)!important}
.mcs-blog a.mcs-imap__save:hover b,.mcs-blog a.mcs-imap__save:focus-visible b{text-decoration:underline!important;text-underline-offset:3px}

/* 1.7.35 (27/10/2026): chain3, fibermap, barrier, labrange, gutskin, circadian, dbars */
.mcs-blog .mcs-c3,.mcs-blog .mcs-fm,.mcs-blog .mcs-bx,.mcs-blog .mcs-lr,.mcs-blog .mcs-gs,.mcs-blog .mcs-cd,.mcs-blog .mcs-db{margin:var(--space-6) 0;padding:20px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-c3__cap,.mcs-blog .mcs-fm__cap,.mcs-blog .mcs-bx__cap,.mcs-blog .mcs-lr__cap,.mcs-blog .mcs-gs__cap,.mcs-blog .mcs-cd__cap,.mcs-blog .mcs-db__cap{margin:0 0 14px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-c3__note,.mcs-blog .mcs-fm__note,.mcs-blog .mcs-bx__note,.mcs-blog .mcs-lr__note,.mcs-blog .mcs-gs__note,.mcs-blog .mcs-cd__note,.mcs-blog .mcs-db__note{margin:12px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-c3__ol,.mcs-blog .mcs-fm__ol,.mcs-blog .mcs-bx__ul,.mcs-blog .mcs-lr__ul,.mcs-blog .mcs-gs__ul,.mcs-blog .mcs-cd__ol,.mcs-blog .mcs-db__ul{list-style:none!important;margin:0;padding:0!important;display:grid;gap:10px}
.mcs-blog .mcs-c3 li::before,.mcs-blog .mcs-fm li::before,.mcs-blog .mcs-bx li::before,.mcs-blog .mcs-lr li::before,.mcs-blog .mcs-gs li::before,.mcs-blog .mcs-cd li::before,.mcs-blog .mcs-db li::before{content:none!important}
/* chain3 */
.mcs-blog .mcs-c3__s{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;margin:0;padding:12px;border:1px solid color-mix(in srgb,var(--rule) 60%,transparent);border-radius:14px;background:color-mix(in srgb,var(--sage) 30%,var(--paper))}
.mcs-blog .mcs-c3__s:last-child{background:color-mix(in srgb,var(--signal) 14%,var(--paper))}
.mcs-blog .mcs-c3__ic{position:relative;display:block;width:64px;height:64px;border-radius:12px;background:var(--paper)}
.mcs-blog .mcs-c3__ic .mcs-wi{display:block;width:64px;height:64px;border-radius:12px}
.mcs-blog .mcs-c3__n{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 .7rem/1 var(--font-sans)}
.mcs-blog .mcs-c3__b b{display:block;font:600 .9375rem/1.3 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-c3__b p{margin:4px 0 0;font-size:.9375rem;line-height:1.45}
@media (min-width:48rem){.mcs-blog .mcs-c3__ol{grid-template-columns:repeat(3,minmax(0,1fr))}.mcs-blog .mcs-c3__s{grid-template-columns:minmax(0,1fr)}.mcs-blog .mcs-c3__ic{width:72px;height:72px}.mcs-blog .mcs-c3__ic .mcs-wi{width:72px;height:72px}}
/* fibermap */
.mcs-blog .mcs-fm__wrap{display:grid;gap:16px}
.mcs-blog .mcs-fm__plotbox{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:6px}
.mcs-blog .mcs-fm__yl{grid-row:1;writing-mode:vertical-rl;transform:rotate(180deg);font:600 .75rem/1.2 var(--font-sans);color:var(--ink-soft);text-align:center}
.mcs-blog .mcs-fm__xl{grid-column:2;font:600 .75rem/1.2 var(--font-sans);color:var(--ink-soft);text-align:center}
.mcs-blog .mcs-fm__plot{position:relative;grid-column:2;aspect-ratio:4/3;border-left:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);border-radius:0 12px 0 0;background:linear-gradient(135deg,color-mix(in srgb,var(--sage) 55%,var(--paper)) 0%,var(--paper) 55%,color-mix(in srgb,var(--signal) 18%,var(--paper)) 100%);overflow:hidden}
.mcs-blog .mcs-fm__pin{position:absolute;width:28px;height:28px;margin:0 0 -14px -14px;padding:0;border:2px solid var(--paper);border-radius:50%;background:var(--ink);color:var(--paper);font:700 .75rem/1 var(--font-sans);cursor:pointer;transition:transform .4s cubic-bezier(.3,1.4,.5,1) calc(var(--i)*90ms),opacity .3s ease calc(var(--i)*90ms),background .2s ease}
.mcs-blog .mcs-fm__pin.is-hot{background:var(--signal);transform:scale(1.15)}
.mcs-blog .mcs-fm.mcs-reveal:not(.is-in) .mcs-fm__pin{opacity:0;transform:scale(.4)}
.mcs-blog .mcs-fm__ol li,.mcs-blog .mcs-cd__ol li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;margin:0;padding:6px 8px;border-radius:10px;font-size:.9375rem;line-height:1.45;cursor:pointer;transition:background .2s ease}
.mcs-blog .mcs-fm__ol li.is-hot,.mcs-blog .mcs-fm__ol li:focus-visible,.mcs-blog .mcs-cd__ol li.is-hot,.mcs-blog .mcs-cd__ol li:focus-visible{background:color-mix(in srgb,var(--signal) 18%,transparent);outline:none}
.mcs-blog .mcs-fm__n,.mcs-blog .mcs-cd__n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 .75rem/1 var(--font-sans)}
@media (min-width:48rem){.mcs-blog .mcs-fm__wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
/* barrier */
.mcs-blog .mcs-bx__sw{display:inline-flex;gap:4px;padding:4px;margin:0 0 12px;border-radius:999px;background:color-mix(in srgb,var(--sand) 70%,transparent)}
.mcs-blog .mcs-bx__btn{min-height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:600 .875rem/1 var(--font-sans);cursor:pointer}
.mcs-blog .mcs-bx__btn.is-on{background:var(--ink);color:var(--paper)}
.mcs-blog .mcs-bx__svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto 12px}
.mcs-blog .mcs-bx__lumen{fill:color-mix(in srgb,var(--sand) 55%,var(--paper))}
.mcs-blog .mcs-bx__base{fill:color-mix(in srgb,var(--signal) 14%,var(--paper))}
.mcs-blog .mcs-bx__cell{fill:color-mix(in srgb,var(--sage) 80%,var(--paper));stroke:var(--ink);stroke-width:1.2}
.mcs-blog .mcs-bx__nuc{fill:var(--bead-2)}
.mcs-blog .mcs-bx__tj{fill:var(--ink);transition:transform .5s ease,fill .3s ease;transform-box:fill-box;transform-origin:center}
.mcs-blog .mcs-bx__t{font:600 10px/1 var(--font-sans);fill:var(--ink-soft)}
.mcs-blog .mcs-bx__p{fill:var(--signal);opacity:0;transition:opacity .4s ease calc(var(--i)*80ms)}
.mcs-blog .mcs-bx.is-b .mcs-bx__tj--mid{fill:var(--signal);transform:scaleY(.35)}
.mcs-blog .mcs-bx.is-b .mcs-bx__p{opacity:1}
.mcs-blog .mcs-bx__ul li{display:grid;gap:2px;margin:0;padding:8px 10px;border-left:3px solid var(--bead-2);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--sage) 25%,var(--paper));font-size:.9375rem;line-height:1.45}
.mcs-blog .mcs-bx__ul b{font:600 .8125rem/1.3 var(--font-sans);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}
.mcs-blog .mcs-bx__b{display:none}
.mcs-blog .mcs-bx.is-b .mcs-bx__a{display:none}
.mcs-blog .mcs-bx.is-b .mcs-bx__b{display:block}
.mcs-blog .mcs-bx.is-b .mcs-bx__ul li{border-left-color:var(--signal);background:color-mix(in srgb,var(--signal) 10%,var(--paper))}
/* labrange */
.mcs-blog .mcs-lr__key{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:500 .8125rem/1.3 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-lr__sw{display:inline-block;width:22px;height:10px;border-radius:5px;background:color-mix(in srgb,var(--sage) 90%,var(--ink) 10%)}
.mcs-blog .mcs-lr__ul li{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:0}
.mcs-blog .mcs-lr__l{font:600 .875rem/1.3 var(--font-sans)}
.mcs-blog .mcs-lr__track{position:relative;height:14px;border-radius:999px;background:color-mix(in srgb,var(--sand) 70%,transparent)}
.mcs-blog .mcs-lr__rng{position:absolute;top:0;bottom:0;border-radius:999px;background:color-mix(in srgb,var(--sage) 90%,var(--ink) 10%)}
.mcs-blog .mcs-lr__dot{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid var(--paper);border-radius:50%;background:var(--ink);transition:left .8s cubic-bezier(.2,.7,.2,1)}
.mcs-blog .mcs-lr__dot--low,.mcs-blog .mcs-lr__dot--high{background:var(--signal)}
.mcs-blog .mcs-lr.mcs-reveal:not(.is-in) .mcs-lr__dot{left:0!important}
.mcs-blog .mcs-lr__v{font:500 .8125rem/1.3 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-lr__v em{font-style:normal;font-weight:600;color:var(--ink)}
/* gutskin */
.mcs-blog .mcs-gs__head{display:none}
.mcs-blog .mcs-gs__r{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--rule) 60%,transparent);border-radius:14px;outline:none;transition:background .2s ease,opacity .5s ease calc(var(--i)*90ms),transform .5s ease calc(var(--i)*90ms)}
.mcs-blog .mcs-gs__m,.mcs-blog .mcs-gs__e{justify-self:start;max-width:100%;padding:4px 10px;border-radius:999px;font:600 .8125rem/1.35 var(--font-sans)}
.mcs-blog .mcs-gs--good .mcs-gs__m{background:color-mix(in srgb,var(--sage) 85%,var(--paper));color:var(--ink)}
.mcs-blog .mcs-gs--bad .mcs-gs__m{background:color-mix(in srgb,var(--signal) 30%,var(--paper));color:var(--ink)}
.mcs-blog .mcs-gs__e{background:var(--sand);color:var(--ink)}
.mcs-blog .mcs-gs__ln{display:block;width:2px;height:14px;margin-left:16px;background:var(--rule);transition:background .2s ease}
.mcs-blog .mcs-gs__t{margin:0;font-size:.9375rem;line-height:1.45}
.mcs-blog .mcs-gs__r:hover,.mcs-blog .mcs-gs__r:focus-visible,.mcs-blog .mcs-gs__r.is-hot{background:color-mix(in srgb,var(--signal) 10%,var(--paper))}
.mcs-blog .mcs-gs__r:hover .mcs-gs__ln,.mcs-blog .mcs-gs__r:focus-visible .mcs-gs__ln,.mcs-blog .mcs-gs__r.is-hot .mcs-gs__ln{background:var(--signal)}
.mcs-blog .mcs-gs.mcs-reveal:not(.is-in) .mcs-gs__r{opacity:0;transform:translateY(8px)}
.mcs-blog .mcs-gs__key{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.mcs-blog .mcs-gs__k{padding:3px 10px;border-radius:999px;font:600 .75rem/1.3 var(--font-sans)}
.mcs-blog .mcs-gs__key .mcs-gs--good{background:color-mix(in srgb,var(--sage) 85%,var(--paper))}
.mcs-blog .mcs-gs__key .mcs-gs--bad{background:color-mix(in srgb,var(--signal) 30%,var(--paper))}
@media (min-width:48rem){
.mcs-blog .mcs-gs__head{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);margin:0 0 8px;padding:0 12px;font:600 .75rem/1.3 var(--font-sans);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}
.mcs-blog .mcs-gs__head span:last-child{grid-column:3}
.mcs-blog .mcs-gs__r{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center}
.mcs-blog .mcs-gs__ln{width:100%;height:2px;margin:0}
.mcs-blog .mcs-gs__t{grid-column:1/-1}}
/* circadian */
.mcs-blog .mcs-cd__key{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 10px;font:500 .8125rem/1.3 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-cd__k::before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;vertical-align:-1px}
.mcs-blog .mcs-cd__k--day::before{background:var(--ink)}
.mcs-blog .mcs-cd__k--shift::before{background:var(--signal)}
.mcs-blog .mcs-cd__wrap{display:grid;gap:16px}
.mcs-blog .mcs-cd__svg{display:block;width:min(100%,280px);height:auto;margin:0 auto}
.mcs-blog .mcs-cd__ring{fill:none;stroke:color-mix(in srgb,var(--rule) 70%,transparent);stroke-width:14}
.mcs-blog .mcs-cd__ring--shift{stroke:color-mix(in srgb,var(--signal) 22%,transparent)}
.mcs-blog .mcs-cd__h{font:600 11px/1 var(--font-sans);fill:var(--ink-soft);text-anchor:middle}
.mcs-blog .mcs-cd__m{cursor:pointer;transition:opacity .4s ease calc(var(--i)*120ms)}
.mcs-blog .mcs-cd__m circle{stroke:var(--paper);stroke-width:2;transition:transform .2s ease;transform-box:fill-box;transform-origin:center}
.mcs-blog .mcs-cd__m--day circle{fill:var(--ink)}
.mcs-blog .mcs-cd__m--shift circle{fill:var(--signal)}
.mcs-blog .mcs-cd__m text{font:700 10px/1 var(--font-sans);fill:var(--paper);text-anchor:middle;pointer-events:none}
.mcs-blog .mcs-cd__m.is-hot circle{transform:scale(1.25)}
.mcs-blog .mcs-cd.mcs-reveal:not(.is-in) .mcs-cd__m{opacity:0}
.mcs-blog .mcs-cd__tm{font:500 .8125rem/1.3 var(--font-sans);color:var(--ink-soft)}
@media (min-width:48rem){.mcs-blog .mcs-cd__wrap{grid-template-columns:260px minmax(0,1fr);align-items:center}}
/* dbars */
.mcs-blog .mcs-db__ul li{display:grid;grid-template-columns:minmax(0,1fr) 3.6rem;grid-template-areas:"l l" "t v";align-items:center;gap:4px 10px;margin:0}
.mcs-blog .mcs-db__l{grid-area:l;font:500 .8125rem/1.3 var(--font-sans)}
.mcs-blog .mcs-db__track{grid-area:t;position:relative;height:16px;border-radius:999px;background:color-mix(in srgb,var(--sand) 70%,transparent)}
.mcs-blog .mcs-db__zero{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--accent);z-index:2}
.mcs-blog .mcs-db__bar{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--ink);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.mcs-blog .mcs-db__bar--neg{transform-origin:100% 50%}
.mcs-blog .mcs-db__bar--pos{transform-origin:0 50%}
.mcs-blog .mcs-db.mcs-reveal:not(.is-in) .mcs-db__bar{transform:scaleX(0)}
.mcs-blog .mcs-db__ci{position:absolute;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:var(--signal);z-index:1}
.mcs-blog .mcs-db__v{grid-area:v;font:600 .875rem/1 var(--font-sans);text-align:right;font-variant-numeric:tabular-nums}
.mcs-blog .mcs-db__tbl{margin-top:.6rem}
.mcs-blog .mcs-db__tbl summary{cursor:pointer;font:600 .8125rem/1 var(--font-sans);color:var(--ink);min-height:2.75rem;display:flex;align-items:center}
.mcs-blog .mcs-db__tbl .mcs-table{width:100%;font-size:.875rem}
@media (min-width:48rem){.mcs-blog .mcs-db__ul li{grid-template-columns:minmax(0,12rem) minmax(0,1fr) 3.6rem;grid-template-areas:"l t v"}}
@media (prefers-reduced-motion:reduce){
.mcs-blog .mcs-fm__pin,.mcs-blog .mcs-bx__tj,.mcs-blog .mcs-bx__p,.mcs-blog .mcs-lr__dot,.mcs-blog .mcs-gs__r,.mcs-blog .mcs-cd__m,.mcs-blog .mcs-db__bar{transition:none!important}
.mcs-blog .mcs-fm.mcs-reveal:not(.is-in) .mcs-fm__pin,.mcs-blog .mcs-gs.mcs-reveal:not(.is-in) .mcs-gs__r,.mcs-blog .mcs-cd.mcs-reveal:not(.is-in) .mcs-cd__m{opacity:1;transform:none}
.mcs-blog .mcs-db.mcs-reveal:not(.is-in) .mcs-db__bar{transform:none}}
.mcs-blog .mcs-bx__gap{fill:color-mix(in srgb,var(--signal) 35%,var(--paper));opacity:0;transition:opacity .5s ease}
.mcs-blog .mcs-bx.is-b .mcs-bx__gap{opacity:1}
.mcs-blog .mcs-c3__s--noic{grid-template-columns:34px minmax(0,1fr)}
.mcs-blog .mcs-c3__s--noic .mcs-c3__ic{width:34px;height:34px;background:none}
.mcs-blog .mcs-c3__s--noic .mcs-c3__n{position:static;width:34px;height:34px;font-size:.875rem}
@media (min-width:48rem){.mcs-blog .mcs-c3__s--noic{grid-template-columns:minmax(0,1fr)}.mcs-blog .mcs-c3__s--noic .mcs-c3__ic{width:34px;height:34px}}

/* ===== 1.7.36 (27/10/2026): landing modules symptomfan, whichstory, bookbridge and the sticky book bar ===== */
/* symptomfan: one symptom on top, a trunk, seven branches with the colour of their book pattern */
.mcs-blog .mcs-sf{margin:var(--space-6) 0;padding:20px 18px 14px;border:1px solid var(--rule);border-radius:16px;background:var(--paper)}
.mcs-blog .mcs-sf__cap{margin:0 0 14px;font:600 1rem/1.35 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-sf__note{margin:10px 0 0;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-sf__hub{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 26px}
.mcs-blog .mcs-sf__hub::after{content:'';position:absolute;left:50%;bottom:0;width:3px;height:22px;margin-left:-1.5px;background:var(--rule)}
.mcs-blog .mcs-sf__sym{display:inline-block;padding:.5em 1.1em;border-radius:999px;background:var(--ink);color:var(--paper);font:600 1.25rem/1.1 var(--font-serif)}
.mcs-blog .mcs-sf__sub{margin-top:6px;font:400 .8125rem/1.3 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-sf__ol{position:relative;list-style:none!important;margin:0;padding:0 0 0 30px!important;display:grid;gap:12px}
.mcs-blog .mcs-sf__ol::before{content:'';position:absolute;left:9px;top:0;bottom:12px;width:3px;border-radius:2px;background:var(--rule)}
.mcs-blog .mcs-sf li::before{content:none!important}
.mcs-blog .mcs-sf__b{position:relative;margin:0;opacity:0;transform:translateX(10px);transition:opacity .5s ease calc(var(--i) * 90ms),transform .5s ease calc(var(--i) * 90ms)}
.mcs-blog .mcs-sf__b.is-on{opacity:1;transform:none}
.mcs-blog .mcs-sf__dot{position:absolute;left:-30px;top:18px;width:21px;height:21px;border-radius:50%;background:var(--c);border:3px solid var(--paper);box-shadow:0 0 0 2px var(--c)}
.mcs-blog .mcs-sf__b::after{content:'';position:absolute;left:-10px;top:27px;width:12px;height:3px;background:var(--c)}
.mcs-blog .mcs-sf__card{padding:12px 14px 12px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--rule) 55%,transparent);border-left:4px solid var(--c);background:color-mix(in srgb,var(--c) 9%,var(--paper))}
.mcs-blog .mcs-sf__pat{display:block;margin:0 0 2px;font:500 .72rem/1.3 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-sf__card b{display:block;font:600 1rem/1.3 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-sf__card p{margin:6px 0 8px;font-size:.9375rem;line-height:1.45}
.mcs-blog .mcs-sf__lnk{font:600 .875rem/1.3 var(--font-sans);color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.mcs-blog .mcs-sf__lnk:hover,.mcs-blog .mcs-sf__lnk:focus-visible{border-bottom-color:var(--accent)}
@media (min-width:48rem){
  .mcs-blog .mcs-sf__ol{padding:0!important;gap:0}
  .mcs-blog .mcs-sf__ol::before{left:50%;margin-left:-1.5px;top:0;bottom:24px}
  .mcs-blog .mcs-sf__b{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:start;padding:0 0 16px;transform:translateY(10px)}
  .mcs-blog .mcs-sf__b .mcs-sf__card{grid-column:1;grid-row:1}
  .mcs-blog .mcs-sf__b:nth-child(even) .mcs-sf__card{grid-column:3}
  .mcs-blog .mcs-sf__b .mcs-sf__dot{position:static;grid-column:2;grid-row:1;justify-self:center;margin-top:18px}
  .mcs-blog .mcs-sf__b::after{content:'';grid-column:2;grid-row:1;position:static;align-self:start;justify-self:start;margin:27px 0 0 -2px;width:14px;height:3px}
  .mcs-blog .mcs-sf__b:nth-child(even)::after{justify-self:end;margin:27px -2px 0 0}
  .mcs-blog .mcs-sf__b:nth-child(odd) .mcs-sf__card{border-left:1px solid color-mix(in srgb,var(--rule) 55%,transparent);border-right:4px solid var(--c)}
}
/* whichstory: seven lines a reader may recognise, each opens one story (details, works without JavaScript) */
.mcs-blog .mcs-ws{margin:var(--space-6) 0;padding:20px 18px;border-radius:16px;background:color-mix(in srgb,var(--sage) 55%,var(--paper));border:1px solid color-mix(in srgb,var(--rule) 60%,transparent)}
.mcs-blog .mcs-ws__cap{margin:0 0 4px;font:600 1.2rem/1.3 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-ws__note{margin:0 0 14px;font:400 .8125rem/1.45 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-ws__list{display:grid;gap:8px}
.mcs-blog .mcs-ws__d{margin:0;border-radius:14px;background:var(--paper);border:1px solid color-mix(in srgb,var(--rule) 55%,transparent);opacity:0;transform:translateY(8px);transition:opacity .45s ease calc(var(--i) * 70ms),transform .45s ease calc(var(--i) * 70ms)}
.mcs-blog .mcs-ws.is-on .mcs-ws__d{opacity:1;transform:none}
.mcs-blog .mcs-ws__d[open]{box-shadow:0 6px 18px rgb(18 64 63 / .10);border-color:var(--ink)}
.mcs-blog .mcs-ws__s{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none;font:600 .95rem/1.3 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-ws__s::-webkit-details-marker{display:none}
.mcs-blog .mcs-ws__s::marker{content:''}
.mcs-blog .mcs-ws__ic{display:block;width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--paper)}
.mcs-blog .mcs-ws__ic .mcs-wi{display:block;width:44px;height:44px}
.mcs-blog .mcs-ws__q{display:block}
.mcs-blog .mcs-ws__pm{position:relative;display:block;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ink)}
.mcs-blog .mcs-ws__pm::before,.mcs-blog .mcs-ws__pm::after{content:'';position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.mcs-blog .mcs-ws__pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}
.mcs-blog .mcs-ws__d[open] .mcs-ws__pm::after{transform:translate(-50%,-50%) rotate(0)}
.mcs-blog .mcs-ws__p{padding:0 14px 14px 14px}
.mcs-blog .mcs-ws__m{margin:0 0 8px;font-size:.9375rem;line-height:1.5}
.mcs-blog .mcs-ws__k{margin:0 0 12px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--signal) 14%,var(--paper));font:500 .8125rem/1.4 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-ws__act{margin:0;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.mcs-blog .mcs-ws__bk{font:600 .875rem/1.3 var(--font-sans);color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
@media (min-width:48rem){.mcs-blog .mcs-ws__p{padding-left:68px}}
/* bookbridge: the strong book box, cover, ten pattern chips, Amazon first */
.mcs-blog .mcs-bb{clear:both;margin:var(--space-6) 0;padding:20px 18px;border-radius:18px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1fr);gap:16px;box-shadow:0 10px 28px rgb(18 64 63 / .18)}
.mcs-blog .mcs-bb__cover{display:block;width:118px;height:156px;margin:0 auto;background:url("../img/ibsyncrasy-cover.webp") center/contain no-repeat;filter:drop-shadow(0 10px 16px rgb(0 0 0 / .35))}
.mcs-blog .mcs-bb__body{min-width:0}
.mcs-blog .mcs-bb__kicker{margin:0 0 6px;font:600 .75rem/1.3 var(--font-sans);color:color-mix(in srgb,var(--paper) 70%,transparent)}
.mcs-blog .mcs-bb__h{margin:0 0 12px;font:600 1.25rem/1.3 var(--font-serif);color:var(--paper)}
.mcs-blog .mcs-bb__pats{list-style:none!important;margin:0 0 14px;padding:0!important;display:flex;flex-wrap:wrap;gap:6px}
.mcs-blog .mcs-bb li::before{content:none!important}
.mcs-blog .mcs-bb__pat{display:inline-flex;align-items:center;gap:6px;margin:0;padding:4px 10px 4px 5px;border-radius:999px;background:var(--c);color:#12403F;font:600 .78rem/1.2 var(--font-sans)}
.mcs-blog .mcs-bb__pat--dim{background:transparent;border:1px solid color-mix(in srgb,var(--paper) 40%,transparent);color:color-mix(in srgb,var(--paper) 75%,transparent)}
.mcs-blog .mcs-bb__n{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgb(255 255 255 / .55);color:#12403F;font:700 .7rem/1 var(--font-sans)}
.mcs-blog .mcs-bb__pat--dim .mcs-bb__n{background:transparent;border:1px solid currentColor;color:inherit}
.mcs-blog .mcs-bb__act{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.mcs-blog .mcs-bb__act .mcs-btn{white-space:normal}
.mcs-blog .mcs-bb__more{font:600 .875rem/1.3 var(--font-sans);color:var(--paper)!important;text-decoration:underline;text-underline-offset:3px}
.mcs-blog .mcs-bb__facts{margin:12px 0 0;font:400 .8125rem/1.4 var(--font-sans);color:color-mix(in srgb,var(--paper) 70%,transparent)}
@media (min-width:40rem){.mcs-blog .mcs-bb{grid-template-columns:140px minmax(0,1fr);padding:24px 22px}.mcs-blog .mcs-bb__cover{width:132px;height:176px;margin:0}}
/* sticky book bar: phones and tablets, after half of the page, closes and stays closed for the visit */
.mcs-stk{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 10px 30px rgb(18 64 63 / .22);transform:translateY(130%);transition:transform .35s ease}
.mcs-stk.is-on{transform:none}
.mcs-stk[hidden]{display:none}
.mcs-stk__t{flex:1;min-width:0;margin:0;font:500 .8125rem/1.3 var(--font-sans);color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mcs-blog .mcs-stk__btn{min-height:2.4em;padding:.55em 1em;font-size:.85em;flex:0 0 auto}
.mcs-stk__x{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:var(--ink-soft);font:400 1.3rem/1 var(--font-sans);cursor:pointer}
@media (min-width:64rem){.mcs-stk{display:none!important}}
@media (prefers-reduced-motion:reduce){.mcs-blog .mcs-sf__b,.mcs-blog .mcs-ws__d{opacity:1!important;transform:none!important;transition:none!important}.mcs-stk{transition:none}}
.mcs-blog .mcs-bb .mcs-btn--accent{background:var(--signal)!important;color:#12403F!important;box-shadow:0 4px 14px rgb(0 0 0 / .25)}
.mcs-blog .mcs-bb .mcs-btn--accent:hover,.mcs-blog .mcs-bb .mcs-btn--accent:focus-visible{background:#f2a062!important;color:#12403F!important}
.mcs-blog .mcs-bb .mcs-btn--light{--mcs-btn-pat:rgba(249,245,236,.12);background:transparent!important;color:var(--paper)!important;border:1.5px solid rgb(249 245 236 / .6)!important;box-shadow:none}
.mcs-blog .mcs-bb .mcs-btn--light:hover,.mcs-blog .mcs-bb .mcs-btn--light:focus-visible{background:rgb(249 245 236 / .12)!important;color:var(--paper)!important}

/* ===== 1.7.37 (27/10/2026): !infocard, an infographic made only of HTML (decision 27/10/2026, 15 (18)) ===== */
/* numbered beads on a tube (the logo's tube and its orange end node), one point per bead, sources and gutpathways.com */
.mcs-blog .mcs-icard{margin:var(--space-6) 0;padding:0;--s:1}
.mcs-blog .mcs-icard p,.mcs-blog .mcs-icard figcaption{-webkit-hyphens:manual;hyphens:manual}
.mcs-blog .mcs-icard__sheet{position:relative;display:flex;flex-direction:column;padding:22px 18px 18px;border:1px solid var(--rule);border-radius:16px;background:radial-gradient(120% 60% at 100% 0%,color-mix(in srgb,var(--sage) 70%,transparent),transparent 60%),radial-gradient(90% 50% at 0% 100%,color-mix(in srgb,var(--signal) 10%,transparent),transparent 65%),var(--paper);overflow:hidden}
.mcs-blog .mcs-icard__k{margin:0 0 6px;font:600 calc(.75rem*var(--s))/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.mcs-blog .mcs-icard__t{margin:0 0 18px;font:600 calc(1.3125rem*var(--s))/1.25 var(--font-serif);color:var(--ink);text-align:left;text-wrap:balance}
.mcs-blog .mcs-icard__ol{position:relative;list-style:none!important;margin:0;padding:0!important;display:grid;gap:calc(16px*var(--s));counter-reset:none}
/* the tube: one piece from each bead to the next, so it ends at the last bead whatever the text length */
.mcs-blog .mcs-icard__i:not(:last-child)::after{content:"";position:absolute;left:calc(15px*var(--s));top:calc(18px*var(--s));height:calc(100% + 16px*var(--s));width:calc(6px*var(--s));border-radius:6px;background:color-mix(in srgb,var(--ink) calc(20% + var(--i)*14%),var(--bead-1));transform-origin:top}
.mcs-blog .mcs-icard__i{position:relative;margin:0!important;padding:0!important;display:grid;grid-template-columns:calc(36px*var(--s)) minmax(0,1fr);gap:calc(14px*var(--s));align-items:start}
.mcs-blog .mcs-icard__i::before{content:none!important}
.mcs-blog .mcs-icard__i--ic{grid-template-columns:calc(36px*var(--s)) minmax(0,1fr) calc(52px*var(--s))}
.mcs-blog .mcs-icard__n{position:relative;z-index:1;width:calc(36px*var(--s));height:calc(36px*var(--s));border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) calc(55% + var(--i)*9%),var(--bead-2));color:#fffcf5;font:700 calc(.875rem*var(--s))/1 var(--font-sans);box-shadow:0 0 0 calc(4px*var(--s)) var(--paper)}
.mcs-blog .mcs-icard__i:last-child .mcs-icard__n{background:var(--signal);color:#12403f}
.mcs-blog .mcs-icard__x{min-width:0;padding-top:calc(5px*var(--s))}
.mcs-blog .mcs-icard__l{margin:0 0 3px!important;font:600 calc(1.0625rem*var(--s))/1.3 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-icard__p{margin:0!important;font:400 calc(.9375rem*var(--s))/1.5 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-icard__ic{display:block;width:calc(52px*var(--s));height:calc(52px*var(--s));margin:0!important;border-radius:calc(12px*var(--s))!important;object-fit:cover;background:#f9f3ea;box-shadow:inset 0 0 0 1px rgb(18 64 63 / .06),0 2px 8px rgb(18 64 63 / .08)!important}
.mcs-blog .mcs-icard__ft{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;margin-top:calc(18px*var(--s));padding-top:calc(12px*var(--s));border-top:1px dashed color-mix(in srgb,var(--ink) 25%,transparent)}
.mcs-blog .mcs-icard__src{flex:1 1 16rem;margin:0!important;font:400 calc(.8125rem*var(--s))/1.45 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-icard__brand{flex:none;display:inline-flex;align-items:center;gap:7px;margin:0 0 0 auto!important;font:600 calc(.8125rem*var(--s))/1 var(--font-sans);color:var(--ink);letter-spacing:.01em}
.mcs-blog .mcs-icard__mark{display:block;width:calc(30px*var(--s));height:calc(10px*var(--s));background:radial-gradient(circle at 15% 50%,var(--bead-1) 0 calc(3px*var(--s)),transparent calc(3.5px*var(--s))),radial-gradient(circle at 45% 50%,var(--bead-2) 0 calc(3.5px*var(--s)),transparent calc(4px*var(--s))),radial-gradient(circle at 82% 50%,var(--signal) 0 calc(4.5px*var(--s)),transparent calc(5px*var(--s)))}
.mcs-blog .mcs-icard__save{margin-top:12px}
@media (min-width:768px){.mcs-blog .mcs-icard__sheet{padding:30px 34px 22px}.mcs-blog .mcs-icard__t{font-size:1.5rem;margin-bottom:22px}.mcs-blog .mcs-icard__ol{gap:20px}.mcs-blog .mcs-icard__i:not(:last-child)::after{height:calc(100% + 20px)}.mcs-blog .mcs-icard__i--ic{grid-template-columns:36px minmax(0,1fr) 64px}.mcs-blog .mcs-icard__ic{width:64px;height:64px}}
@media (prefers-reduced-motion:no-preference){.mcs-blog .mcs-icard.mcs-reveal:not(.is-in) .mcs-icard__i::after{transform:scaleY(0)}.mcs-blog .mcs-icard.mcs-reveal:not(.is-in) .mcs-icard__n{transform:scale(.4);opacity:0}.mcs-blog .mcs-icard__i::after{transition:transform .35s ease;transition-delay:calc(var(--i)*.12s + .3s)}.mcs-blog .mcs-icard__n{transition:transform .4s ease,opacity .4s ease;transition-delay:calc(var(--i)*.12s + .15s)}}
/* the 4:5 picture for saving (1080x1350), made from the same HTML by infocard_png.py */
.mcs-blog .mcs-icard--export{width:1080px;height:1350px;margin:0;--s:2.05}
.mcs-blog .mcs-icard--export .mcs-icard__sheet{height:100%;box-sizing:border-box;padding:92px 88px 64px;border:0;border-radius:0}
.mcs-blog .mcs-icard--export .mcs-icard__t{font-size:calc(1.5rem*var(--s));margin-bottom:calc(28px*var(--s))}
.mcs-blog .mcs-icard--export .mcs-icard__ol{flex:1;align-content:center;gap:calc(22px*var(--s))}
.mcs-blog .mcs-icard--export .mcs-icard__i:not(:last-child)::after{height:calc(100% + 22px*var(--s))}
.mcs-blog .mcs-icard--export .mcs-icard__i--ic{grid-template-columns:calc(36px*var(--s)) minmax(0,1fr) calc(64px*var(--s))}
.mcs-blog .mcs-icard--export .mcs-icard__ic{width:calc(64px*var(--s));height:calc(64px*var(--s))}
.mcs-blog .mcs-icard--export .mcs-icard__save{display:none}
.mcs-blog .mcs-icard--export .mcs-icard__n,.mcs-blog .mcs-icard--export .mcs-icard__i::after{transition:none!important;transform:none!important;opacity:1!important}

/* ===== 1.7.38 (27/10/2026): two more infographic kinds next to !infocard (decisions 15 (21) to (29)) ===== */
/* shared: no default figure margin (it narrowed the cards on phones), kicker, footer with sources and gutpathways.com */
.mcs-blog figure.mcs-icard,.mcs-blog figure.mcs-itr,.mcs-blog figure.mcs-idk{margin-left:0;margin-right:0}
.mcs-blog .mcs-itr,.mcs-blog .mcs-idk{margin:var(--space-6) 0;padding:0;--s:1}
.mcs-blog .mcs-itr p,.mcs-blog .mcs-itr figcaption,.mcs-blog .mcs-idk p,.mcs-blog .mcs-idk figcaption{margin:0!important;-webkit-hyphens:manual;hyphens:manual}
.mcs-blog .mcs-itr ol,.mcs-blog .mcs-idk ol{list-style:none!important;margin:0!important;padding:0!important}
.mcs-blog .mcs-itr li,.mcs-blog .mcs-idk li{margin:0!important;padding:0!important}
.mcs-blog .mcs-itr li::before,.mcs-blog .mcs-idk li::before{content:none!important}
.mcs-blog .mcs-itr img,.mcs-blog .mcs-idk img{margin:0!important;max-width:100%;box-shadow:none!important;border:0!important}
.mcs-blog .mcs-itr .mcs-icard__k,.mcs-blog .mcs-idk .mcs-icard__k{margin-bottom:6px!important}
.mcs-blog .mcs-itr .mcs-icard__ft,.mcs-blog .mcs-idk .mcs-icard__ft{margin-top:16px}

/* ---- tree: a centre picture with numbered marks, a branch that draws with the scroll, two outcomes with their own picture ---- */
.mcs-blog .mcs-itr__sheet{border:1px solid var(--rule);border-radius:18px;padding:16px 14px 12px;background:radial-gradient(80% 45% at 100% 0%,color-mix(in srgb,var(--sage) 75%,transparent),transparent 70%),var(--paper);color:var(--ink)}
.mcs-blog .mcs-itr__t{font:600 1.25rem/1.2 var(--font-serif);color:var(--ink);margin-bottom:8px!important;text-align:left;text-wrap:balance}
.mcs-blog .mcs-itr__pic{position:relative}
.mcs-blog .mcs-itr__pic img{display:block;width:100%;height:auto;border-radius:12px!important}
.mcs-blog .mcs-itr__m{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fffcf5;font:700 .8125rem/1 var(--font-sans);box-shadow:0 0 0 4px rgb(249 245 236 / .9),0 4px 12px rgb(18 64 63 / .25)}
.mcs-blog .mcs-itr__calls{display:grid;gap:10px;margin-top:10px!important}
.mcs-blog .mcs-itr__call{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:start}
.mcs-blog .mcs-itr__call>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fffcf5;font:700 .8125rem/1 var(--font-sans)}
.mcs-blog .mcs-itr__l{font:600 1.0625rem/1.25 var(--font-serif);color:var(--ink);margin-bottom:2px!important}
.mcs-blog .mcs-itr__p{font:400 .9375rem/1.45 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-itr__fork{display:none;width:100%;height:58px;margin-top:6px;overflow:visible}
.mcs-blog .mcs-itr__fork path{fill:none;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:var(--off,0)}
.mcs-blog .mcs-itr__out{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.mcs-blog .mcs-itr__panel{display:grid;grid-template-columns:32% minmax(0,1fr);border-radius:14px;background:#fffaf0;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);overflow:hidden;opacity:var(--po,1);transform:translateY(calc((1 - var(--po,1))*10px))}
.mcs-blog .mcs-itr__panel img{display:block;width:100%;height:100%;min-height:96px;object-fit:cover;object-position:50% 55%;border-radius:0!important}
.mcs-blog .mcs-itr__pb{padding:9px 11px 11px;min-width:0}
.mcs-blog .mcs-itr__tag{display:flex;align-items:center;gap:6px;margin-bottom:4px!important;font:700 .6875rem/1.1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}
.mcs-blog .mcs-itr__tag i{flex:none;width:9px;height:9px;border-radius:50%;display:block}
.mcs-blog .mcs-itr__panel--ok .mcs-itr__tag{color:#3f6b5c}.mcs-blog .mcs-itr__panel--ok .mcs-itr__tag i{background:var(--bead-2)}
.mcs-blog .mcs-itr__panel--warn{border-color:color-mix(in srgb,var(--signal) 55%,transparent)}
.mcs-blog .mcs-itr__panel--warn .mcs-itr__tag{color:var(--accent)}.mcs-blog .mcs-itr__panel--warn .mcs-itr__tag i{background:var(--signal)}
.mcs-blog .mcs-itr__stat{margin-top:7px!important;padding:6px 9px!important;border-radius:9px;background:color-mix(in srgb,var(--signal) 14%,var(--paper));font:600 .875rem/1.4 var(--font-sans);color:var(--ink)}
.mcs-blog .mcs-itr__note{margin-top:12px!important;padding:9px 11px!important;border-left:3px solid var(--signal);background:color-mix(in srgb,var(--sand) 45%,var(--paper));border-radius:0 10px 10px 0;font:400 .9rem/1.45 var(--font-sans);color:var(--ink)}
@media (min-width:768px){
  .mcs-blog .mcs-itr__sheet{padding:30px 36px 22px}
  .mcs-blog .mcs-itr__t{font-size:1.6rem;margin-bottom:12px!important}
  .mcs-blog .mcs-itr__m,.mcs-blog .mcs-itr__call>span{width:30px;height:30px}
  .mcs-blog .mcs-itr__call{grid-template-columns:30px minmax(0,1fr);gap:10px}
  .mcs-blog .mcs-itr__calls{grid-template-columns:1fr 1fr;gap:18px;margin-top:12px!important}
  .mcs-blog .mcs-itr__calls--one{grid-template-columns:1fr}
  .mcs-blog .mcs-itr__l{font-size:1.1rem}
  .mcs-blog .mcs-itr__p{font-size:.9375rem}
  .mcs-blog .mcs-itr__fork{display:block}
  .mcs-blog .mcs-itr__out{grid-template-columns:1fr 1fr;gap:16px;margin-top:0}
  .mcs-blog .mcs-itr__panel{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .mcs-blog .mcs-itr__panel img{aspect-ratio:16/11;height:auto}
  .mcs-blog .mcs-itr__pb{padding:12px 14px 14px}
  .mcs-blog .mcs-itr__note{font-size:.9375rem}
}

/* ---- dark: one tall picture on ink, texts in two side columns at the height of their object, lines that draw with the scroll ---- */
.mcs-blog .mcs-idk__sheet{background:#17413a;color:#f2ecdd;border-radius:18px;overflow:hidden;padding:18px 14px 0}
.mcs-blog .mcs-idk .mcs-icard__k{color:var(--signal)}
.mcs-blog .mcs-idk__t{font:600 1.25rem/1.2 var(--font-serif);color:#fffcf5;text-align:left;text-wrap:balance;margin-bottom:10px!important}
.mcs-blog .mcs-idk__grid{position:relative}
.mcs-blog .mcs-idk__pic{position:relative;width:64%;margin:0 auto}
.mcs-blog .mcs-idk__pic img{display:block;width:100%;height:auto;border-radius:0!important;background:transparent!important}
.mcs-blog .mcs-idk__mk{position:absolute;transform:translate(-50%,-50%)}
.mcs-blog .mcs-idk__n{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--signal);color:#12403f;font:700 .8125rem/1 var(--font-sans);box-shadow:0 0 0 3px rgb(23 65 58 / .85),0 0 14px rgb(232 136 63 / .55)}
.mcs-blog .mcs-idk__col{display:none}
.mcs-blog .mcs-idk__lab{position:absolute;left:0;right:0}
.mcs-blog .mcs-idk__l{display:flex;gap:8px;align-items:center;font:600 1.0625rem/1.2 var(--font-serif);color:#fffcf5;margin-bottom:4px!important}
.mcs-blog .mcs-idk__p{font:400 .9375rem/1.45 var(--font-sans);color:#c9d8d0}
.mcs-blog .mcs-idk__list{display:grid;gap:10px;padding:12px 2px 2px!important}
.mcs-blog .mcs-idk__list li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px}
.mcs-blog .mcs-idk__list .mcs-idk__l{display:block}
.mcs-blog .mcs-idk__note{margin-top:12px!important;padding:9px 11px!important;border-left:3px solid var(--signal);background:rgb(255 252 245 / .07);border-radius:0 10px 10px 0;font:400 .9rem/1.45 var(--font-sans);color:#f2ecdd}
.mcs-blog .mcs-idk .mcs-icard__ft{margin:12px 0 0;padding:10px 0 14px;border-top-color:rgb(242 236 221 / .25)}
.mcs-blog .mcs-idk .mcs-icard__src{color:#c9d8d0}
.mcs-blog .mcs-idk .mcs-icard__brand{color:#fffcf5}
.mcs-blog .mcs-idk__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;display:none}
.mcs-blog .mcs-idk__lines path{fill:none;stroke:var(--signal);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:var(--off,0);opacity:.85}
@media (min-width:768px){
  .mcs-blog .mcs-idk__sheet{padding:30px 30px 0}
  .mcs-blog .mcs-idk__t{font-size:1.6rem;margin-bottom:16px!important}
  .mcs-blog .mcs-idk__grid{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:18px}
  .mcs-blog .mcs-idk__pic{width:auto;margin:0}
  .mcs-blog .mcs-idk__col{display:block;position:relative}
  .mcs-blog .mcs-idk__l{font-size:1rem}
  .mcs-blog .mcs-idk__p{font-size:.875rem}
  .mcs-blog .mcs-idk__list{display:none}
  .mcs-blog .mcs-idk__lines{display:block}
  .mcs-blog .mcs-idk .mcs-icard__ft{padding:14px 0 18px}
}
/* without JavaScript the side columns cannot be placed, so the list under the picture stays */
.mcs-blog .mcs-idk:not(.is-laid) .mcs-idk__col,.mcs-blog .mcs-idk:not(.is-laid) .mcs-idk__lines{display:none!important}
.mcs-blog .mcs-idk:not(.is-laid) .mcs-idk__list{display:grid!important}
.mcs-blog .mcs-idk:not(.is-laid) .mcs-idk__grid{display:block}
.mcs-blog .mcs-idk:not(.is-laid) .mcs-idk__pic{width:64%;margin:0 auto}
@media (prefers-reduced-motion:reduce){.mcs-blog .mcs-itr__panel{opacity:1!important;transform:none!important}.mcs-blog .mcs-itr__fork path,.mcs-blog .mcs-idk__lines path{stroke-dashoffset:0!important}}
.mcs-blog .mcs-idk__pic img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
/* 1.7.47 bookmatch (!bookmatch): one box per article, tied to one case of IBSyncrasy, approved sample 27/10/2026 */
.mcs-blog .mcs-bkm{clear:both;position:relative;margin:var(--space-6) 0;padding:18px 18px 18px 22px;border-radius:18px;background:var(--paper);border:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,1fr);gap:14px;overflow:hidden;box-shadow:0 8px 24px rgb(18 64 63 / .10)}
.mcs-blog .mcs-bkm::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--c)}
.mcs-blog .mcs-bkm__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mcs-blog .mcs-bkm__pat{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;background:var(--c);color:var(--ct);font:600 .8125rem/1.2 var(--font-sans)}
.mcs-blog .mcs-bkm__n{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgb(255 255 255 / .55);color:#12403F;font:700 .7rem/1 var(--font-sans)}
.mcs-blog .mcs-bkm__tag{padding:3px 10px;border-radius:999px;border:1px solid var(--ink);color:var(--ink);font:600 .75rem/1.3 var(--font-sans);letter-spacing:.04em;text-transform:uppercase}
.mcs-blog .mcs-bkm__tag--sim{border-style:dashed;color:var(--ink-soft);border-color:var(--ink-soft)}
.mcs-blog .mcs-bkm__main{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"ic h" "p p";gap:12px 14px;align-items:center}.mcs-blog .mcs-bkm__ic{grid-area:ic}.mcs-blog .mcs-bkm__h{grid-area:h}.mcs-blog .mcs-bkm__p{grid-area:p}
.mcs-blog .mcs-bkm__ic{width:56px;height:56px;border-radius:14px;background:#f9f3ea center/cover no-repeat;box-shadow:inset 0 0 0 1px rgb(18 64 63 / .06),0 2px 8px rgb(18 64 63 / .08)}
.mcs-blog .mcs-bkm__h{margin:0!important;font:600 1.1875rem/1.3 var(--font-serif);color:var(--ink)}
.mcs-blog .mcs-bkm__p{margin:0!important;font:400 .9375rem/1.55 var(--font-sans);color:var(--ink-soft)}
.mcs-blog .mcs-bkm__act{margin:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.mcs-blog .mcs-bkm__act .mcs-btn{white-space:normal}
.mcs-blog .mcs-bkm .mcs-btn--accent{background:var(--signal)!important;color:#12403F!important}
.mcs-blog .mcs-bkm .mcs-btn--line{background:transparent!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important;box-shadow:none}
.mcs-blog .mcs-bkm__more{font:600 .875rem/1.3 var(--font-sans);color:var(--accent)!important;text-decoration:underline;text-underline-offset:3px}
.mcs-blog .mcs-bkm__cover{display:none}
@media (min-width:40rem){.mcs-blog .mcs-bkm{grid-template-columns:minmax(0,1fr) 96px;padding:22px 24px 22px 28px;column-gap:22px}.mcs-blog .mcs-bkm__top,.mcs-blog .mcs-bkm__main,.mcs-blog .mcs-bkm__act{grid-column:1}.mcs-blog .mcs-bkm__cover{display:block;grid-column:2;grid-row:1/4;align-self:center;width:96px;height:128px;background:url("../img/ibsyncrasy-cover.webp") center/contain no-repeat;filter:drop-shadow(0 8px 14px rgb(0 0 0 / .28))}.mcs-blog .mcs-bkm__main{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"ic h" "ic p";row-gap:6px;align-items:start}.mcs-blog .mcs-bkm__ic{width:64px;height:64px}}

/* 1.7.47 the ten book cases: "This is case N in the book IBSyncrasy" right under the title */
.mcs-blog .mcs-hero__book{margin:var(--space-2) 0 0!important;font:600 .875rem/1.4 var(--font-sans)}
.mcs-blog .mcs-hero__book a{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:rgb(232 136 63 / .12);color:var(--ink)!important;text-decoration:none!important;border:1px solid rgb(232 136 63 / .45)}
.mcs-blog .mcs-hero__book a::before{content:"";width:14px;height:18px;background:url("../img/ibsyncrasy-cover.webp") center/contain no-repeat;flex:none}
.mcs-blog .mcs-hero__book a:hover,.mcs-blog .mcs-hero__book a:focus-visible{background:rgb(232 136 63 / .22)}