body{margin:0;font-family:Arial;background:#ececec}
.container{max-width:1000px;margin:auto;background:#fff}
.header,.footer{background:#2103df;color:#fff;text-align:center;padding:15px}
.search{padding:10px;position:relative}
.search input{width:100%;padding:12px;box-sizing:border-box}
#results{position:absolute;left:10px;right:10px;background:#fff;border:1px solid #ccc;display:none;z-index:99}
.result{padding:10px;cursor:pointer}.result:hover{background:#f2f2f2}
.bar{background:#0316f1;color:#fff;padding:10px;font-weight:bold}
.link{display:block;padding:10px;border-bottom:1px solid #ddd;text-decoration:none;color:#006699}
.content{padding:15px}
.related a{display:block;padding:6px 0}


/* MOBILE OPTIMIZATION */
html{-webkit-text-size-adjust:100%}
body{font-size:18px;line-height:1.7}
.link,.content,p,a,li{font-size:18px}
.search input,#searchInput{font-size:18px;padding:14px}
button,#searchBtn{font-size:18px;padding:14px}
@media(max-width:768px){
 body{font-size:19px}
 .header h1{font-size:28px!important}
 .header p{font-size:18px!important}
 .link,.content,p,a,li{font-size:19px!important}
 .bar,.section{font-size:20px!important;padding:12px!important}
 #searchInput{font-size:18px!important;padding:16px!important}
 #searchBtn{width:100%!important;margin-top:8px}
}