.echi-weather{
  box-sizing:border-box;
  border:1px solid #e4dfd3;
  background:#fffdf7;
  border-radius:14px;
  padding:16px;
  color:#3a3026;
  font-family:inherit;
}
.echi-weather *{box-sizing:border-box;}
.echi-weather-heading{font-weight:700;font-size:18px;margin-bottom:4px;}
.echi-weather-lead,.echi-weather-page-lead{font-size:13px;line-height:1.7;color:#675b4d;margin:0 0 12px;}
.echi-weather-page-title{font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:.04em;}
.echi-weather-controls{display:grid;gap:10px;margin-bottom:14px;}
.echi-weather-controls-page{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;}
.echi-weather label{font-size:13px;font-weight:700;display:grid;gap:4px;}
.echi-weather input,.echi-weather select,.echi-weather button{width:100%;min-height:40px;border:1px solid #d6cdbd;border-radius:8px;padding:7px 9px;font:inherit;background:#fff;}
.echi-weather button{background:#5b4b35;color:#fff;border-color:#5b4b35;cursor:pointer;font-weight:700;}
.echi-weather button:hover{opacity:.9;}
.echi-weather-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
.echi-weather-card{background:#fff;border:1px solid #ece5d8;border-radius:12px;padding:12px;text-align:center;}
.echi-weather-card-label{font-size:12px;color:#7a6d5d;font-weight:700;}
.echi-weather-card-date{font-weight:800;margin:3px 0 6px;}
.echi-weather-icon{font-size:32px;line-height:1.2;margin:4px 0;}
.echi-weather-weather{font-size:13px;color:#675b4d;min-height:1.6em;}
.echi-weather-temps{display:grid;gap:4px;margin-top:8px;font-size:13px;}
.echi-weather-temps strong{font-size:16px;}
.echi-weather-talk{background:#f7f0e4;border-left:4px solid #8f744d;border-radius:8px;padding:12px;font-size:14px;line-height:1.8;}
.echi-weather-loading,.echi-weather-error{padding:12px;background:#fff;border-radius:8px;}
.echi-weather-error{color:#b42318;}
.echi-weather-charts{margin-top:20px;}
.echi-weather-charts h3{font-size:18px;margin:22px 0 8px;}
.echi-weather-icon-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;}
.echi-weather-icon-grid div{background:#fff;border:1px solid #ece5d8;border-radius:8px;text-align:center;padding:7px 4px;font-size:12px;}
.echi-weather-icon-grid span{display:block;color:#7a6d5d;margin-bottom:3px;}
.echi-weather-icon-grid b{display:inline-block;font-size:18px;margin:0 2px;}
@media (max-width: 768px){
  .echi-weather-controls-page{grid-template-columns:1fr;}
  .echi-weather-cards{grid-template-columns:1fr;}
  .echi-weather-page-title{font-size:22px;}
  .echi-weather-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
.echi-weather-more{
    margin-top:10px;
    text-align:right;
}

.echi-weather-more a{
    display:inline-block;
    padding:6px 12px;
    background:#6b7c93;
    color:#fff;
    border-radius:4px;
    text-decoration:none;
    font-size:13px;
    transition:0.2s;
}

.echi-weather-more a:hover{
    opacity:0.85;
}