/* numbase.ru: облегченная копия вида прежнего сайта (Bootstrap 3: темная шапка, серые крошки, кнопки-номера,
   таблица диапазонов в рамке), без библиотек и внешних шрифтов. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.5 Roboto,"Helvetica Neue",Arial,sans-serif;color:#333;background:#fff}
a{color:#337ab7;text-decoration:none}
a:hover,a:focus{color:#23527c;text-decoration:underline}
.container{max-width:1170px;margin:0 auto;padding:0 15px}
.navbar{background:#222;border-bottom:1px solid #080808;color:#9d9d9d}
.navbar .container{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;min-height:50px;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:18px}
.brand:hover,.brand:focus{color:#fff;text-decoration:none}
.brand img{display:block;border-radius:4px}
.navbar nav a{color:#9d9d9d}
.navbar nav a:hover,.navbar nav a:focus{color:#fff;text-decoration:none}
.navbar .search-phone{margin-left:auto}
.search-phone{display:flex;max-width:360px;width:100%}
.search-phone .plus7{display:flex;align-items:center;padding:6px 12px;font-size:14px;color:#555;background:#eee;border:1px solid #ccc;border-right:0;border-radius:4px 0 0 4px}
.search-phone input{flex:1;min-width:0;height:34px;padding:6px 12px;font:inherit;font-size:16px;color:#555;border:1px solid #ccc}
.search-phone input:focus{outline:2px solid #66afe9;outline-offset:-1px}
.search-phone button{height:34px;padding:6px 14px;font:inherit;font-size:14px;color:#fff;background:#5cb85c;border:1px solid #4cae4c;border-radius:0 4px 4px 0;cursor:pointer}
.search-phone button:hover{background:#449d44}
.answer .search-phone{margin:12px 0}
.content{padding-top:20px;padding-bottom:30px}
.breadcrumb{display:flex;flex-wrap:wrap;margin:0 0 20px;padding:8px 15px;list-style:none;background:#f5f5f5;border-radius:4px}
.breadcrumb li+li::before{content:"/";padding:0 5px;color:#ccc}
.breadcrumb .active{color:#777}
h1{margin:0 0 10px;font-size:28px;font-weight:500;line-height:1.2}
h2{margin:28px 0 10px;font-size:22px;font-weight:500;line-height:1.2}
p{margin:0 0 10px}
.note{font-size:13px;color:#666;border-left:3px solid #5cb85c;padding:6px 10px;background:#f7faf7}
.muted{color:#777}
.joom{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 10px}
.joom.codes{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
.btn{display:block;padding:6px 8px;font-size:14px;text-align:center;color:#333;background:#fff;border:1px solid #ccc;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn:hover,.btn:focus{color:#333;background:#e6e6e6;border-color:#adadad;text-decoration:none}
.table-wrap{overflow-x:auto;margin:0 0 10px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:8px;border:1px solid #ddd;text-align:left;vertical-align:top}
thead th{border-bottom-width:2px}
tbody tr:nth-child(odd){background:#f9f9f9}
td.num{text-align:right;white-space:nowrap}
.range-list td:nth-child(-n+2){white-space:nowrap}
ul.cols{columns:3 260px;column-gap:30px;margin:0 0 10px;padding-left:20px}
ul.cols li{break-inside:avoid}
.mask{word-spacing:8px;font-size:14px;color:#555}
.variants{font-size:14px;color:#555}
.footer{background:#222;color:#9d9d9d;padding:15px 0;font-size:14px}
.footer .container{display:flex;flex-wrap:wrap;gap:8px 20px}
.footer a{color:#9d9d9d}
.footer a:hover{color:#fff}
@media (max-width:600px){
  h1{font-size:22px}
  h2{font-size:19px}
  .navbar .search-phone{margin-left:0;max-width:none}
  .joom{grid-template-columns:repeat(2,1fr)}
}
.btn.disabled{color:#999;background:#f5f5f5;cursor:default}
.siblings{display:flex;gap:8px}
.siblings .btn{display:inline-block}