.smh{margin:56px 0 0}
.smh-top{max-width:760px;margin:0 0 22px}
.home .smh-top h2{margin:0 0 10px}
.smh-in{margin:0;font-size:17px;line-height:1.6;color:var(--ink2)}
.smh-t{display:block;font:700 18px/1.25 var(--f-h);color:var(--ink)}
.smh-d{display:block;font-size:15px;line-height:1.45;color:var(--mut)}
.smh ul,.smh ol{list-style:none;margin:0;padding:0}
.smh-all{margin:18px 0 0}
.smh-all a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--ultra);text-decoration:none}
.smh-all a:hover{color:var(--flare)}
.smh-more{margin:16px 0 0;font-size:16px;line-height:1.7;color:var(--ink2)}
.smh-more a{font-weight:600;color:var(--ultra)}

.smh-pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:pk}
.smh-pk li a{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;height:100%;box-sizing:border-box;
  padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);text-decoration:none}
.smh-pk li a:hover{border-color:var(--ultra);box-shadow:0 6px 18px rgba(43,63,214,.12)}
.smh-pk .smh-ic{grid-row:1/4;width:40px;height:40px;padding:8px;box-sizing:border-box;border-radius:10px;background:var(--ultra-t);color:var(--ultra)}
.smh-tk{display:flex;align-items:baseline;gap:8px}
.smh-tk b{font:900 26px/1 var(--f-h);color:var(--ultra)}
.smh-tk span{font:600 11.5px/1.2 var(--f-m);letter-spacing:.6px;text-transform:uppercase;color:var(--mut)}
.smh-pk li a::after{counter-increment:pk;content:counter(pk,decimal-leading-zero);position:absolute;top:14px;right:16px;
  font:700 12px/1 var(--f-m);color:var(--line)}

.smh-cp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.smh-cp li a{display:grid;grid-template-columns:96px 1fr;height:100%;border-radius:12px;background:var(--paper);
  border:1px solid var(--line);text-decoration:none;overflow:hidden}
.smh-stub{display:grid;place-items:center;padding:12px 6px;background:var(--ink);color:#fff;text-align:center;
  font:900 16px/1.15 var(--f-h);border-right:2px dashed var(--canvas)}
.smh-cb{padding:14px 16px}
.smh-cb .smh-t{margin:0 0 4px}
.smh-cp li a:hover{border-color:var(--flare)}
.smh-cp li a:hover .smh-stub{background:var(--flare)}

.smh-cs{border-top:2px solid var(--ink)}
.smh-cs li{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:6px 24px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.smh-cs li a{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:14px;min-height:52px;text-decoration:none}
.smh-lg{display:grid;place-items:center;width:76px;height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.smh-lg img{width:100%;height:100%;object-fit:contain;transform:scale(1.35)}
.smh-ty{font:600 11.5px/1 var(--f-m);letter-spacing:.6px;text-transform:uppercase;color:var(--ultra);background:var(--ultra-t);padding:5px 8px;border-radius:20px}
.smh-cs li a:hover .smh-t{color:var(--ultra)}

.smh-fr .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
.smh-fr .tile-d{margin-top:2px}
.smh-rl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
.smh-rl li{padding:12px 0;border-bottom:1px solid var(--line)}
.smh-rl a{display:inline-block;min-height:28px;font:700 17px/1.3 var(--f-h);color:var(--ink);text-decoration:none}
.smh-rl a:hover{color:var(--ultra)}

.smh-mxw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.smh-mx{width:100%;border-collapse:collapse;font-size:15px}
.smh-mx th,.smh-mx td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.smh-mx thead th{font:600 11.5px/1.2 var(--f-m);letter-spacing:.6px;text-transform:uppercase;color:var(--mut);background:var(--canvas)}
.smh-mx tbody th{font:700 17px/1.3 var(--f-h);color:var(--ink);white-space:nowrap}
.smh-mx tbody tr:last-child>*{border-bottom:0}
.smh-mx a{display:inline-block;margin:0 10px 4px 0;font-weight:600;color:var(--ultra);text-decoration:none}
.smh-mx a:hover{color:var(--flare);text-decoration:underline}
.smh-mx-c{color:var(--mut);font-size:14px;line-height:1.45;max-width:340px}
.smh-no{color:var(--mut);font-size:13.5px}

.smh-gm{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.smh-gm li a{display:block;text-decoration:none}
.smh-ph{position:relative;display:block}
.smh-gm .smh-ph img{display:block;width:100%;height:auto;aspect-ratio:376/250;object-fit:cover;border-radius:10px}
.smh-n{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:6px;background:rgba(18,20,24,.82);color:#fff;font:600 12px/1 var(--f-m)}
.smh-gm .smh-t{margin:10px 0 4px}
.smh-gm li a:hover .smh-t{color:var(--ultra)}
.smh-gm .smh-d{font-size:14px}

.smh-dm .demos-h{display:block}

.smh-lv{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}
.smh-ld{grid-row:1/3}
.smh-lv a{text-decoration:none}
.smh-lv .smh-ph img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:880/534;object-fit:cover}
.smh-lc .smh-t{margin:12px 0 4px;font-size:24px}
.smh-ld .smh-d{margin:0;font-size:16px}
.smh-l2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.smh-l2 .smh-t{margin:8px 0 2px}
.smh-l2 .smh-d{font-size:14px}
.smh-ls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-top:2px solid var(--ink)}
.smh-ls li{padding:10px 0;border-bottom:1px solid var(--line)}
.smh-ls a{display:inline-block;min-height:26px;font:700 16px/1.3 var(--f-h);color:var(--ink)}
.smh-ls .smh-d{font-size:13.5px}
.smh-lv a:hover .smh-t,.smh-ls a:hover{color:var(--ultra)}

.smh-mosaic{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:44px max(var(--gut),calc(50vw - 560px));background:var(--ink)}
.home .smh-mosaic h2{color:#fff}
.smh-mosaic .smh-in{color:#C9CEDA}
.smh-mz{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.smh-mz li{grid-column:span 2}
.smh-mz li:nth-child(-n+2){grid-column:span 3}
.smh-mz a{display:block;text-decoration:none}
.smh-mz img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.smh-mz .smh-t{margin:10px 0 2px;color:#fff}
.smh-mz .smh-d{color:#AEB4C1;font-size:14px}
.smh-mz a:hover .smh-t{color:var(--flare)}
.smh-mosaic .smh-more{color:#C9CEDA}
.smh-mosaic .smh-more a,.smh-mosaic .smh-all a{color:#fff}
.smh-mosaic .smh-all a:hover,.smh-mosaic .smh-more a:hover{color:var(--flare)}

.smh-wl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.smh-wl li a{display:grid;justify-items:center;gap:6px;padding:16px 10px 12px;background:var(--paper);text-decoration:none;height:100%;box-sizing:border-box}
.smh-wl img{width:120px;height:62px;object-fit:contain}
.smh-wl .smh-t{font-size:14px;text-align:center}
.smh-wl li a:hover{background:var(--ultra-t)}

.smh-flags{margin:0 calc(50% - 50vw);padding:0 max(var(--gut),calc(50vw - 560px)) 48px;background:var(--ink)}
.home .smh-flags h2{color:#fff}
.smh-flags .smh-in{color:#C9CEDA}
.smh-fg{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;border-top:1px solid #3A404D}
.smh-fg li{display:grid;grid-template-columns:48px 110px 1fr;grid-template-areas:"f c a" "f c d";gap:2px 14px;align-items:center;padding:14px 0;border-bottom:1px solid #3A404D}
.smh-fl{grid-area:f}
.smh-fl img{display:block;width:48px;height:32px;object-fit:cover;border-radius:3px}
.smh-cn{grid-area:c;font:700 16px/1.2 var(--f-h);color:#fff}
.smh-fa{grid-area:a}
.smh-fa a{font-weight:600;color:#9DB0FF;text-decoration:none}
.smh-fa a:hover{color:var(--flare)}
.smh-flags .smh-d{grid-area:d;color:#AEB4C1;font-size:14px}
.smh-flags .smh-all a{color:#fff}
.north+.smh-flags,.north .north-in{border:0}

.smh-hp{min-width:26px;padding:3px 6px;border-radius:6px;background:var(--ultra-t);color:var(--ultra);font:800 13px/1 var(--f-m);text-align:center}

.res-x{gap:8px}
.res-x a{padding:6px 12px;min-height:36px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink2)}
.res-x a:hover{border-color:var(--ultra);color:var(--ultra)}

@media (max-width:900px){
  .smh-pk{grid-template-columns:1fr 1fr}
  .smh-gm{grid-template-columns:repeat(3,minmax(0,1fr))}
  .smh-lv{grid-template-columns:1fr}
  .smh-ld{grid-row:auto}
  .smh-wl{grid-template-columns:repeat(4,minmax(0,1fr))}
  .smh-fg{grid-template-columns:1fr}
  .smh-mz{grid-template-columns:1fr 1fr}
  .smh-mz li,.smh-mz li:nth-child(-n+2){grid-column:auto}
  .smh-mz li:first-child{grid-column:1/3}
}
@media (max-width:640px){
  .smh{margin-top:44px}
  .home .smh-top h2{font-size:27px}
  .smh-in{font-size:16px}
  .smh-pk,.smh-cp,.smh-rl,.smh-ls,.smh-fr .tiles{grid-template-columns:1fr}
  .smh-cp li a{grid-template-columns:80px 1fr}
  .smh-cs li{grid-template-columns:1fr}
  .smh-gm{grid-template-columns:1fr 1fr;gap:14px 12px}
  .smh-l2{grid-template-columns:1fr 1fr}
  .smh-wl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .smh-wl img{width:90px;height:48px}
  .smh-mz{grid-template-columns:1fr}
  .smh-mz li:first-child{grid-column:auto}
  .smh-fg li{grid-template-columns:40px 1fr;grid-template-areas:"f c" "f a" "f d"}
  .smh-mosaic,.smh-flags{padding-left:var(--gut);padding-right:var(--gut)}
  .smh-mx thead{display:none}
  .smh-mx,.smh-mx tbody,.smh-mx tr,.smh-mx th,.smh-mx td{display:block}
  .smh-mx tr{padding:12px 14px;border-bottom:1px solid var(--line)}
  .smh-mx th,.smh-mx td{padding:3px 0;border:0}
}