/* W713 · переходник misfit-archives.ru — сырой указатель: белое, чёрное, номера, выворот при наведении.
   Без скриптов, без внешних шрифтов (политика содержимого — только свои файлы), без gap во flex (старые вебвью). */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font:500 16px/1.25 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}
a{color:inherit;text-decoration:none}
.top{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px;border-bottom:2px solid #000}
.brand{font-weight:800;letter-spacing:.02em}
.shop{font:600 14px ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.idx{list-style:none;margin:0;padding:0}
.idx li{border-bottom:2px solid #000}
.idx a{display:flex;align-items:baseline;padding:14px 16px;min-height:64px}
.idx .n{flex:0 0 auto;margin-right:16px;font:600 14px ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.idx .t{flex:1;min-width:0;font-weight:800;font-size:clamp(28px,7vw,72px);line-height:1;letter-spacing:-.02em;overflow-wrap:anywhere}
.idx a:hover,.idx a:focus-visible{background:#000;color:#fff;outline:none}
.foot{padding:18px 16px 28px;font:600 14px ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.foot span{margin:0 6px}
.foot span:first-child{margin-left:0}
.foot a:hover,.foot a:focus-visible{background:#000;color:#fff;outline:none}