body{background:#fff}main{display:grid;grid-template-rows:auto;grid-template-columns:100%}.search{grid-column:1;grid-row:1}.content{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:3rem;margin-top:2rem;padding:1rem}.op-chart{display:flex;flex-direction:column;width:100%;row-gap:4rem}.op-chart>div{display:grid;grid-template-columns:100%;grid-template-rows:auto;gap:2rem;border-bottom:20px solid #18baad;padding-bottom:3rem}.op-chart>div h3{grid-column:1;grid-row:1;border-bottom:1px dashed #08887e}.inchart{height:450px;grid-row:2}.txtchart{grid-row:3;line-height:1.6rem;display:flex;gap:2rem;flex-direction:column}.txtchart img{height:200px;object-fit:cover;border-radius:.3rem;width:100%}.lichart{display:grid;grid-template-columns:1fr 1fr;gap:1rem;grid-row:4}.lichart a{display:flex;align-items:center;background-color:#eee;border-radius:.2rem;padding:.2rem}.lichart span{display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:50%;color:#fff;height:20px;width:20px;font-size:.8rem;margin-right:.3rem}@media (min-width:1024px){body{background:linear-gradient(#18baad 0px,#fff 200px);;}main{grid-template-columns:1fr minmax(900px,1400px) 1fr}.content{grid-column:2/3;grid-row:3;padding:0;flex-direction:column;flex-wrap:wrap}.search{grid-column:1/4;grid-row:2}.op-chart>div{grid-template-columns:600px auto;grid-template-rows:auto auto auto}.op-chart>div h3{grid-column:1/3;grid-row:1}.inchart{grid-row:2/4}.txtchart{grid-row:2}.lichart{grid-template-columns:1fr 1fr 1fr 1fr;grid-row:3}.txtchart{flex-direction:row}.txtchart img{width:200px;height:100%}}