*{box-sizing:border-box}
body{margin:0;font:13px/1.4 Arial,sans-serif;color:#222;background:#fff}
a{color:#15c;text-decoration:none}a:hover{text-decoration:underline}
.dim{color:#777;font-weight:normal}
.chg{color:#093}.chr{color:#d14836}.chz{color:#555}
#gbar{display:flex;gap:12px;padding:4px 12px;background:#2d2d2d;color:#ccc;font-size:12px;height:26px;align-items:center}
#gbar a{color:#ccc}#gbar b{color:#fff}.sp{flex:1}
#hdr{display:flex;align-items:center;gap:14px;padding:16px 16px 12px;border-bottom:1px solid #e5e5e5}
.logo{font:22px/1 "Product Sans",Arial,sans-serif;letter-spacing:-.5px;white-space:nowrap;text-decoration:none!important}
.logo .l1{color:#4285f4}.logo .l2{color:#ea4335}.logo .l3{color:#fbbc05}.logo .l4{color:#34a853}.logo .fin{color:#777}
.logo.big{font-size:34px;margin-bottom:20px}
#search{display:flex;flex:1;max-width:560px}
#q{flex:1;height:29px;border:1px solid #d9d9d9;border-top-color:#c0c0c0;border-right:0;padding:0 8px;font-size:15px;outline:none}
#q:focus{border-color:#4d90fe}
.btn{height:29px;padding:0 10px;border:1px solid #dcdcdc;background:linear-gradient(#f5f5f5,#f1f1f1);color:#444;font:bold 12px Arial;border-radius:2px;cursor:pointer}
.btn:hover{border-color:#c6c6c6;color:#222;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.btn.blue{background:linear-gradient(#4d90fe,#4787ed);border-color:#3079ed;color:#fff}
#wrap{display:flex;gap:24px;padding:12px 16px;max-width:1260px}
#nav{width:150px;flex:none}
.navlist{list-style:none;margin:0 0 18px;padding:0}
.navlist a{display:block;padding:5px 8px;color:#222}
.navlist a.on{color:#dd4b39;font-weight:bold}
.recent .rh{font-weight:bold;padding:4px 8px;border-top:1px solid #e5e5e5;padding-top:10px}
#recent{width:100%;font-size:12px;border-collapse:collapse}
#recent td{padding:2px 4px;white-space:nowrap}#recent td:nth-child(n+2){text-align:right}
#main{flex:1;min-width:0}
h2{font-size:16px;font-weight:normal;margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid #ebebeb}
h2:first-child{margin-top:0}
.cols{display:flex;gap:28px}.cols>.left{flex:1;min-width:0}.cols>.right{width:250px;flex:none}
.summary{display:flex;gap:20px;align-items:flex-start}
.summary .chart{width:300px;flex:none}
.idx td{padding:2px 8px 2px 0;white-space:nowrap}
.dot{display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:5px}
table.mini{width:100%;border-collapse:collapse;font-size:12px}
table.mini td{padding:3px 2px;white-space:nowrap}table.mini td:nth-child(n+2){text-align:right}
.story{margin:0 0 14px}.story a.t{font-size:14px}.story .src{color:#777;font-size:12px}.story .sum{color:#444;margin-top:2px}
.tabs{display:flex;gap:0;border-bottom:1px solid #ccc;margin:6px 0 0}
.tabs a{padding:6px 12px;color:#15c;border:1px solid transparent;border-bottom:0;margin-bottom:-1px}
.tabs a.on{border-color:#ccc;background:#fff;color:#222;font-weight:bold}
.ptools{display:flex;align-items:center;gap:10px;margin:0 0 10px;flex-wrap:wrap}
.port-wrap{overflow-x:auto}
.ptools select{height:26px;font-size:13px}
.ptotal{display:flex;flex-wrap:wrap;gap:4px 26px;background:#f5f5f5;border:1px solid #e5e5e5;padding:8px 12px;margin:10px 0}
.ptotal div span{display:block;color:#777;font-size:11px}.ptotal div b{font-size:15px}
table.port{width:100%;border-collapse:collapse;font-size:13px}
table.port th{text-align:right;font-weight:bold;color:#444;padding:6px 6px;border-bottom:1px solid #ccc;background:#f5f5f5;white-space:nowrap;cursor:pointer;user-select:none}
table.port th:first-child,table.port th:nth-child(2){text-align:left}
table.port td{padding:5px 6px;text-align:right;border-bottom:1px solid #ebebeb;white-space:nowrap}
table.port td:first-child,table.port td:nth-child(2){text-align:left}
table.port td.nm{max-width:230px;overflow:hidden;text-overflow:ellipsis}
table.port tr:hover td{background:#fef9db}
table.port tr.tot td{font-weight:bold;background:#f5f5f5;border-top:1px solid #ccc}
.src-stmt{color:#999;font-size:11px}
.qhead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.qhead h1{font-size:20px;font-weight:normal;margin:0}.qhead .ex{color:#777}
.qprice{font-size:28px;font-weight:bold;margin-right:10px}.qchg{font-size:16px}
.ranges{margin:10px 0 4px}.ranges a{margin-right:10px;color:#15c;cursor:pointer}.ranges a.on{color:#222;font-weight:bold}
.stats td{padding:3px 18px 3px 0;color:#222}.stats td.k{color:#777}
svg text{font:10px Arial;fill:#777}
.login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f1f1f1}
.login-box{background:#fff;border:1px solid #e5e5e5;padding:36px 40px;width:320px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.login-box label{display:block;text-align:left;font-weight:bold;margin-bottom:6px}
.login-box input{width:100%;height:32px;font-size:16px;border:1px solid #d9d9d9;padding:0 8px;margin-bottom:14px}
.login-box .btn{width:100%;height:32px;background:linear-gradient(#4d90fe,#4787ed);border-color:#3079ed;color:#fff}
.err{color:#d14836;margin-top:12px}
#ftr{color:#777;font-size:11px;text-align:center;border-top:1px solid #ebebeb;margin:30px 16px 0;padding:10px}
.loading{color:#777;padding:20px 0}
@media (max-width:900px){#hdr{flex-wrap:wrap}#search{flex-basis:100%;max-width:none}#q{min-width:0}#nav{display:none}.cols{flex-direction:column}.cols>.right{width:auto}.summary{flex-direction:column}
 #wrap{padding:10px}.port-wrap{overflow-x:auto}.summary .chart{width:100%}}
