/* MYCELX Landfill Leachate page: light photo hero, 3-stat band, challenge cards, treatment process, horizontal accordion, downloads, Get Started.
   Desktop values are PSD px x --mx-u (see mx-product.css). --ll-u is one PSD px for the accordion at >= 1024 (fluid on tablet landscape). */
.mx-chero-bg{background-image:url("../img/landfill-leachate/landfill-leachate-hero.webp")}
.mx-stats{background-image:url("../img/landfill-leachate/landfill-leachate-stats-background.webp")}

/* ================= Hero: dark copy on a light sky, left aligned ================= */
.mx-lhero{--mx-chero-h:855;--mx-chero-top:231;text-align:left;min-height:clamp(560px,86svh,700px)}
.mx-lhero .mx-chero-bg{background-position:74% 100%}
.mx-lhero .mx-chero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 62%)}
.mx-lhero h1{margin-left:0;margin-right:0;max-width:none}
.mx-lhero-text{margin-top:16px;font-size:15px;line-height:1.55;color:var(--mx-grey);max-width:30em}
.mx-lhero .mx-btn{margin-top:24px;width:100%}
.mx-anim :is(.mx-lhero-text,.mx-lhero .mx-btn){opacity:0}

/* ================= Stats: three, Non-Detect set smaller ================= */
.mx-ll-stats .mx-stats-list{max-width:340px}
.mx-ll-stats .mx-stat-num{display:block;white-space:nowrap}
.mx-ll-nd{font-size:.75em}

/* ================= Challenge: three photo cards ================= */
.mx-ll-challenge{padding:56px var(--mx-gutter) 64px}
.mx-ll-cards{list-style:none;display:grid;gap:36px;max-width:520px;margin:32px auto 0}
.mx-ll-challenge-card .mx-pl{aspect-ratio:451/363}
.mx-ll-challenge-card h3{font:700 22px/1.15 var(--mx-font-head);margin:18px 0 8px;color:var(--mx-ink)}
.mx-ll-challenge-card p{font-size:15px;line-height:1.6;color:var(--mx-grey)}
.mx-anim .mx-ll-challenge-card :is(h3,p){opacity:0}

/* ================= Process: dark band with 5 steps; the photo straddles the band's lower edge ================= */
.mx-ll-dark{padding:56px var(--mx-gutter) 104px;color:#fff;background:#091722 url("../img/landfill-leachate/landfill-leachate-process-background.webp") 50% 0/100% 100% no-repeat}
.mx-ll-steps{list-style:none;display:grid;gap:28px;max-width:520px;margin:36px auto 0}
.mx-ll-step{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start}
.mx-ll-step>*{grid-column:2}
.mx-ll-step .mx-ll-step-num{grid-column:1;grid-row:1/span 3}
.mx-ll-step-num{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:#226cf2;color:#fff;font:700 22px/1 var(--mx-font-head)}
.mx-ll-step-label{font:700 12px/1.5 var(--mx-font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--mx-blue-on-dark)}
.mx-ll-step h3{font:700 22px/1.15 var(--mx-font-head);margin:4px 0 6px}
.mx-ll-step p:last-child{font-size:15px;line-height:1.55}
.mx-ll-figwrap{padding:0 var(--mx-gutter) 56px}
.mx-ll-figure{margin:calc(-.32*(var(--mx-frame-w) - 2*var(--mx-gutter))) 0 0;border-radius:var(--mx-radius-img);overflow:hidden;position:relative}
.mx-ll-figure img{display:block;width:100%;height:auto}
.mx-ll-notes{list-style:none;display:grid;gap:16px;margin-top:-64px;position:relative;z-index:1}   /* client 10-13: landfill photo removed, the two boxes straddle the dark band's edge (PSB) */
.mx-ll-notes li{padding:28px 24px 30px;border-radius:var(--mx-radius-img);background:#091721;color:#fff;text-align:center}
.mx-ll-notes h3{font:700 22px/1.2 var(--mx-font-head);margin-bottom:10px}
.mx-ll-notes p{font-size:15px;line-height:1.6}
.mx-anim :is(.mx-ll-step,.mx-ll-notes li,.mx-ll-figure){opacity:0}

/* ================= Accordion (Superior Performance) ================= */
.mx-ll-perf{padding:24px var(--mx-gutter) 64px}
.mx-ll-acc{list-style:none;display:grid;gap:12px;margin-top:32px;max-width:640px;margin-left:auto;margin-right:auto}
.mx-ll-card{position:relative;padding:20px 60px 20px 20px;border-radius:var(--mx-radius-img);background:#ededed;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}
.mx-ll-card-icon{grid-column:1;grid-row:1;width:calc(var(--w,70)*.5px);height:auto;max-height:44px}
.mx-ll-card-h{grid-column:2;grid-row:1;margin:0;font:700 20px/1.15 var(--mx-font-head);color:var(--mx-ink)}
.mx-ll-card-btn{all:unset;box-sizing:border-box;display:block;cursor:pointer;font:inherit;color:inherit}
.mx-ll-card-btn[aria-expanded="false"]::after{content:"";position:absolute;inset:0;border-radius:inherit}
.mx-ll-card:has(.mx-ll-card-btn:focus-visible){outline:3px solid #ffb703;outline-offset:2px}
.mx-ll-t-short{display:none}
.mx-ll-t-full{display:inline}



.mx-ll-card-panel{grid-column:1/-1;margin-top:16px}
.mx-ll-card-panel[hidden]{display:none}
.mx-ll-card-panel p{font-size:15px;line-height:1.6;color:var(--mx-grey)}
.mx-ll-card-panel ul{list-style:none;margin-top:14px;display:grid;gap:8px}
.mx-ll-card-panel li{position:relative;padding-left:30px;font-size:15px;line-height:1.55;color:var(--mx-grey)}
.mx-ll-card-panel li svg{position:absolute;left:4px;top:.4em;width:14px;height:12px}
@media (hover:hover){.mx-ll-card-btn[aria-expanded="false"]:hover{color:var(--mx-blue-text)}}
.mx-anim .mx-ll-card{opacity:0}

/* ================= Downloads ================= */
.mx-ll-docs{padding:56px var(--mx-gutter) 64px;color:#fff;background:#091722 url("../img/landfill-leachate/landfill-leachate-downloads-background.webp") 50% 100%/100% 100% no-repeat}
.mx-ll-docs .mx-eyebrow{color:var(--mx-blue-on-dark)}
.mx-ll-docs h2{font:700 38px/1.06 var(--mx-font-head);margin:10px 0 16px;letter-spacing:0}
.mx-ll-docs-copy>p:last-child{font-size:15px;line-height:1.55;max-width:26em}
.mx-ll-doclist{list-style:none;display:grid;gap:20px;margin-top:36px;max-width:520px}
.mx-ll-doc{display:flex;flex-direction:column;align-items:flex-start;padding:28px 26px 30px;border-radius:var(--mx-radius-img);background:#fff;color:var(--mx-ink)}
.mx-ll-doc-icon{width:30px;height:40px;margin-bottom:14px}
.mx-ll-doc-kind{font:700 13px/1.4 var(--mx-font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--mx-grey)}
.mx-ll-doc h3{font:700 24px/1.1 var(--mx-font-head);margin:8px 0 12px}
.mx-ll-doc p:not(.mx-ll-doc-kind){font-size:15px;line-height:1.6;color:var(--mx-grey)}
.mx-ll-doc-link{display:inline-flex;align-items:center;gap:.6em;margin-top:auto;padding-top:18px;font-size:15px;color:var(--mx-blue-text);text-decoration:none}
.mx-ll-doc-link svg{width:1em;height:1em;flex:none}
@media (hover:hover){.mx-ll-doc-link:hover{text-decoration:underline}}
.mx-anim :is(.mx-ll-docs .mx-eyebrow,.mx-ll-docs-copy>p:last-child,.mx-ll-doc){opacity:0}
.mx-anim .mx-ll-docs h2{visibility:hidden}

/* ================= Get Started (dark copy on the photo; PSB copy x 989, y 6157) ================= */
.mx-cta--landfill{--mx-cta-heading:#091722;--mx-cta-ink:#555;--mx-cta-eyebrow:#226cf2;--mx-cta-phone:#226cf2;--mx-cta-h:671.8px;--mx-cta-x:427.1px;--mx-cta-top:86.7px;--mx-wx:.05}
.mx-cta--landfill .mx-eyebrow{letter-spacing:.5em}
.mx-cta--landfill .mx-stage{--mx-asp:2000/933;--mx-px:.14}
@media (min-width:768px){.mx.mx .mx-cta--landfill .mx-stage{--mx-px:.18}}

/* ---- wide mobile (>= 550px) ---- */
@media (min-width:550px){
  .mx.mx .mx-lhero .mx-btn{width:auto}
  .mx.mx .mx-ll-stats .mx-stat-num{font-size:28px}
  .mx.mx .mx-ll-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:none}
  .mx.mx .mx-ll-notes{grid-template-columns:1fr 1fr}
  .mx.mx .mx-ll-doclist{grid-template-columns:1fr 1fr;max-width:none}
}

/* ---- tablet (>= 768px) ---- */
@media (min-width:768px){
  .mx.mx .mx-lhero{min-height:clamp(600px,70svh,760px)}
  .mx.mx .mx-lhero-copy{max-width:640px}
  .mx.mx .mx-lhero-text{font-size:calc(16px + 1.2*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-stats .mx-stats-list{max-width:none}
  .mx.mx .mx-ll-stats .mx-stat-num{font-size:calc(38px + 12*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-challenge{padding:96px var(--mx-gutter) 104px}
  .mx.mx .mx-ll-cards{gap:28px;margin-top:56px}
  .mx.mx .mx-ll-challenge-card h3{font-size:calc(22px + 3*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-challenge-card p{font-size:calc(15px + 1.2*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-dark{padding:104px var(--mx-gutter) 132px}
  .mx.mx .mx-ll-steps{max-width:640px;margin-top:56px;gap:32px}
  .mx.mx .mx-ll-step h3{font-size:calc(22px + 3*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-step p:last-child{font-size:calc(15px + 1.2*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-step-label{font-size:var(--mx-eb)}
  .mx.mx .mx-ll-figwrap{padding-bottom:104px}
  .mx.mx .mx-ll-notes{gap:24px;margin-top:-80px}
  .mx.mx .mx-ll-notes h3{font-size:calc(22px + 3*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-perf{padding:48px var(--mx-gutter) 104px}
  .mx.mx .mx-ll-acc{margin-top:56px}
  .mx.mx .mx-ll-card{padding:26px 72px 26px 28px}
  .mx.mx .mx-ll-card-h{font-size:calc(22px + 6*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-card-panel p,.mx.mx .mx-ll-card-panel li{font-size:calc(15px + 1.2*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-docs{padding:96px var(--mx-gutter) 104px}
  .mx.mx .mx-ll-docs h2{font-size:calc(38px + 26*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-docs-copy>p:last-child{font-size:calc(16px + 1.2*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-doc{padding:32px 30px 34px}
  .mx.mx .mx-ll-doc h3{font-size:calc(24px + 4*(var(--mx-frame-w) - 768px)/432)}
  .mx.mx .mx-ll-doc p:not(.mx-ll-doc-kind),.mx.mx .mx-ll-doc-link{font-size:calc(15px + 1.2*(var(--mx-frame-w) - 768px)/432)}
}

/* ---- tablet landscape (>= 1024px): five steps across, horizontal accordion ---- */
@media (min-width:1024px){
  .mx.mx{--ll-u:calc((var(--mx-frame-w) - 2*var(--mx-gutter))/1409)}
  .mx.mx .mx-ll-steps{max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 12px}
  .mx.mx .mx-ll-step{display:flex;flex-direction:column;align-items:center;text-align:center}
  .mx.mx .mx-ll-step>*{grid-column:auto}
  .mx.mx .mx-ll-step-num{width:calc(42*var(--ll-u));min-width:32px;height:calc(42*var(--ll-u));min-height:32px;font-size:max(18px,calc(26*var(--ll-u)));margin-bottom:14px}
  .mx.mx .mx-ll-step-label{margin-bottom:6px}
  .mx.mx .mx-ll-step p:last-child{max-width:12em}
  .mx.mx .mx-ll-acc{display:flex;align-items:flex-start;gap:calc(27*var(--ll-u));max-width:none;margin-top:calc(58*var(--ll-u))}
  .mx.mx .mx-ll-card{display:block;flex:213 0 0;min-width:0;min-height:calc(292*var(--ll-u));padding:calc(28*var(--ll-u)) calc(32*var(--ll-u)) calc(30*var(--ll-u));border-radius:calc(20*var(--ll-u));transition:flex-grow .5s cubic-bezier(.2,.7,.2,1),min-height .5s cubic-bezier(.2,.7,.2,1)}
  .mx.mx .mx-ll-card.mx-is-open{flex:693 0 0;min-height:calc(415*var(--ll-u))}
  .mx.mx .mx-ll-card-icon{display:block;width:calc(var(--w,70)*var(--ll-u));max-height:none;margin:0}
  .mx.mx .mx-ll-card-h{font-size:max(16px,calc(25*var(--ll-u)));line-height:1.12;margin-top:calc(66*var(--ll-u))}
  .mx.mx .mx-ll-card.mx-is-open .mx-ll-card-h{font-size:max(24px,calc(40*var(--ll-u)));line-height:1.1;margin-top:calc(28*var(--ll-u))}
  .mx.mx .mx-ll-card:not(.mx-is-open) .mx-ll-t-short{display:inline}
  .mx.mx .mx-ll-card:not(.mx-is-open) .mx-ll-t-full{display:none}
  .mx.mx .mx-ll-card.mx-is-open .mx-ll-t-short{display:none}


  .mx.mx .mx-ll-card-panel{margin-top:calc(14*var(--ll-u))}
  .mx.mx .mx-ll-card-panel p{font-size:max(14px,calc(16*var(--ll-u)));line-height:1.625;max-width:calc(600*var(--ll-u))}
  .mx.mx .mx-ll-card-panel ul{margin-top:calc(18*var(--ll-u));gap:calc(3*var(--ll-u))}
  .mx.mx .mx-ll-card-panel li{font-size:max(14px,calc(16*var(--ll-u)));line-height:1.625;padding-left:calc(50*var(--ll-u))}
  .mx.mx .mx-ll-card-panel li svg{left:calc(22*var(--ll-u))}
  .mx.mx .mx-ll-docs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:0 40px;align-items:start}
  .mx.mx .mx-ll-doclist{margin-top:0}
  .mx.mx .mx-ll-docs h2{font-size:calc(38px + 26*(var(--mx-frame-w) - 768px)/432)}
}
@media (min-width:1024px) and (max-width:1199px){
  .mx.mx .mx-ll-card-panel p{max-width:none}
}
@media (prefers-reduced-motion:reduce){.mx.mx .mx-ll-card{transition:none}}

/* ---- desktop (>= 1200px): the PSD ---- */
@media (min-width:1200px){
  .mx.mx .mx-lhero .mx-chero-bg::after{display:none}   /* desktop shows the PSD photo exactly as exported (no extra wash) */
  .mx.mx{--ll-u:var(--mx-u)}
  .mx.mx .mx-lhero-copy{padding-left:calc(var(--mx-u)*123);max-width:none}
  .mx.mx .mx-lhero-text{margin-top:calc(var(--mx-u)*24);max-width:calc(var(--mx-u)*585);font-size:calc(var(--mx-u)*20);line-height:1.4}
  .mx.mx .mx-lhero .mx-btn{margin-top:calc(var(--mx-u)*30);min-height:calc(var(--mx-u)*43);font-size:calc(var(--mx-u)*16)}
  .mx.mx .mx-lhero h1{margin-top:calc(var(--mx-u)*14)}
  /* stats: three columns on the 480 px pitch of the PSD */
  .mx.mx .mx-ll-stats{padding:calc(var(--mx-u)*82) var(--mx-side) calc(var(--mx-u)*81)}
  .mx.mx .mx-ll-stats .mx-stats-list{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:normal;column-gap:calc(var(--mx-u)*26)}
  .mx.mx .mx-ll-stats .mx-stat{padding-left:calc(var(--mx-u)*39);min-height:calc(var(--mx-u)*235)}
  .mx.mx .mx-ll-stats .mx-stat-num{font-size:calc(var(--mx-u)*100);line-height:1;margin-top:calc(var(--mx-u)*22)}
  .mx.mx .mx-ll-stats .mx-stat-label{margin-top:calc(var(--mx-u)*3);max-width:calc(var(--mx-u)*300);font-size:calc(var(--mx-u)*20);line-height:1.5}
  /* section headings of this page: PSD leading 79 on 75 */
  .mx.mx :is(.mx-ll-challenge,.mx-ll-process,.mx-ll-perf) .mx-sechead h2{line-height:1.054;margin:calc(var(--mx-u)*9) 0 calc(var(--mx-u)*23)}
  .mx.mx :is(.mx-ll-challenge,.mx-ll-process,.mx-ll-perf) .mx-sechead-intro{max-width:calc(var(--mx-u)*704);font-size:calc(var(--mx-u)*20);line-height:1.4}
  .mx.mx .mx-ll-process .mx-sechead-intro{max-width:calc(var(--mx-u)*835)}
  .mx.mx .mx-ll-perf .mx-sechead-intro{max-width:calc(var(--mx-u)*700)}
  /* challenge */
  .mx.mx .mx-ll-challenge{padding:calc(var(--mx-u)*125) var(--mx-side) calc(var(--mx-u)*142)}
  .mx.mx .mx-ll-cards{max-width:none;gap:0 calc(var(--mx-u)*29);margin-top:calc(var(--mx-u)*70)}
  .mx.mx .mx-ll-challenge-card h3{margin:calc(var(--mx-u)*24) 0 calc(var(--mx-u)*10);font-size:calc(var(--mx-u)*25);line-height:1.1}
  .mx.mx .mx-ll-challenge-card p{font-size:calc(var(--mx-u)*16);line-height:1.625;max-width:calc(var(--mx-u)*435)}
  /* process */
  .mx.mx .mx-ll-dark{padding:calc(var(--mx-u)*154) var(--mx-side) calc(var(--mx-u)*192)}
  .mx.mx .mx-ll-steps{width:min(calc(var(--mx-u)*1472),calc(var(--mx-frame-w) - 2*var(--mx-gutter)));max-width:none;margin:calc(var(--mx-u)*68) auto 0;gap:0}
  .mx.mx .mx-ll-step-num{width:calc(var(--mx-u)*42);height:calc(var(--mx-u)*42);border-radius:calc(var(--mx-u)*6);font-size:calc(var(--mx-u)*26);margin-bottom:calc(var(--mx-u)*22)}
  .mx.mx .mx-ll-step-label{font-size:calc(var(--mx-u)*16);margin-bottom:calc(var(--mx-u)*8)}
  .mx.mx .mx-ll-step h3{font-size:calc(var(--mx-u)*25);line-height:1.12;margin:0 0 calc(var(--mx-u)*14)}
  .mx.mx .mx-ll-step p:last-child{font-size:calc(var(--mx-u)*16);line-height:1.625;max-width:calc(var(--mx-u)*170)}
  .mx.mx .mx-ll-figwrap{padding:0 var(--mx-side) 0}
  .mx.mx .mx-ll-figure{width:calc(var(--mx-u)*1169);max-width:100%;margin:calc(var(--mx-u)*-392) auto 0;border-radius:calc(var(--mx-u)*20)}
  .mx.mx .mx-ll-notes{width:calc(var(--mx-u)*1172);max-width:100%;margin:calc(var(--mx-u)*-101) auto 0;gap:calc(var(--mx-u)*29)}
  .mx.mx .mx-ll-notes li{padding:calc(var(--mx-u)*40) calc(var(--mx-u)*48) 0;min-height:calc(var(--mx-u)*202);border-radius:calc(var(--mx-u)*20)}
  .mx.mx .mx-ll-notes h3{font-size:calc(var(--mx-u)*25);margin-bottom:calc(var(--mx-u)*16)}
  .mx.mx .mx-ll-notes p{font-size:calc(var(--mx-u)*16);line-height:1.625}
  /* accordion */
  .mx.mx .mx-ll-perf{padding:calc(var(--mx-u)*148) var(--mx-side) calc(var(--mx-u)*219)}
  .mx.mx .mx-ll-acc{margin-top:calc(var(--mx-u)*64)}
  /* downloads */
  .mx.mx .mx-ll-docs{grid-template-columns:minmax(0,1fr) calc(var(--mx-u)*693);gap:0;padding:calc(var(--mx-u)*166) var(--mx-side) calc(var(--mx-u)*146)}
  .mx.mx .mx-ll-docs-copy{padding:calc(var(--mx-u)*52) 0 0 calc(var(--mx-u)*123)}
  .mx.mx .mx-ll-docs .mx-eyebrow{font-size:calc(var(--mx-u)*20)}
  .mx.mx .mx-ll-docs h2{font-size:calc(var(--mx-u)*75);line-height:1.054;margin:calc(var(--mx-u)*8) 0 calc(var(--mx-u)*26)}
  .mx.mx .mx-ll-docs-copy>p:last-child{font-size:calc(var(--mx-u)*20);line-height:1.4;max-width:calc(var(--mx-u)*420)}
  .mx.mx .mx-ll-doclist{gap:calc(var(--mx-u)*27);max-width:none}
  .mx.mx .mx-ll-doc{min-height:calc(var(--mx-u)*489);padding:calc(var(--mx-u)*34) calc(var(--mx-u)*30) calc(var(--mx-u)*68) calc(var(--mx-u)*32);border-radius:calc(var(--mx-u)*20)}
  .mx.mx .mx-ll-doc-icon{width:calc(var(--mx-u)*30);height:calc(var(--mx-u)*40);margin-bottom:calc(var(--mx-u)*18)}
  .mx.mx .mx-ll-doc-kind{font-size:calc(var(--mx-u)*16);letter-spacing:0}
  .mx.mx .mx-ll-doc h3{font-size:calc(var(--mx-u)*25);line-height:1.05;margin:calc(var(--mx-u)*8) 0 calc(var(--mx-u)*14)}
  .mx.mx .mx-ll-doc p:not(.mx-ll-doc-kind){font-size:calc(var(--mx-u)*16);line-height:1.625}
  .mx.mx .mx-ll-doc-link{font-size:calc(var(--mx-u)*16);padding-top:calc(var(--mx-u)*20)}
}
@media (max-width:767px){.mx-lhero{--mx-scrim:light}}   /* readability on phones: grey copy over the landfill photo */

/* the open card collapses on click */
.mx-ll-card.mx-is-open{cursor:pointer}

/* client 10-13 (PSB): all solution cards the same height (322); the open card has its icon top-left with the title beside it,
   text and checklist indented under the title */
@media (min-width:1024px){
  .mx.mx .mx-ll-card,.mx.mx .mx-ll-card.mx-is-open{min-height:calc(322*var(--ll-u))}
  .mx.mx .mx-ll-acc{align-items:stretch}   /* all cards stay the same height even when the open card's text needs an extra line */
  .mx.mx .mx-ll-card.mx-is-open .mx-ll-card-icon{position:absolute;left:calc(32*var(--ll-u));top:calc(24*var(--ll-u))}
  .mx.mx .mx-ll-card.mx-is-open .mx-ll-card-h{font-size:max(22px,calc(30*var(--ll-u)));margin:calc(18*var(--ll-u)) 0 0 calc(86*var(--ll-u))}
  .mx.mx .mx-ll-card.mx-is-open .mx-ll-card-panel{margin:calc(14*var(--ll-u)) 0 0 calc(86*var(--ll-u))}
  .mx.mx .mx-ll-card.mx-is-open .mx-ll-card-panel li{padding-left:calc(38*var(--ll-u))}
  .mx.mx .mx-ll-card.mx-is-open .mx-ll-card-panel li svg{left:calc(9*var(--ll-u))}
}