/* mmix.ua «Упаковка франшиз» 27.10.2026 — additions to /files/css/mmix-expert.css (.mxep base).
   Hub reuses .mxep sections/rows/steps/FAQ; articles: hero, sticky contents, 70ch prose, scrollable tables, CTA box, related rows. */
.mxfr{--acc:#005dff;--acc-d:#0041b8;--soft:#f3f5f9}

/* prose (hub section bodies + articles) */
.mxfr-prose{font-size:17px;line-height:1.65;color:var(--txt)}
.mxfr-prose>*+*{margin-top:0}
.mxfr-prose p{margin:0 0 16px}
.mxfr-prose a:not(.mxep-btn){color:var(--acc);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mxfr-prose a:not(.mxep-btn):hover{text-decoration-thickness:2px;color:var(--acc-d)}
.mxfr-prose strong{font-weight:700;color:var(--ink)}
.mxfr-prose ul:not(.mxep-rows):not(.mxep-steps){list-style:disc;margin:0 0 18px;padding-left:1.25em}
.mxfr-prose ol:not(.mxep-steps):not(.mxfr-src){list-style:decimal;margin:0 0 18px;padding-left:1.5em}
.mxfr-prose ul:not(.mxep-rows):not(.mxep-steps)>li,.mxfr-prose ol:not(.mxep-steps):not(.mxfr-src)>li{margin:0 0 8px;padding-left:.2em}
.mxfr-prose ul:not(.mxep-rows):not(.mxep-steps)>li{list-style:disc}
.mxfr-prose ol:not(.mxep-steps):not(.mxfr-src)>li,.mxfr-src>li{list-style:decimal}
.mxfr-prose li::marker{color:var(--acc);font-weight:700}
.mxfr-prose h3,.mxfr-prose .mxfr-h3{font:19px/1.35 HelveticaBold,Arial,sans-serif;margin:28px 0 10px;color:var(--ink)}
.mxfr-after-photo{margin-top:28px}

/* tables: scroll sideways on phones, never squeeze */
.mxfr-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0 22px;border-top:3px solid var(--ink)}
.mxfr-tbl:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.mxfr-tbl table{width:100%;min-width:620px;border-collapse:collapse;font-size:15px;line-height:1.5;background:#fff}
.mxfr-tbl th{font:13px/1.3 HelveticaBold,Arial,sans-serif;letter-spacing:.02em;text-align:left;color:var(--ink);background:var(--soft);padding:12px 14px;vertical-align:bottom}
.mxfr-tbl td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.mxfr-tbl td:first-child{font-weight:600;color:var(--ink)}
.mxfr-tbl tr:hover td{background:#fcfcfc}

/* hub: package rows and who-leads tag */
.mxfr .mxep-row h3,.mxfr .mxep-step h3{margin:0 0 8px}
.mxfr .mxep-row h3{margin:0}
.mxfr-hub .mxep-hero .header-dscr{font-size:18px;max-width:820px}
.mxfr-pkg h3{font-size:18px}
.mxfr .mxfr-who{margin-top:10px;font-size:14px;color:var(--ink)}
.mxfr-who span{display:inline-block;margin-right:8px;font:11px/1.2 HelveticaBold,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.mxfr .mxep-rows{margin-bottom:22px}
.mxfr .mxep-steps{margin-bottom:22px}
.mxfr .mxep-step p{font-size:16px;margin:0}

/* doors (guides / read also) */
.mxfr .mxfr-doors a.mxep-door{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto;align-items:start}
.mxfr .mxfr-doors .mxep-door-t{font-size:17px}
.mxfr .mxfr-doors .mxep-door-d{font-size:15px;color:var(--mute)}
.mxfr .mxfr-doors a.mxep-door:hover .mxep-door-m i,.mxfr .mxfr-doors a.mxep-door:hover .mxep-door-m{transform:translateX(4px)}
.mxfr .mxep-door-m{transition:transform .25s cubic-bezier(.16,1,.3,1)}

/* sources */
.mxfr-src{list-style:decimal;padding-left:1.5em;margin:0 0 14px;font-size:14px;line-height:1.5}
.mxfr-src li{margin:0 0 6px}
.mxfr-src li::marker{color:var(--mute)}
.mxfr .mxfr-src a{color:var(--ink);text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px;overflow-wrap:anywhere}
.mxfr .mxfr-src a:hover{color:var(--acc);text-decoration-color:var(--acc)}

/* article hero */
.mxfr-ahero .container{max-width:1140px}
.mxfr-ahero h1{font-size:clamp(26px,3vw,40px);max-width:980px;text-transform:none;line-height:1.18}
.mxfr-ahero .mxep-eyebrow a{color:#a9c4ff;text-decoration:none}
.mxfr-ahero .mxep-eyebrow a:hover{text-decoration:underline}
.mxfr-meta{margin:0;font-size:14px;color:#c3ccd8}

/* mobile contents (after the lede); desktop uses the sticky aside */
.mxfr-mtoc{display:none;margin:0 0 26px;border-top:3px solid var(--ink);border-bottom:1px solid var(--line)}
.mxfr-mtoc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 0;font:14px/1.2 HelveticaBold,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.mxfr-mtoc summary::-webkit-details-marker{display:none}
.mxfr-mtoc summary:after{content:"";flex:0 0 12px;height:12px;background:linear-gradient(var(--ink),var(--ink)) center/12px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 12px no-repeat;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.mxfr-mtoc[open] summary:after{transform:rotate(45deg)}
.mxfr .mxfr-mtoc ol{list-style:decimal;margin:0 0 14px;padding-left:1.6em}
.mxfr .mxfr-mtoc li{list-style:decimal;margin:0;padding:6px 0;font-size:15px;line-height:1.4}
.mxfr-mtoc li::marker{color:var(--mute);font-size:13px}
.mxfr .mxfr-mtoc a{color:var(--ink);text-decoration:none}

/* article body: contents | prose */
.mxfr-awrap{display:grid;grid-template-columns:250px minmax(0,720px);gap:64px;padding-top:48px;padding-bottom:64px;max-width:1140px}
.mxfr-toc{position:relative}
.mxfr-toc nav{position:sticky;top:110px}
.mxfr-toc ol{border-top:3px solid var(--ink);counter-reset:t;margin:0 0 22px}
.mxfr-toc li{border-bottom:1px solid var(--line);counter-increment:t}
.mxfr-toc a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;padding:9px 0;font-size:14px;line-height:1.35;color:var(--ink);text-decoration:none}
.mxfr-toc a:before{content:counter(t,decimal-leading-zero);font:11px/1.9 HelveticaBold,Arial,sans-serif;color:var(--mute)}
.mxfr-toc a:hover{color:var(--acc)}
.mxfr .mxfr-toc a.mxep-btn{display:flex;width:100%;font-size:13px;padding:12px 16px;color:#fff;grid-template-columns:none}
.mxfr .mxfr-toc a.mxep-btn:before{content:none}
.mxfr-article{min-width:0}
.mxep .mxfr-article h2{font:24px/1.25 HelveticaBold,Arial,sans-serif;text-transform:none;margin:48px 0 16px;scroll-margin-top:110px}
.mxep .mxfr-article>h2:first-of-type{margin-top:40px}
.mxfr-article h3{scroll-margin-top:110px}
.mxfr-lede{font-size:19px;line-height:1.6;color:var(--ink);padding:2px 0 2px 18px;border-left:3px solid var(--acc);margin-bottom:22px!important}
.mxfr-ctabox{margin:48px 0 8px;padding:28px 28px 30px;background:var(--soft);border-top:4px solid var(--acc)}
.mxfr-ctabox h2{margin-top:0!important}
.mxfr-ctabox .mxep-cta{margin-top:18px}
.mxfr-article .mxep-faq{margin-top:6px}
.mxfr-related{padding:56px 0 72px;border-top:1px solid var(--line)}
.mxfr-related .mxep-k{margin-bottom:16px}

@media (max-width:991px){
  .mxfr-awrap{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:28px}
  .mxfr-toc{display:none}
  .mxfr-mtoc{display:block}
}
@media (max-width:767px){
  .mxfr-prose{font-size:16px}
  .mxfr-lede{font-size:17px;padding-left:14px}
  .mxep .mxfr-article h2{font-size:21px;margin-top:40px}

  .mxfr-ahero .container{padding:0 16px}
  .mxfr-ctabox{padding:22px 18px 24px;margin-left:-4px;margin-right:-4px}
  .mxfr .mxfr-doors a.mxep-door{grid-template-columns:1fr;gap:6px}
  .mxfr .mxfr-doors .mxep-door-m{display:none}
  .mxfr-hub .mxep-hero .header-dscr{font-size:16px}
  .mxfr-tbl{margin-right:-16px}
  .mxfr-tbl table{min-width:560px;font-size:14px}
  .mxfr-related{padding:40px 0 48px}
}
@media (prefers-reduced-motion:reduce){.mxfr .mxep-door-m{transition:none}}