.sod-wrap{
  width:100%;
  max-width:100%;
  display:flex;
  align-items:flex-start;
  gap:10px;
  box-sizing:border-box;
  padding:12px 10px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
}

.sod-content{
  flex:1 1 auto;
  min-width:0;
  line-height:1.5;
  word-wrap:break-word;
}

.sod-line{
  display:block;
}

.sod-lead{
  font-weight:700;
}

.sod-nav{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.14);
  background:transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
}

.sod-nav:disabled{
  opacity:.6;
  cursor:not-allowed;
}

.sod-wrap.is-loading{
  opacity:.85;
}

@media (max-width:480px){
  .sod-wrap{
    gap:8px;
    padding:10px 8px;
  }
  .sod-nav{
    width:40px;
    height:40px;
  }
}