*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172333;font:15px/1.6 system-ui,sans-serif}main{max-width:1250px;margin:auto;padding:24px}h1{font-size:28px}h2{font-size:21px;margin:0}.controls{display:flex;gap:10px;flex-wrap:wrap;background:white;padding:18px;border-radius:12px}input,select,button{font:inherit;border:1px solid #ccd5df;border-radius:8px;padding:12px}input{flex:1;min-width:220px}#results{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:16px}article{background:white;border:1px solid #dde3eb;border-radius:12px;padding:20px;min-width:0}.name,.meta,#asof{color:#607085;font-size:13px}.tags{color:#315dcc}.price{font-size:25px}summary{cursor:pointer;padding:12px 0;font-weight:bold}@media(max-width:500px){main{padding:16px}.controls>*{width:100%}h1{font-size:23px}}
.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}#recommendations{margin:24px 0}#recommendations h3{font-size:17px}

.koco-chart{border:1px solid #dbe3e8;border-radius:14px;padding:0;width:min(1060px,96vw);max-width:96vw;color:#192a3b;background:#fff;box-shadow:0 20px 80px #0005}
.koco-chart::backdrop{background:#13223099}.koco-chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px}.koco-chart-head button{cursor:pointer;border:1px solid #ccd5df;border-radius:8px;padding:8px 14px;background:white}.koco-chart iframe{display:block;width:100%;height:min(66vh,650px);min-height:320px;border:0}.koco-chart-note{font:12px/1.5 system-ui,sans-serif;padding:8px 16px;color:#617181}

.data-age-warning{padding:12px 16px;border:1px solid #e6ba64;background:#fff5df;color:#795416;border-radius:9px;font-size:13px}

.observation-help{margin:12px 0;padding:4px 18px;background:#fff;border:1px solid #dde3eb;border-radius:12px}.observation-help dt{font-weight:700;margin-top:16px;color:#234b82}.observation-help dd{margin:4px 0 12px;overflow-wrap:anywhere}.observation-help p{max-width:85ch}