/* Page-specific additions for /solutions/, the three group pages and /pricing/.
   Everything else on these pages is the shared system in sp.css; this file only adds what the
   system has no component for, written at div.mcv-sp specificity and in its custom properties. */

/* ---------- hero panel: a live-data window in the place of the reference's device art ---------- */
div.mcv-sp .pg-art{aspect-ratio:auto;padding-bottom:42px}
div.mcv-sp .pg-panel{position:relative;padding:10px;border-radius:32px;background:#fff;border:2px solid #141414;
  box-shadow:10px 10px 0 #141414;
  translate:calc(var(--mx,0) * -14px) calc(var(--my,0) * -10px);transition:translate .5s var(--ease)}
div.mcv-sp .pg-scr{border-radius:22px;overflow:hidden;background:#fffdf0;border:2px solid #141414;font-family:var(--mono);font-size:12px;color:#3b3833}
div.mcv-sp .pg-scr .sp-xbar{padding:14px 20px;color:#3b3833}
div.mcv-sp .pg-scr .sp-xbar b{gap:9px;font-size:12.5px}
div.mcv-sp .pg-scr .sp-xbar b::before{background:#ff678b}
div.mcv-sp .pg-scr .sp-xtabs span{padding:12px 2px;font-size:11px;white-space:nowrap;color:#55504a}
div.mcv-sp .pg-scr .sp-xtabs span.on{color:#141414}
div.mcv-sp .pg-rows{display:grid;padding:8px}
div.mcv-sp .pg-row{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:10px 14px;padding:16px 12px;border-radius:12px;transition:background-color .2s}
div.mcv-sp .pg-row:hover{background:#fff48d}
div.mcv-sp .pg-row-main b{display:block;font:700 16.5px/1.3 var(--sans);letter-spacing:-.015em;color:#141414}
div.mcv-sp .pg-row-main small{display:block;margin-top:3px;font-size:11.5px;color:#55504a}
div.mcv-sp .pg-row em{font-style:normal;font-weight:600;font-size:13px;color:#141414;font-family:var(--mono);white-space:nowrap}
div.mcv-sp .pg-row .sp-chev{color:#141414;transition:transform .2s var(--ease),color .2s}
div.mcv-sp .pg-row:hover .sp-chev{transform:translateX(3px);color:#141414}
div.mcv-sp .pg-rows-tight .pg-row{gap:7px 14px;padding:10px 12px}
div.mcv-sp .pg-rows-tight .pg-row-main b{font-size:14.5px}
div.mcv-sp .pg-rows-tight .pg-row-main small{margin-top:1px;font-size:11px}
div.mcv-sp .pg-rows-tight .pg-bar{height:3px}
div.mcv-sp .pg-scr-note{padding:6px 20px 16px;font-size:11px;line-height:1.55;color:#55504a}

/* bars drawn to scale; they fill when their block comes into view */
div.mcv-sp .pg-bar{grid-column:1/-1;display:block;height:5px;border-radius:3px;background:rgba(20,20,20,.14);overflow:hidden}
div.mcv-sp .pg-bar i{display:block;height:100%;border-radius:inherit;background:#ff678b;transform-origin:left;transform:scaleX(var(--w,1));
  transition:transform 1.2s var(--ease);transition-delay:calc(var(--r,0) * 140ms + .5s)}
div.mcv-sp.sp-anim .pg-art:not(.in) .pg-bar i,div.mcv-sp.sp-anim [data-io]:not(.in) .pg-bar i{transform:scaleX(0)}

/* pricing hero: range, the price points on one scale, what the price covers */
div.mcv-sp .pg-range{padding:24px 22px 20px;border-bottom:2px solid #141414}
div.mcv-sp .pg-range p{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-family:var(--sans)}
div.mcv-sp .pg-range p b{font-size:clamp(34px,3.5vw,48px);font-weight:800;letter-spacing:-.06em;line-height:1;color:#141414;font-family:var(--mono)}
div.mcv-sp .pg-range p span{font-size:14px;color:#3b3833}
div.mcv-sp .pg-scale{position:relative;height:34px;margin:24px 12px 14px}
div.mcv-sp .pg-scale::before{content:"";position:absolute;left:-12px;right:-12px;top:16px;height:3px;border-radius:2px;background:#141414}
div.mcv-sp .pg-scale i{position:absolute;top:5px;left:calc(var(--p) * 100%);display:grid;place-items:center;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:#ff678b;border:2px solid #141414;box-sizing:border-box;box-shadow:0 0 0 4px #fffdf0;
  transition:transform .6s var(--spring),opacity .4s;transition-delay:calc(var(--r,0) * 110ms + .5s)}
div.mcv-sp .pg-scale i b{font:700 11px/1 var(--mono);color:#141414}
div.mcv-sp.sp-anim .pg-art:not(.in) .pg-scale i{transform:scale(0);opacity:0}
div.mcv-sp .pg-range small{display:block;font-size:11px;line-height:1.6;color:#3b3833}
div.mcv-sp .pg-incl{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;padding:20px 22px 22px}
div.mcv-sp .pg-incl li{display:flex;gap:9px;font:600 13px/1.4 var(--sans);color:#141414}
div.mcv-sp .pg-incl .sp-tick{width:14px;height:14px;margin-top:2px;color:#0f7a3d}

/* ---------- section nav: counts ---------- */
div.mcv-sp .sp-snav .pg-n{margin-left:4px;padding:1px 7px;border-radius:999px;background:rgba(20,20,20,.1);font:600 11px/1.5 var(--mono);color:#141414}

/* ---------- hub: a solution that runs on another platform ---------- */
div.mcv-sp .sp-dtop small{min-width:0}
div.mcv-sp .sp-dtop span{flex:none}
div.mcv-sp .pg-alias{background:#fffdf0;border-style:dashed}
div.mcv-sp .pg-alias .sp-dtop span{background:#fff48d;color:#141414;box-shadow:none}
div.mcv-sp .pg-alias .sp-dtop small i{background:#fff;box-shadow:none}

/* ---------- comparison tables reused for "how to choose" and the price list ---------- */
div.mcv-sp .pg-choose .sp-cmp-row{grid-template-columns:180px minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr)}
div.mcv-sp .pg-choose .sp-cmp-v span,div.mcv-sp .pg-ptable .sp-cmp-v span{margin-top:0}
div.mcv-sp .pg-choose .sp-cmp-v span{font-size:15px}
div.mcv-sp .pg-choose .sp-cmp-k{font-size:17px;letter-spacing:-.01em}
div.mcv-sp .pg-fit{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0}
div.mcv-sp .pg-fit:first-child{padding-top:0}
div.mcv-sp .pg-fit + .pg-fit{border-top:2px solid rgba(20,20,20,.2)}
div.mcv-sp .pg-fit b{font-size:15.5px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ff678b;text-decoration-thickness:3px;transition:text-decoration-color .2s}
div.mcv-sp .pg-fit:hover b{text-decoration-color:#141414}
div.mcv-sp .pg-fit em{font:700 13.5px var(--mono);color:#141414}
div.mcv-sp .sp-cmp-scroll + .sp-sixday{margin-top:32px}
div.mcv-sp .sp-cmp-scroll{overflow-y:hidden;scrollbar-color:#141414 transparent}

div.mcv-sp .pg-hint{display:none;margin-bottom:12px;font-size:13px;font-weight:600;color:#fff}
div.mcv-sp .pg-ptable{min-width:820px}
div.mcv-sp .pg-ptable .sp-cmp-row{grid-template-columns:minmax(190px,1.1fr) minmax(0,1.1fr) minmax(0,1.5fr) 190px}
div.mcv-sp .pg-ptable .sp-cmp-row > *{display:flex;align-items:center;padding:15px 22px}
div.mcv-sp .pg-ptable .sp-cmp-row.hd > *{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-block:26px 20px}
div.mcv-sp .pg-ptable .sp-cmp-col h3{font-size:16px}
div.mcv-sp .pg-ptable .sp-cmp-k{font-size:16px}
div.mcv-sp .pg-ptable .sp-cmp-k a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ff678b;text-decoration-thickness:2px;transition:color .2s,text-decoration-color .2s}
div.mcv-sp .pg-ptable .sp-cmp-k a:hover{color:#141414;text-decoration-color:#141414}
div.mcv-sp .pg-ptable .sp-cmp-v span{font-size:14.5px}
div.mcv-sp .pg-ptable .pg-none{color:#55504a}
div.mcv-sp .pg-ptable .pg-price{justify-content:flex-end}
div.mcv-sp .pg-ptable .pg-price b{font:600 17px/1 var(--mono);letter-spacing:-.02em}
div.mcv-sp .pg-ptable .sp-cmp-row.pg-grow{grid-template-columns:minmax(0,1fr) 190px}
div.mcv-sp .pg-ptable .pg-grow > *{padding-block:30px 14px;border-top-color:#141414}
div.mcv-sp .pg-ptable .pg-grow:hover > :not(.us){background:none}
div.mcv-sp .pg-grow [role=rowheader]{flex-wrap:wrap;align-items:baseline;gap:6px 12px}
div.mcv-sp .pg-grow a{font-size:20px;font-weight:800;letter-spacing:-.025em;color:#141414}
div.mcv-sp .pg-grow a:hover{text-decoration:underline;text-decoration-color:#ff678b;text-decoration-thickness:3px}
div.mcv-sp .pg-grow b{padding:2px 9px;border-radius:999px;background:#ff678b;border:2px solid #141414;font:700 11px/1.5 var(--mono);color:#141414}
div.mcv-sp .pg-grow span{flex-basis:100%;font-size:13.5px;line-height:1.5;color:#3b3833}
div.mcv-sp .pg-grow .us{align-items:flex-end;justify-content:flex-end}
div.mcv-sp .pg-grow .us small{font:600 11.5px/1.4 var(--mono);color:#141414;white-space:nowrap}
div.mcv-sp .pg-ptable [data-stagger]:not(.pg-end) > .sp-cmp-row:last-child .us{border-radius:0;box-shadow:inset 2px 0 0 #141414,inset -2px 0 0 #141414}

/* ---------- chips that link to pages ---------- */
div.mcv-sp .pg-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
div.mcv-sp .pg-chips small{margin-right:4px;font-size:12px;font-weight:700;color:var(--muted)}
div.mcv-sp .pg-chips a{padding:6px 14px;border-radius:60px;background:#fff;border:2px solid #141414;font-size:13px;font-weight:700;line-height:1.4;color:#141414;transition:background-color .2s,color .2s,border-color .2s}
div.mcv-sp .pg-chips a:hover{background:#fff48d;transform:translate(-2px,-2px);box-shadow:3px 3px 0 #141414}
div.mcv-sp .pg-chips small{color:#141414}

/* ---------- group pages: one platform per card ---------- */
div.mcv-sp .pg-plats{display:grid;gap:20px}
div.mcv-sp .pg-plat{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;padding:32px;border-radius:32px;background:#fff;border:2px solid #141414;
  box-shadow:none;transition:opacity .9s var(--ease),transform .9s var(--ease),border-color .3s,box-shadow .35s var(--ease)}
div.mcv-sp .pg-plat:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 #141414}
div.mcv-sp .pg-plat-main{display:flex;flex-direction:column;min-width:0}
div.mcv-sp .pg-plat-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:20px}
div.mcv-sp .pg-plat h3{font-size:clamp(26px,2.4vw,34px);font-weight:800;line-height:1.1;letter-spacing:-.035em}
div.mcv-sp .pg-plat h3 a{transition:color .2s}
div.mcv-sp .pg-plat h3 a:hover{text-decoration:underline;text-decoration-color:#ff678b;text-decoration-thickness:4px;text-underline-offset:4px}
div.mcv-sp .pg-amt{font-family:var(--mono);letter-spacing:-.06em;font-size:34px;font-weight:800;line-height:1;white-space:nowrap}
div.mcv-sp .pg-amt small{font-size:13px;font-weight:700;letter-spacing:0;color:var(--muted)}
div.mcv-sp .pg-plat .sp-body{margin-top:14px;max-width:72ch;font-size:15.5px}
div.mcv-sp .pg-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
div.mcv-sp .pg-points li{align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.35;color:var(--text)}
div.mcv-sp .pg-points li > svg{background:#fff}
div.mcv-sp .pg-plat-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:auto;padding-top:26px}
div.mcv-sp .pg-plat .sp-why{display:flex;flex-direction:column;padding:24px 26px;border-radius:28px}
div.mcv-sp .sp-why h4{margin-bottom:6px;font-size:13px;font-weight:700;color:#fff48d}
div.mcv-sp .pg-plat .sp-why li{justify-content:flex-start;gap:10px;padding:12px 0;font-weight:600;color:#fff}
div.mcv-sp .pg-plat .sp-why .sp-tick{margin-top:3px}
div.mcv-sp .pg-more{margin-top:auto;padding-top:16px;font:500 12px/1.5 var(--mono);color:#dcd7c9}

div.mcv-sp .pg-para{margin-top:16px;color:#141414}
div.mcv-sp .sp-h2 + .pg-para{margin-top:22px}

div.mcv-sp .pg-three{grid-template-columns:repeat(3,minmax(0,1fr))}
div.mcv-sp .pg-three .sp-ind{padding:28px}
div.mcv-sp .pg-three .sp-ind small{margin-top:8px;font:700 12px/1.4 var(--mono);color:#141414}
div.mcv-sp .pg-three .sp-ind h3{margin-top:0;font-size:20px;letter-spacing:-.02em}
div.mcv-sp .pg-three .sp-ind p{font-size:14.5px;line-height:1.6}

/* ---------- pricing: price points to scale ---------- */
div.mcv-sp .pg-ladder{display:grid;gap:12px}
div.mcv-sp .pg-ladder li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:center;padding:22px 28px;border-radius:28px;background:#fff;border:2px solid #141414;
  transition:transform .3s,box-shadow .3s}
div.mcv-sp .pg-ladder li:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 #141414}
div.mcv-sp .pg-ladder-price b{display:block;font-family:var(--mono);font-size:30px;font-weight:800;line-height:1;letter-spacing:-.06em;color:var(--text)}
div.mcv-sp .pg-ladder-price small{display:block;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--muted)}
div.mcv-sp .pg-ladder .pg-bar{height:14px;border-radius:60px;border:2px solid #141414;background:#fffbd6}
div.mcv-sp .pg-ladder .pg-bar i{border-radius:60px}
div.mcv-sp .pg-ladder .pg-chips{margin-top:14px}
div.mcv-sp .pg-ladder .pg-chips a{background:#fff}


/* ---------- pricing: what is in the price, and what is not ---------- */
div.mcv-sp .pg-inout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
div.mcv-sp .pg-inout .sp-h2{font-size:clamp(28px,2.8vw,38px)}
div.mcv-sp .pg-in{display:flex;flex-direction:column;padding:44px;border-radius:32px;box-shadow:none}
div.mcv-sp .pg-in .sp-body{margin-top:16px;font-size:16px}
div.mcv-sp .pg-in .sp-checks{margin-block:28px}
div.mcv-sp .pg-in .sp-honest{margin-top:auto;background:#fffbd6}
div.mcv-sp .pg-in .sp-honest b{font-family:var(--mono);white-space:nowrap}
div.mcv-sp .pg-in .sp-honest .sp-link{display:inline-flex;font-size:inherit}
div.mcv-sp .pg-inout .sp-case-steps b{color:#141414}


/* ---------- group hubs: device shot in the dark column, links to each platform's spokes ---------- */
div.mcv-sp .pg-shot{margin:0 0 20px;border-radius:14px;border:2px solid #fff;overflow:hidden;background:#fff;box-shadow:0 0 0 2px #141414}
div.mcv-sp .pg-shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
div.mcv-sp .pg-shot.is-phone{width:46%;margin-inline:auto}
div.mcv-sp .pg-shot.is-phone img{aspect-ratio:9/16}
div.mcv-sp .pg-spokes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-basis:100%}
div.mcv-sp .pg-spokes small{margin-right:4px;font-size:12px;font-weight:800;color:#141414}
div.mcv-sp .pg-spokes a{padding:5px 12px;border-radius:60px;background:#fffdf0;border:2px solid #141414;font-size:12.5px;font-weight:700;line-height:1.4;color:#141414;transition:background-color .2s,transform .2s,box-shadow .2s}
div.mcv-sp .pg-spokes a:hover{background:#fff48d;transform:translate(-2px,-2px);box-shadow:3px 3px 0 #141414}
div.mcv-sp .pg-spokes a:focus-visible,div.mcv-sp .pg-go:focus-visible,div.mcv-sp .pg-xchip:focus-visible{outline:3px solid #141414;outline-offset:3px}

/* comparison table of a group: a real table that turns into cards on phones */
div.mcv-sp .pg-cmp-wrap{padding:10px;border-radius:32px;background:#fff;border:2px solid #141414;box-shadow:8px 8px 0 #141414}
div.mcv-sp .pg-cmp{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:15px;line-height:1.5;color:#3b3833}
div.mcv-sp .pg-cmp thead th{padding:16px 18px 14px;font:800 13px/1.3 var(--sans);color:#141414;white-space:nowrap}
div.mcv-sp .pg-cmp tbody th,div.mcv-sp .pg-cmp td{padding:18px;border-top:2px solid rgba(20,20,20,.14);vertical-align:top}
div.mcv-sp .pg-cmp tbody th{min-width:170px;font:800 17px/1.25 var(--sans);letter-spacing:-.015em;color:#141414}
div.mcv-sp .pg-cmp tbody th a{text-decoration:underline;text-decoration-color:#ff678b;text-decoration-thickness:3px;text-underline-offset:4px}
div.mcv-sp .pg-cmp tbody th a:hover{text-decoration-color:#141414}
div.mcv-sp .pg-cmp td b{font:700 16px/1.3 var(--mono);letter-spacing:-.03em;color:#141414;white-space:nowrap}
div.mcv-sp .pg-cmp tbody tr{transition:background-color .2s}
div.mcv-sp .pg-cmp tbody tr:hover{background:#fffbd6}
div.mcv-sp .pg-go{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#141414;text-decoration:underline;text-decoration-color:#ff678b;text-decoration-thickness:2px;text-underline-offset:4px}
div.mcv-sp .pg-go .sp-chev{transition:transform .2s var(--ease)}
div.mcv-sp .pg-go:hover .sp-chev{transform:translateX(3px)}

/* other groups: their platforms, one click away */
div.mcv-sp .pg-xgroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;margin-top:40px;padding-top:32px;border-top:2px solid #141414}
div.mcv-sp .pg-xgroups h3{font:800 18px/1.2 var(--sans);letter-spacing:-.02em;margin-bottom:12px}
div.mcv-sp .pg-xgroups h3 a{text-decoration:underline;text-decoration-color:#ff678b;text-decoration-thickness:3px;text-underline-offset:4px}

@media(max-width:1180px){
  div.mcv-sp .pg-plat{grid-template-columns:minmax(0,1fr) 290px;gap:28px}
  div.mcv-sp .pg-points{grid-template-columns:1fr}
}
@media(max-width:900px){
  div.mcv-sp .pg-hint{display:block}
  div.mcv-sp .pg-plat{grid-template-columns:1fr;gap:24px;padding:24px}
  div.mcv-sp .pg-three,div.mcv-sp .pg-inout{grid-template-columns:1fr}
  div.mcv-sp .pg-ladder li{grid-template-columns:1fr;gap:16px;padding:20px}
  div.mcv-sp .pg-ladder-price{display:flex;align-items:baseline;gap:12px}
  div.mcv-sp .pg-ladder-price small{margin-top:0}
  /* price list on small screens: the price column stays in view while the middle columns scroll */
  div.mcv-sp .pg-pscroll{margin-inline:0;padding-inline:0}
  div.mcv-sp .pg-choose{min-width:780px}
  div.mcv-sp .pg-choose .sp-cmp-row{grid-template-columns:132px minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr)}
  div.mcv-sp .pg-choose .sp-cmp-row > *{padding-inline:16px}
  div.mcv-sp .pg-ptable{min-width:680px}
  div.mcv-sp .pg-grow [role=rowheader]{position:sticky;left:0;justify-self:start;max-width:calc(100vw - var(--pad) * 2 - 108px)}
  div.mcv-sp .pg-ptable .sp-cmp-row{grid-template-columns:150px minmax(0,1fr) minmax(0,1.4fr) 108px}
  div.mcv-sp .pg-ptable .sp-cmp-row.pg-grow{grid-template-columns:minmax(0,1fr) 108px}
  div.mcv-sp .pg-ptable .sp-cmp-row > *{padding-inline:14px}
  div.mcv-sp .pg-ptable .us{position:sticky;right:0;z-index:1;background:#fff48d}
  div.mcv-sp .pg-ptable .hd .us{background:#ffe24a}
  div.mcv-sp .pg-grow span{display:none}
  div.mcv-sp .pg-grow .us small{white-space:normal;text-align:right}
  div.mcv-sp .pg-ptable .pg-price b{font-size:15px}
}
@media(max-width:600px){
  div.mcv-sp .pg-panel{padding:7px;border-radius:22px}
  div.mcv-sp .pg-row-main b{font-size:15px}
  div.mcv-sp .pg-incl{grid-template-columns:1fr}
  div.mcv-sp .pg-scr .sp-xtabs span{font-size:10px}
  div.mcv-sp .pg-in{padding:28px 22px}
  div.mcv-sp .pg-amt{font-size:28px}
  div.mcv-sp .pg-plat-foot .sp-btn{width:100%}
}
@media(max-width:1100px){
  div.mcv-sp .pg-cmp-wrap{padding:6px 18px}
  div.mcv-sp .pg-cmp,div.mcv-sp .pg-cmp tbody,div.mcv-sp .pg-cmp tr,div.mcv-sp .pg-cmp th,div.mcv-sp .pg-cmp td{display:block;width:auto}
  div.mcv-sp .pg-cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  div.mcv-sp .pg-cmp tbody tr{padding:20px 0;border-top:2px solid rgba(20,20,20,.14)}
  div.mcv-sp .pg-cmp tbody tr:first-child{border-top:0}
  div.mcv-sp .pg-cmp tbody th,div.mcv-sp .pg-cmp td{padding:0;border:0}
  div.mcv-sp .pg-cmp tbody th{font-size:20px}
  div.mcv-sp .pg-cmp td{margin-top:10px}
  div.mcv-sp .pg-cmp td::before{content:attr(data-label);display:block;margin-bottom:1px;font:800 12.5px/1.4 var(--sans);color:#141414}
}
@media(max-width:700px){
  div.mcv-sp .pg-xgroups{grid-template-columns:1fr}
}

/* A-Z index and price-row spoke links */
div.mcv-sp .pg-letters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}
div.mcv-sp .pg-letters a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #141414;font:800 15px var(--sans);color:#141414;transition:background-color .2s,transform .2s,box-shadow .2s}
div.mcv-sp .pg-letters a:hover{background:#fff48d;transform:translate(-2px,-2px);box-shadow:3px 3px 0 #141414}
div.mcv-sp .pg-az{border:2px solid #141414;border-radius:28px;background:#fff;overflow:hidden}
div.mcv-sp .pg-az-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 12px;padding:14px 24px;scroll-margin-top:140px}
div.mcv-sp .pg-az-row + .pg-az-row{border-top:2px solid rgba(20,20,20,.14)}
div.mcv-sp .pg-az-row h3{font:800 34px/1.3 var(--display);color:#141414}
div.mcv-sp .pg-az-row ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
div.mcv-sp .pg-az-row a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 12px;padding:10px 4px;border-radius:12px;color:#141414;transition:background-color .2s}
div.mcv-sp .pg-az-row a:hover{background:#fff48d}
div.mcv-sp .pg-az-row a b{font:800 17px/1.3 var(--sans)}
div.mcv-sp .pg-az-row a small{grid-column:1;font-size:12.5px;color:#55504a}
div.mcv-sp .pg-az-row a em{grid-row:1;grid-column:2;font:700 14px var(--mono);font-style:normal}
div.mcv-sp .pg-letters a:focus-visible,div.mcv-sp .pg-az-row a:focus-visible,div.mcv-sp .pg-sublink:focus-visible{outline:3px solid #141414;outline-offset:2px}
div.mcv-sp .pg-ptable .sp-cmp-k{flex-wrap:wrap;gap:2px 12px}
div.mcv-sp .pg-sublink{flex-basis:100%;font-size:12.5px;font-weight:600;color:#3b3833;text-decoration:underline;text-decoration-color:#ff678b;text-underline-offset:3px}
div.mcv-sp .pg-sublink:hover{color:#141414}
@media(max-width:700px){
  div.mcv-sp .pg-az-row{grid-template-columns:1fr;padding:14px 16px}
  div.mcv-sp .pg-az-row ul{grid-template-columns:1fr}
}