/* RateScout — тема в стиле doshaven.eu (DOS/терминал): #111 фон, моноширинный,
   двойные ASCII-рамки (.dosborder), циан/синие DOS-боксы, красные ■ маркеры, 1000px по центру. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#111;color:#a8a8a8;
  font:15px/1.5 "Lucida Console",Monaco,"DejaVu Sans Mono",Consolas,monospace}
a{color:#55ffff;text-decoration:none}
a:visited{color:#ffff55}
a:hover{background:#00aaaa;color:#111;text-decoration:none}
b,strong{color:#fff}
h1{font-size:1.6rem;margin:0;color:#fff}
h2{font-size:1.1rem;margin:16px 0 10px;color:#55ffff}
img{border:none;max-width:100%}

#wrapper{width:1000px;max-width:100%;margin:0 auto;padding:0 8px}

/* DOS-классы (как у doshaven) */
.dosborder{padding:1rem;border:6px double;outline:5px solid;margin:5px 0 20px}
.dosblue{color:#55ffff;background:#0000aa;border-color:#55ffff;outline-color:#0000aa}
.dosblue a{color:#ffff55}
.dosblue a:hover{background:#00aaaa;color:#111}
.dosblack{color:#a8a8a8;background:#111;border-color:#a8a8a8;outline-color:#111}
.dosblack a{color:#ffff55}
.doscyan{background:#00aaaa;color:#fff;border-color:#000;outline-color:#00aaaa}
.doscyan a{color:#fff;display:inline-block}
.doscyan a::first-letter{color:#ffff55}
.doscyan a:hover{background:#000;color:#fff}

/* header + топ-меню (циан-бар) */
#header{padding:14px 4px 6px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}
#logotop a{color:#ffff55}
#logotop a:hover{background:none;color:#fff}
#logotop .logo{color:#55ffff}
#logotop .tld{color:#777}
#topnav{margin:0 0 16px}
#topnav.dosborder{padding:.4rem 1rem}
#menu-top{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
#menu-top li{padding:0}

/* поиск по валютам */
#search{position:relative;margin:0 0 14px;max-width:520px}
#search input{width:100%;padding:9px 12px;border:3px double #55ffff;outline:3px solid #0000aa;
  background:#000;color:#a8a8a8;font:inherit}
#search input::placeholder{color:#5a7}
#qres{display:none;position:absolute;z-index:50;left:0;right:0;top:100%;list-style:none;margin:0;padding:0;
  background:#0000aa;border:3px double #55ffff;max-height:340px;overflow:auto}
#qres li{padding:0}
#qres a{display:block;padding:5px 10px;color:#fff}
#qres a:hover{background:#00aaaa;color:#111;text-decoration:none}
#qres a span{color:#ffff55;font-size:.82rem}

/* main: content (справа, широкий) + sidebar (слева) */
#main{overflow:hidden}
#content{float:right;width:71%;padding:0 0 20px;min-height:400px}
#sidebar{float:left;width:26%;padding:0 0 20px}
@media(max-width:760px){#content,#sidebar{float:none;width:100%}}
.clearboth{clear:both}

/* заголовки-бары как h2.news */
h2.news{background:#00aaaa;color:#fff;border-color:#000;outline-color:#00aaaa;
  border:3px double;outline:3px solid;padding:.25rem .6rem;margin:18px 0 12px;font-size:1rem}
h2.news .cnt{float:right;color:#ffff55}

/* списки каталога/направлений с ■ маркерами */
.dlist{list-style:none;margin:0 0 14px;padding:0;columns:2;column-gap:26px}
.dlist li{list-style:none;break-inside:avoid}
.dlist li:before{content:"\25A0 ";color:#f55}
.dlist a span{color:#888;font-size:.82rem}
.rt{color:#55ff55;float:right}
.tk{color:#55ffff;font-weight:700}
.facts{list-style:none;margin:6px 0;padding:0}
.facts li{padding:1px 0}
.facts li:before{content:"\25A0 ";color:#f55}
.related{color:#777;font-size:.85rem;margin:6px 0 14px}
.catcount{color:#ffff55}
@media(max-width:600px){.dlist{columns:1}}

/* конвертер в сайдбаре (как DOS-бокс) */
.conv h3{margin:0 0 8px;color:#fff;font-size:.95rem}
.conv label{display:block;font-size:.72rem;color:#cfe;margin-bottom:8px}
.conv select,.conv input{width:100%;padding:6px 8px;border:1px solid #55ffff;background:#000;color:#a8a8a8;font:inherit;margin-top:3px}
.conv .swap{width:100%;margin:4px 0;border:1px solid #55ffff;background:#000;color:#ffff55;cursor:pointer;padding:5px;font:inherit}
.conv .swap:hover{background:#00aaaa;color:#111}
optgroup{color:#ffff55;background:#000;font-style:normal}
option{color:#a8a8a8}
.cta{display:inline-block;background:#00aaaa;color:#111;font-weight:700;padding:8px 14px;
  border:3px double #000;outline:3px solid #00aaaa;text-align:center;margin-top:8px}
.cta:hover{background:#000;color:#ffff55}
.conv .cta{width:100%}
.sblock{margin:0 0 18px}
.sblock h3{color:#55ffff;font-size:.9rem;margin:0 0 6px;border-bottom:1px dotted #333;padding-bottom:2px}
.sblock ul{list-style:none;margin:0;padding:0}
.sblock li:before{content:"\25A0 ";color:#f55}

/* doc pages */
.crumbs{color:#777;font-size:.82rem;margin:6px 0}
.steps{padding-left:4px;list-style:none}
.steps li:before{content:"\25A0 ";color:#f55}
details{border:3px double #55ffff;outline:3px solid #0000aa;background:#0000aa;color:#55ffff;padding:9px 12px;margin:8px 0}
summary{cursor:pointer;color:#ffff55}
.rate-box{border:6px double #55ffff;outline:5px solid #0000aa;background:#0000aa;color:#55ffff;padding:16px;text-align:center;margin:14px 0}
.rate-box .big{font-size:1.8rem;font-weight:800;color:#55ff55}
.rate-box .big span{font-size:.85rem;color:#cfe}
.rate-box .sub{color:#cfe;margin:4px 0 14px}
.lead{color:#a8a8a8;max-width:820px}
.ascii{color:#55ffff;white-space:pre;line-height:1.05;font-size:12px;margin:0 0 8px;overflow-x:auto}

/* блог */
.bloglist{list-style:none;margin:0;padding:0}
.bloglist li{border:3px double #333;outline:3px solid #111;padding:10px 14px;margin:0 0 14px}
.bloglist li a{font-size:1.05rem;color:#55ffff}
.apreview{color:#a8a8a8;margin:4px 0 2px}
.adate{color:#777;font-size:.8rem}
.post{line-height:1.6}
.post h1{margin:.2em 0 .4em}
.post h2{margin:1.2em 0 .5em}
.post ul,.post ol{padding-left:22px}
.post li{margin:3px 0}
.post a{color:#ffff55}
.post code{background:#000;padding:1px 5px;border:1px solid #333}

/* footer */
#footer{clear:both;border-top:3px double #333;margin-top:10px;padding:16px 4px;color:#777;font-size:.8rem}
#footer .disc{border:3px double #a8a8a8;outline:3px solid #111;padding:10px 12px;color:#a8a8a8}
#footer .links{margin:10px 0}
#footer a{color:#ffff55}
#footer .erid{color:#666}